Category products
Last updated
Last updated
Ideal for sales displays a collection of products such as new arrivals or adding products to any area of your store.
Color scheme
In this section, you can change the background and foreground color of a section using the color scheme.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Layout
Customization of the "Layout" in this section is as follows:
Wide
Container
Heading
Color scheme
In this section, you can change the background and foreground color of a section using the color scheme.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Spacing around heading
"Spacing around heading" is to customize the spacing around heading on the desktop screen. You can set spacing around heading as a minimum of “0px” and a maximum of “30px”.
Text
Enter text to defines the main heading of the section.
Text color
You can customize the foreground color of the heading by using the color option.
Size
Following is the font size customization of the heading of the section:
Small
Medium
Large
Alignment
Customization of the "Alignment" in this is as follows:
Left
Center
Description
Enter text to defines the description of the section.
Description size
Following is the font size customization of the description of the section:
Small
Medium
Large
View all button
Label
Use "Label" to add a label to the Button in the section.
Style
Customization of the "View all" style in the Category products section is as follows:
Link
Outline
Solid
Collection
Select a collection to display products in the section.
Maximum products to show
"Maximum products to show" is to specify how many products to show in a section. You can show a minimum of “2” and a maximum of “8” products.
Number of columns on desktop
"Number of columns on desktop" is to customize the column on the desktop screen. You can show a minimum of “2” and a maximum of “4” products.
Product number
Show number over the image
Enable this checkbox to show number on image of this section.
Background color
You can customize the background color of the number by using the color option.
Foreground color
You can customize the foreground color of the number by using the color option.
Border color
You can customize the border color of the number by using the color option.
Corner radius
"Corner radius" is to customize the radius of number in the section. You can set radius minimum “0” and a maximum “40” px.
Banner
Image
Use "Image" to add the banner image to the section.
Heading
Use text to display as a banner heading in the section.
Heading size
Following is the font size customization of the banner heading of the section:
Small
Medium
Large
Description
Enter text to defines the banner description of the section.
Description size
Following is the font size customization of the banner description of the section:
Small
Medium
Large
Button
Label
Use "Button label" to add a label to the Banner Button in the section.
Link
Use "Link" to add a link to the Banner button in the section. Style
Customization of the Banner button style in the Category products section is as follows:
Link
Outline
Solid
Content alignment
Customization of the "Banner content alignment" in this section is as follows:
Left
Center
Right
Show content background
Enable this checkbox to show content background.
Content background opacity
Using this settings, you have the ability to change the content background opacity. Modify the "Content background opacity" setting to increase or decrease the opacity level of the overlay on the banner content.
Content color scheme
In this section, you can change the background and foreground color of a section using the color scheme.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Mobile layout
Number of columns on mobile
"Number of columns on mobile" is used for the customization of columns in Mobile devices.
1 Column
2 Columns
