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

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


Product List Styles

The Shop Customizer provides an option to style the product list. The product list is a shop page with a product loop that displays your products.

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.

product list styles

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

product list styles

Style options are explained below:

Box

product list styles

Lets you style the box which contains the item on your product list:

product list styles

Available options to customizeDescription

Background ColorSets a background color
Border RadiusSets a custom border radius
Border ThicknessSets a custom border thickness
Border ColorSets a custom border color
MarginLets you customize the margin
PaddingLets you customize the padding

Name

product list styles

Lets you style the name of the product:
product list styles

Regular Price

product list styles

Lets you style the regular price listed on the product:

product list styles

Sale Price

product list styles

Lets you style the sale price listed on the product if the item is set to sale:

product list styles

Add to Cart Button

product list styles

Lets you style the add to cart button.

product list styles

Out of Stock Badge

product list styles

Lets you style the out of stock badge.

product list styles

Sale Badge

product list styles

Lets you style the sale badge.

product list styles

Rating

product list styles

Lets you style the rating of your product.

product list styles


Product List Settings

Product list settings are explained in this article.