The Shop Customizer is a new feature in Jupiter which lets you customize your websites shop.
Note: The Shop Customizer is disabled by default. 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.
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:
1From the WordPress left menu, go to Jupiter > Shop Customizer.
To customize the product list:
1From the shop customizer, click on Product List.
2A new window will open with all the available options to customize and style the product list.
Settings are explained below:
| Setting | Description |
|---|---|
| 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. |
3After you’ve configured the settings, click on the Close button.
4Click on the Save & Publish button. The changes you have made will be applied to the front-end of your website.
Product List Style
Product list style settings are explained in this article.
