The shop customizer is a feature in Jupiter X which let’s you customize and style the product list, product page and checkout & cart pages.
All of the settings below can be found in WordPress left menu, Appearance > Customize.
In this article
Product List Settings
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.
To customize the product list:
Settings are explained below:
|Sidebar||Sets a sidebar to the product list page. Available options are, no sidebar, left sidebar and right sidebar.|
|Strecth to Full Width||Sets the page to full width.|
|Item Hover Style||Sets a specific style which displays on item hover.|
|Display Product Info||Lets you display or hide specific information about the product.|
|Image Ratio||Sets a specific image ratio.|
|Grid Settings||Lets you customize the layout of the product list page by changing columns, rows and spacing between the products.
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.
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.