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.