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 page.
Beware! The Shop Customizer is in beta version. Please do not test it on a live website until the stable version is released. If you’ve found a bug related to the shop customizer, report it as shown in this article.
Product Page Settings
The Shop Customizer provides an option to customize the product page. The product page is a single product page that displays the detailed information of your item.
Note: You can check out the demo of a product page here.
To access the Shop Customizer once it is activated:
1From the WordPress left menu, go to Jupiter > Shop Customizer.
To customize the product page:
1From the Shop Customizer, click on Product Page.
2A new window will open with all the available options to customize and style the product page.
Settings are explained below:
| Setting | Description |
|---|---|
| Layout | Sets a layout of the product page. The first option shows the product info beside the image and the product tabs are shown under the image, while the second one locates all the info including the tabs beside the image. |
| Sidebar | Sets a sidebar to the product page. Available options are No Sidebar, Left Sidebar, Right Sidebar. |
| Display Product Info | Let you display or hide specific information about the product. |
| Product Lightbox | Let you enable/disable product lightbox option, so you can see an image in a lightbox when clicking on it. |
| Product Zoom | Lets you enable/disable product zoom option. If enabled, an image will be zoomed in when hovering it. |
| Related Products | Enables/disables related products section on a product page. |
| Up-Sells | Enables/disables up-sell products section on a product page. Find more information about Up-Sells in the Woocommerce documentation. |
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 Page Styles
Product page style settings are explained in this article.
Note: If you have any questions regarding the shop customizer, feel free to contact our help desk.
