Product banner
Cornet theme provides a section, namely "Product banner" in this section, you can show the product with color option and custom banner image.
Make section full width
By enabling this checkbox, Set section in full width.
Heading
Text Enter text to display as a title in the section.
Note: Use the slash "/" "/" to highlight words. The following example: /Text/. Size Following is the font size customization of the heading of the section:
Small
Medium
Large
Alignment
Following is the heading alignment customization of the heading of the section:
Left
Center
Description
Text Enter text to display as a description in the section. Style Customization of the "Style" in the product banner section is as follows:
Body
Uppercase
Banner details
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 “1” and a maximum of “3” products. This feature doesn't work when a second image is available. Show color swatch By enabling this checkbox, you can enable color option on top. On click any color option you can show product detail of that option.
Banner height You can select height of all collection image options given below.
Small
Medium
Large
Slider
Activate carousel feature Use "Activate carousel feature" to show the slider carousel. Controller Customization in a "Controller" section are as follows:
Button only
Scrollbar
Button with scrollbar
Controller location "Controller location" defines slide controller position.
Top
Inline
Bottom
Controller style "Controller style" defines slide controller style.
Button
Outline
Icon
Button
Label Use "Label" to add a label to the Button in the section. Link Use "Link" to add a link to the Button in the section. Enable button view Customization of the button "View" is as follows:
Only text
Text with icon
Style
Customization of the "Style" in the collection banner section is as follows:
Link
Outline
Button
Location Customization of the button "location" is as follows:
Top
Bottom
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
Scheme 6
Enable swipe on mobile
By enabling this checkbox, you can swipe in mobile.
Separator
Enable separator By enabling this checkbox, you can set light color border in bottom of the section so you can divide two section properly.
Add Product Banner
Hover to the bottom of the block, and then you can see "Add Product Banner" Click on it, and its customization screenshot is as follows. Use recommended size in collection image or custom image for perfect grid layout.
Image
By selecting this image, you can see first image banner.
Second image
By selecting this image, you can see dual image product banner, if you don't select this image then you can set single product banner.
Image overlay opacity
You can select the range of image overlay opacity. Adjust range minimum "0%" and maximum "100%" of layer darkness.
Product
Select product and you can see list design product.
Button
Label Use "Label" to add a label to the Button in the section. Link Use "Link" to add a link to the Button in the section. Enable button view Customization of the button "View" is as follows:
Only text
Text with icon
Style
Customization of the "Style" in the collection tab section is as follows:
Link
Outline
Button
Color scheme
In this section, you can change the background and foreground color of a block using the color scheme.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6
Last updated