Featured collection
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.
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:
Small
Medium
Large
Heading alignment
Following is the heading alignment customization of the section:
Left
Center
Heading color
In this section, you can change the background and foreground color of a heading using the color scheme.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
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:
Body
Subtitle
Uppercase
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:
Link
Outline button
Solid button
View all button position
Following is the button position customization of the section:
Top
Bottom
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:
Top
Inline
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
Product card
Style Customization of the "Style" in the featured collection section is as follows:
Standard
Card
Image ratio
Product image customizations in a section are as follows:
Adapt to image
Portrait
Square
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:
Link
Outline button
Solid button
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:
Dropdown
Pills
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:
Left
Right
Content position
Customization of "Content position" is as follows:
Top
Middle
Bottom
Content alignment
Customization of "Content alignment" is as follows:
Left
Center
Right
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.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
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:
Small
Medium
Large
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:
Link
Outline button
Solid button
Section countdown
Countdown color
In this section, you can change the background and foreground color of a countdown 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 product columns in Mobile devices.
1 Column
2 Columns
Enable swipe on mobile The product slides when the checkbox is activated and the product does not slide when the checkbox is not active.
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.
Heading
Menu icons
In the section, the icons are given to select. are for selecting:
None
Flash sale
Apple
Banana
Bottle
Box
Carrot
Chat bubble
Check mark
Clipboard
Dairy
Dairy free
Dryer
Eye
Fire
Gluten free
Heart
Iron
Leaf
Leather
Lightning bolt
Lipstick
Lock
Map pin
Nut free
Pants
Paw print
Pepper
Perfume
Plane
Plant
Price tag
Question mark
Recycle
Return
Ruler
Serving dish
Shirt
Shoe
Silhouette
Snowflake
Star
Stopwatch
Truck
Washing
Hot deal
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:
Small
Medium
Large
Extra large
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:
None
Flash sale
Apple
Banana
Bottle
Box
Carrot
Chat bubble
Check mark
Clipboard
Dairy
Dairy free
Dryer
Eye
Fire
Gluten free
Heart
Iron
Leaf
Leather
Lightning bolt
Lipstick
Lock
Map pin
Nut free
Pants
Paw print
Pepper
Perfume
Plane
Plant
Price tag
Question mark
Recycle
Return
Ruler
Serving dish
Shirt
Shoe
Silhouette
Snowflake
Star
Stopwatch
Truck
Washing
Hot deal
Outline flash sale
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:
Link
Outline button
Solid button