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

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.

Products

Select a multiple products to display selected 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

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