Featured collection
Ideal for sales displays a collection of products such as new arrivals or adding products to any area of your store.
| Setting | Description |
|---|---|
Collection | Select a collection to display products in the section. |
Heading | Enter text to display as a title in the section. |
Heading size | Following is the font size customization of the heading of the section:
|
Heading alignment | Following is the heading alignment customization of the section:
|
Heading color | In this section, you can change the background and foreground color of a heading using the color scheme.
|
Display spacing around heading | By enabling this checkbox, you can see spacing around heading. |
Description | Enter text to display as a description in the section. |
Show collection description | By enabling this checkbox, you can show collection description from the admin. |
Description style | Customization of the "Description style" in the featured collection section is as follows:
|
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 “5” products. |
Number of rows | "Number of rows" is to customize the rows on the desktop and mobile screen. You can show a minimum of “1” and a maximum of “3” rows. |
Make section full width | By enabling this checkbox, you can make products full width. |
Enable "View all" button | By enabling this checkbox, you can see "View all" button if list includes more collections than shown. |
"View all" style | Customization of the "View all" style in the featured collection section is as follows:
|
View all button position | Following is the button position customization of the section:
|
Enable carousel on desktop | Use "Enable carousel on desktop" to show the slider carousel on the desktop screen. |
Slider arrow position | Customization of the "Slider arrow position" style in the featured collection section is as follows:
|
Color scheme | In this section, you can change the background and foreground color of a section using the color scheme.
|
Product card | Style Customization of the "Style" in the featured collection section is as follows:
Image ratio Product image customizations in a section are as follows:
Show second image on hover By enabling this checkbox you can “Show the second image on hover”. Show quantity By enabling this checkbox you can display the “Product quantity field”. If you want to add custom default quantity number then add data into "Custom quantity numbers" product metafield. Show vendor By enabling this checkbox you can display the “Product vendor”. Show product rating Enable this checkbox to display "Product rating". Enable quick look button Check this box to display the "Quick loook button" in this section. Quick look button style Customization of the "Quick look button" style in the featured collection section is as follows:
Show countdown By enabling this checkbox you can display the “countdown timer”. Display only color By enabling this checkbox you can display only color variants. Enable add to cart button By enabling this checkbox, you can see add to cart button. |
Variants | Show variants By enabling this checkbox you can display the “Product variants”. Type If the type is "Dropdown," then the variant would be dropdown. And if the type is "Pills," then the variant would be Pills. The variant types are as follows: Type:
Enable color swatches By enabling this checkbox will show the "Variant color." |
Stock bar | Show stock bar Check this box to display the "Stock bar" in this section. Show stock inventory only By enabling this checkbox, you can see only the stock inventory. Maximum stock Adjust maximum the stock for the stock countdown. Maximum product stock can be given up to "200". Limit stock cut off Adjust the limited stock cut-off for the stock countdown. Limit stock message Display limit stock message. In stock message Display the "In stock" message. Continue selling message Display the "Continue selling" message. Colors Customize the colors of Limited stock, In stock and Continue selling text. |
Banner | Image Use "Image" to add the image to the section. Banner position Customization of "Banner position" is as follows:
Content position Customization of "Content position" is as follows:
Content alignment Customization of "Content alignment" is as follows:
Show container When 'Show container' is enabled, the banner's content container box will be visible. Color scheme In this section, you can change the background and foreground color of a section using the color scheme.
Show banner countdown Enabling the checkbox will appear banner countdown. End date The end date must be set to a future date and include the following format: YYYY/MM/DD Example: 2024/10/05. Text Enter text to display as a small title in the section. Outline text Enabling the checkbox will cause an outline to appear around the text. Heading Enter text to display as a title in the section. Heading size Following is the font size customization of the heading of the section:
Subheading Enter the text you would like to display as a subtitle above the title. Button label Use "Button label" to add a label to the Button in the section. Button link Use "Button link" to add a link to the Button in the section. By using the "Open this link in a new window" option, the link will open in a new tab. Button style Customization of the "Button style" in the featured collection section is as follows:
|
Section countdown | Countdown color In this section, you can change the background and foreground color of a countdown using the color scheme.
|
Mobile layout | Number of columns on mobile "Number of columns on mobile" is used for the customization of product columns in Mobile devices.
Enable swipe on mobile The product slides when the checkbox is activated and the product does not slide when the checkbox is not active. |
Add block
To add block to the Featured collection section, click on the 'Add block'. There are many options available , as you can see in the below points and screenshot.
| Block | Description |
|---|---|
Heading | Menu icons In the section, the icons are given to select. are for selecting:
Heading Enter text to display as a title on the section. Heading size Following is the font size customization of the heading in the section:
Sub heading Enter text to display as a Sub headingon the section. |
Date | End date The end date must be set to a future date and include the following format: YYYY/MM/DD Example: 2024/10/05. |
Button | Click on the "Add block" and select the Button. Menu icons In the section, the icons are given to select. are for selecting:
Button label Use "Button label" to add a label to the Button in the section. Button link Use "Button link" to add a link to the Button in the section. Button style Customization of the "Button style" in the Image with text section is as follows:
|
Last updated
