Shop Customizer – Product List Styles

Updated on January 3, 2019

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 Color Sets a background color
Border Radius Sets a custom border radius
Border Thickness Sets a custom border thickness
Border Color Sets a custom border color
Margin Lets you customize the margin
Padding Lets 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.

Did this answer your question?