Shop Customizer – Product List Styles
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.
In this article
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:
To customize the product list:
Style options are explained below:
Lets you style the box which contains the item on your product list:
|Available options to customize||Description|
|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|
Lets you style the name of the product:
Lets you style the regular price listed on the product:
Lets you style the sale price listed on the product if the item is set to sale:
Add to Cart Button
Lets you style the add to cart button.
Out of Stock Badge
Lets you style the out of stock badge.
Lets you style the sale badge.
Lets you style the rating of your product.
Product List Settings
Product list settings are explained in this article.