Featured collection

Ideal for sales displays a collection of products such as new arrivals or adding products to any area of your store.

SettingDescription

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

Text

Enter text to display as a subheading in the section.

Style Customization of the "Subheading style" in the Featured Collection section is as follows:

  • Normal

  • Outline

  • Solid

position

Customization of the "Subheading position" in the Featured Collection section is as follows:

  • Before heading

  • After heading

Heading/subheading alignment

Customization of the "Heading/subheading alignment" in the Featured Collection section is as follows:

  • Left

  • Center

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

Show section countdown

By enabling this checkbox, you can show section countdown.

Show border around section countdown

By enabling this checkbox, you can show border around countdown section.

End date

Add date here. The end date must be set to a future date and include the following format: YYYY/MM/DD Example: 2022/10/05.

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 “5” products.

products 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" label

Use "View all button label" to add a label to the VIew all button in the section.

"View all" style

Customization of the "View all" style in the featured collection section is as follows:

  • Link

  • Outline button

  • Solid button

"View all" position

Customization of the "View all button position" in the featured collection section is as follows:

  • 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

  • Bottom

Product card

Style

Customization of the "product card" style in the featured collection section is as follows:

  • Standard

  • Card

Text alignment

Customization of the "Text alignment" in the Featured Collection section is as follows:

  • Left

  • Center

  • Right

Card 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

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”.

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.

Show countdown By enabling this checkbox you can display the “countdown timer”.

Variants

Show border above the variants

By enabling this checkbox you can show border above the 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. 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

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

Content position on desktop Customization of "contetn position on desktop" 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.

Container overlay opacity You can set a minimum of “0%” and a maximum of “100%” overlay opacity on container.

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 When the checkbox is enabled, the products slides on mobile devices.

Last updated