Shop Customizer – Product List Settings

Last Updated on

The shop customizer is a new feature in Jupiter which lets you customize your websites shop.

Note: The shop customizer is by default disabled. To learn how to activate it, check out this article.

In this article, we’ll explain how to use shop customizer to customize your product list page.

In this article

Product List Settings

The shop customizer provides an option to customize the product list. The product list is a shop page with a product loop that displays your products.

Note: You can check out the demo of a product list here.

To access the shop customizer once it is activated:

From the WordPress left menu, go to Appearance > Customize.

product list

A new option called Shop will be available on the left panel of the customizer.

product list

To customize the product list:

From the shop customizer, click on Product List.

product list

A new window will open with all the available options to customize and style the product list.

product list

Settings are explained below:

Sidebar Sets a sidebar to the product list page. Available options are, no sidebar, left sidebar and right sidebar.
Strecth to Full Width Sets the page to full width.
Item Hover Style Sets a specific style which displays on item hover.
Display Product Info Lets you display or hide specific information about the product.
Image Ratio Sets a specific image ratio.
Grid Settings Lets you customize the layout of the product list page by changing columns, rows and spacing between the products.
After you’ve configured the settings, click on the Close button.

product list

Click on the Save & Publish button. The changes you have made will be applied to the front-end of your website.

product list

Product List Style

Product list style settings are explained in this article.

Was this helpful?

Related Topics

Related Forum Topics

Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket