Shop Customizer

Last Updated on

The shop customizer is a new feature in Jupiter which lets you customize the product list, product page and checkout & cart pages

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

In this article


Product List

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.

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

To customize the product list:

1
From the shop customizer, click on Product List.

shop customizer

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

3
After you’ve configured the settings, click on the Close button.

shop customizer

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

shop customizer


Product Page

The shop customizer provides an option to customize the product pages. The product page is a single shop page where the customer is able to check out the product in detail and add it to their cart.

x
Note: You can check out the demo of a product pageĀ here.

To customize the product page:

1
From the shop customizer, click on Product Page.

shop customizer

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

3
After you’ve configured the settings, click on the Close button.

shop customizer

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

shop customizer


Checkout & Cart Pages

The shop customizer provides an option to customize the checkout & cart pages. The checkout & cart pages are shop pages where the customer can manage the items that they have decided to purchase.

x
Note: You can check out the demo of the checkout & cart pages by going to our Jupiter main demo > Shop.

To customize the checkout & cart pages:

1
From the shop customizer, click on Checkout & Cart.

shop customizer

2
A new window will open with all the available options to style the checkout & cart pages.

shop customizer

3
After you’ve configured the settings, click on the Close button.

shop customizer

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

shop customizer


Widget Styles

The shop customizer provides an option to style the widgets added to your shop pages.

x
Note: To learn how to add widgets to the shop pages, read this article.

To style the widgets:

1
From the shop customizer, click on Styles.

shop customizer

2
A new window will open with all the available options to style the widgets

shop customizer

3
After you’ve configured the settings, click on the Close button.

shop customizer

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

shop customizer

Was this helpful?
Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket