Featured collection

Allows you to showcase products from a selected collection with optional promotional blocks and rich customization. This section supports grid and carousel layouts, responsive settings, highlighted text styles, and optional promotional content.

Note: The mobile view of this section is always a grid unless the mobile slider option is enabled.

Section settings

Settings
Type
Description

Collection

collection

Selects the collection to feature in the section.

Layout

select

Chooses how products are displayed: Grid or Carousel.

Products

range

Sets the number of products to display.

Products per row on desktop

range

Determines how many products appear per row on desktop. Applies to both grid and carousel layouts.

Products per row on mobile

select

Controls product layout on mobile (1 or 2 per row).

Text

Text alignment

select

Sets alignment for the heading and text: Left, Center, or Right.

Heading

richtext

Displays the main heading. Italicized words can be styled using the highlight settings.

Heading size

range

Adjusts heading font size as a percentage of the base size.

Highlight

Type

select

Selects the visual style to apply to highlighted (italicized) words in the heading.

Highlight color

color

Sets the background or underline color for highlighted text.

Text color

color

Sets the color of highlighted words (if applicable).

Text

richtext

Displays descriptive content about the collection.

Text size

range

Adjusts text font size as a percentage of the base size.

Button

Button position

select

Positions the button at the Top or Bottom.

Text

text

Text label for the call-to-action button.

Button color

select

Sets the button’s color style. Options include Primary, Secondary, White, or Black.

Button style

select

Visual styling for the button: Solid, Outline, Soft, and etc.

Size

select

Sets the size of the button: Small, Medium, or Large.

Colors

Background color

color

Sets the background color for the section.

Mobile layout

Enable slider

checkbox

Enables horizontal sliding on mobile layout.

Section spacing

Width

select

Sets section width: Page width or Full width padded.

Padding top and bottom

range

Controls top and bottom spacing in pixels.

Last updated