Featured collection
Overview:
The Featured Collection section highlights selected product collections with flexible display options like grid, slider, or scroll layout. A video banner can be optionally inserted within the product listing to enrich visual storytelling.
Section Configuration:
Collections
Setting |
Description |
| Collection List |
Allows selection of up to five collections to display within the section. Each collection is rendered in its own tab or layout. |
Heading & Content
Setting |
Description |
| Caption |
Optional short text displayed above the section heading. |
| Caption Size |
Controls the visual size of the caption text. |
| Caption Weight |
Controls the font weight of the caption text. |
| Heading |
Main title of the section. |
| Heading Size |
Controls the size of the heading. |
| Heading Weight |
Controls the font weight of the heading. |
| Description |
Optional rich text displayed below the heading. |
| Description Text Size |
Controls the size of the description text. |
| Description Text Weight |
Controls the font weight of the description text. |
| Max Header Size |
Limits the maximum width of the header content relative to the page width. |
Setting |
Description |
| Enable View More Button |
Displays a button to link to the full collection page. |
| Button Label |
Text displayed on the "View More" button. |
Product Card Options
Setting |
Description |
| Media Size |
Controls the aspect ratio of product media: adapt, square, portrait, or landscape. |
| Heading Size |
Sets the size of the product title. |
| Heading Weight |
Sets the weight (boldness) of the product title. |
| Show Price |
Displays the product's price. |
| Show Vendor |
Displays the product's vendor (brand). |
| Show Stock Tag |
Displays a tag indicating stock availability. |
| Show Sale Tag |
Displays a tag for products on sale. |
| Show Custom Tag |
Enables display of any custom product tags. |
| Enable Add to Cart |
Shows an add-to-cart button within the product card. |
| Enable Quick View |
Allows quick preview of the product in a modal. |
Video Banner (Optional)
Setting |
Description |
| Video Index |
Determines the position at which the video banner appears in the product grid. |
| Cover Image |
Thumbnail image shown before the video plays. |
| Upload Video |
Uploads and embeds a video file. |
| Video Heading |
Heading text overlayed on the video. |
| Video Heading Size |
Controls the size of the video heading. |
| Video Heading Weight |
Controls the weight of the video heading. |
| Description |
Additional descriptive text below the video heading. |
| Text Size |
Controls the size of the video description text. |
| Description Weight |
Controls the weight of the video description text. |
| Content Alignment |
Aligns the text content vertically on the video (top, middle, or bottom). |
| Color Scheme |
Applies a color scheme to the video banner overlay content. |
Layout & Design
Setting |
Description |
| Container Layout |
Defines the section’s width: page-width, contained-content, or container-fluid. |
| Corner Radius |
Applies rounding to the section's corners: none, top, bottom, or both. |
| View Layout |
Controls the display layout of products: grid (thumbnail), slider, or scroll. |
| Text Alignment (Desktop) |
Aligns heading and caption content on larger screens. |
| Text Alignment (Mobile) |
Aligns heading and caption content on mobile screens. |
| Color Scheme |
Sets the overall color palette of the section. |
Grid Configuration
Setting |
Description |
| Products to Show |
Limits the number of products shown per collection. |
| Columns on Mobile |
Sets how many product columns are displayed on mobile devices (1 or 2). |
Slider Settings (When Using Slider Layout)
Setting |
Description |
| Autoplay |
Enables automatic cycling through slides. |
| Show Pagination |
Displays pagination dots below the slider. |
| Change Slides Every |
Sets the duration (in seconds) between autoplay slide changes. |
Spacing
Setting |
Description |
| Top Padding |
Adds vertical spacing above the section. |
| Bottom Padding |
Adds vertical spacing below the section. |