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

By enabling the checkbox, you make section full width.

Log in to unlock pricing

By enabling the checkbox, you can see price when log in to store.

Heading

Text Enter text to display as a title in the section.

Note: Use the slash "/" "/" to highlight words. The following example: /Text/. Size Following is the font size customization of the heading of the section:

  • Small

  • Medium

  • Large

Alignment

Following is the heading alignment customization of the heading of the section:

  • Left

  • Center

Description

Text 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. Style Customization of the "Style" in the featured collection section is as follows:

  • Body

  • 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 “6” 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.

Button

Enable "View all" button if list includes more collections than shown

By enabling this checkbox, you can see "View all" button, if list includes more collections than shown.

Label Use "Label" to add a label to the Button in the section. Style

Customization of the "Style" in the Featured collection section is as follows:

  • Link

  • Outline

  • Button

Slider

Activate carousel feature Use "Activate carousel feature" to show the slider carousel. Controller Customization in a "Controller" section are as follows:

  • Button only

  • Scrollbar

  • Button with scrollbar

Controller location "Controller location" defines slide controller position.

  • Top

  • Inline

  • Bottom

Controller style "Controller style" defines slide controller style.

  • Button

  • Outline

  • 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

  • Scheme 6

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

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.

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