WC Products

Content #

General

1. Skin: Choose from two pre-designed skins: classic or modern
2. Products Per Page: Choose the number of products to display on each page
3. Columns: Select the no. of columns for displaying product items.
4. Title: Option to show product title
5. Sale Badge: Option to show sale badge
6. Rating: Option to show product rating
7. Price: Option to show product price
8. Add to Cart: Option to show add to cart button

Query

1. Source: Choose a list of products to display by Recent Products, Sales, Featured, or Top Rated.

Categories Filter 

1. Include: Select include if you want your preferred categories to be displayed
2. Exclude: Select exclude if you don’t want your preferred categories to be displayed
3. Categories: Select preferred categories

Style #

Layout

1. Column Gap: Increase the amount of space in the product’s column
2. Rows Gap: Increase the space in the row of the product’s
3. Alignment: Set the alignment of the product summary to left, right, or center

Product

Summary

1. Padding: Set the space inside the product summary

Image

1. Position: Set the position of the image to the left, right, and top of the content area
2. Max Width: Set the size of the product image
3. Border Radius: Set roundness of the image
4. Overlay: Set Overlay over the image
5. Overlay Color: Choose the color for the image overlay

Title

1. Color: Choose the color for the product title
2. Hover Color: Set the hover color of the product title
3. Typography: Set the typography of the product title, which includes (Font Family, Size, Weight, Transform, Style, Decoration, and Line-Height)
4. Spacing: Set the spacing between the product summary and button.

Price

1. Color: Choose the color for the price
2. Typography: Set the typography of the price, which includes (Font Family, Size, Weight, Transform, Style, Decoration, and Line-Height)
3. Spacing: Set the spacing between the title and the button

Sale Badge

1. Typography: Set the typography of the sale badge, which includes (Font Family, Size, Weight, Transform, Style, Decoration, and Line-Height)
2. Color: Choose the color for the sale badge
3. Background Color: Choose a color for the sale badge’s background

Add to Cart

1. Typography: Set the typography of the button text, which includes (Font Family, Size, Weight, Transform, Style, Decoration, and Line-Height)
2. Padding: Set the space inside the button
3. Border Type: Set the border of the button five borders
4. Border Radius: Set the roundness of the button
5. Box Shadow: Add shadow in the button
6. Color:  Choose the color for the button text
7. Background Type: Choose a color for the button background