Featured collection

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

SettingDescription

Make section full width on right side

By enabling this checkbox, you make section full width on right side.

This feature will only work when 'Enable carousel on desktop' is enable.

Subheading

Enter text to display as a subheading in the section.

Subheading style

Following is the Subheading style customization of the heading of the section:

  • Solid

  • Outline

  • Link

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 heading of the section:

  • 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

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.

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

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" in the Featured collection section is as follows:

  • Top

  • Inline

  • Bottom

Slider arrow style

Customization of the "Slider arrow style" in the Featured collection section is as follows:

  • Button

  • Icon

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

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

Enable price below the title

By enabling this checkbox you can “Show price below the title”.

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

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 Enabling this checkbox will show the "Variant color." Enable color variant This is used for display only color and change product image on variant hover. It only applicable when 'show variants' is disabled

Quick look

Enable this checkbox to display the "Quick look button".

Quick look position

Customization of the "Quick look position" in the Featured collection section is as follows:

  • Top right

  • Bottom left

  • Bottom right

Add to cart position

Customization of the "Add to cart button position" in the Featured collection section is as follows:

  • None

  • Bottom

  • On image

Add to cart

Enabling this checkbox to display the "Add to cart button".

Show add to cart on hover on image in desktop

Enabling this checkbox to show add to cart on hover on image in desktop. This is work for only when add to cart button position "on image" option selected.

Banner

Image Use "Image" to add the image to the section. Content position

To change the position of the content, utilize the "Content position" setting. Customization of the "Content position" in the featured collection section is as follows:

  • Top

  • Middle

  • Bottom

Content alignment

Customization of the "Content alignment" in the featured collection section is as follows:

  • Left

  • Center

  • Right

Show container When "Show container" is enabled, the content container box will be visible. Color scheme

In this section, you can change the background and foreground color of the banner using the color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

Heading Enter text to display as a title in 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 is as follows:

  • Link

  • Outline button

  • Solid button

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.

Last updated