Shop Customizer – Product List Styles

Last Updated on

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

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

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

x
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.

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.

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

To access the shop customizer once it is activated:

1
From the WordPress left menu, go to Jupiter > Shop Customizer.

To customize the product list:

1
From the shop customizer, click on Product List.

product list styles

2
A 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.

Was this helpful?

Related Topics

Related Forum Topics

There is no related forum topic

Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket