Featured collection
Overview:
The Featured Collection Section allows store owners to display a collection of selected products in a grid, slider, or scrolling format. This section enhances product visibility and encourages customers to explore featured items. It supports multiple collections, product details, and various layout options.
Section Configuration
Collection Settings
| Setting | Description |
|---|---|
| Collection List | Select up to five collections to display. |
Heading & Text Settings
| Setting | Description |
|---|---|
| Section Caption | Add a caption above the heading. |
| Caption Size | Choose the caption size. Options: small, medium, large. Default: medium. |
| Caption Weight | Set the caption font weight. Options: bold, semi-bold, medium, normal, light. Default: bold. |
| Section Heading | Set the main heading for the section. |
| Heading Size | Choose the heading size. Options: h1, h2, h3, h4. Default: h3. |
| Heading Weight | Set the heading font weight. Options: bold, semi-bold, medium, normal, light. Default: bold. |
| Section Description | Add a description below the heading. |
| Description Text Size | Select the description text size. Options: small, medium, large, x-large. Default: small. |
| Description Weight | Set the description font weight. Options: bold, semi-bold, medium, normal, light. Default: normal. |
| Max Header Size | Adjust the maximum width of the heading (in percentage of page width). Range: 50–100%. Default: 100%. |
Product Display Settings
| Setting | Description |
|---|---|
| Enable "View More" Button | Display a "View More" button linking to the collection. Default: false. |
| View More Button Label | Customize the text for the "View More" button. |
| Products to Show | Set the number of products displayed. Range: 2–16. Default: 12. |
| Number of Columns (Desktop) | Define the number of product columns for desktop. Options: 2–4. Default: 4. |
| Number of Columns (Mobile) | Choose the number of product columns for mobile. Options: 1, 2. Default: 2. |
Slideshow Settings
| Setting | Description |
|---|---|
| Enable Autoplay | Automatically transition slides. Default: false. |
| Show Navigation Arrows | Display navigation arrows for the slider. Default: true. |
| Show Pagination Dots | Display pagination dots for the slider. Default: false. |
| Slide Transition Speed | Set the interval (in seconds) between slide transitions. Range: 2–9. Default: 5 seconds. |
Product Card Settings
| Setting | Description |
|---|---|
| Product Media Size | Choose the aspect ratio for product images. Options: adapt, square, portrait. Default: adapt. |
| Heading Size | Set the product title size. Options: small, medium, large. Default: small. |
| Heading Weight | Set the product title font weight. Options: bold, semi-bold, medium, normal, light. Default: normal. |
| Enable Add to Cart Button | Show an "Add to Cart" button on product cards. Default: true. |
| Enable Quick View | Allow quick view for products. Default: true. |
| Show Color Swatches | Display available color swatches. Default: true. |
| Show Product Price | Display the product price. Default: true. |
| Show Vendor Name | Display the product vendor. Default: true. |
| Show Stock Indicator | Show stock availability tags. Default: true. |
| Show Sale Tag | Highlight products on sale. Default: false. |
Layout & Alignment
| Setting | Description |
|---|---|
| Product Layout | Select how products are displayed. Options: thumbnail, slider, scroll. Default: slider. |
| Text Alignment (Desktop) | Set text alignment for desktop. Options: left, center, right. Default: left. |
| Text Alignment (Mobile) | Set text alignment for mobile. Options: left, center, right. Default: left. |
| Color Scheme | Choose a predefined color scheme for the section. Default: scheme1. |
Spacing Settings
| Setting | Description |
|---|---|
| Top Padding | Set padding at the top of the section. Range: 0–100 px. Default: 50 px. |
| Bottom Padding | Set padding at the bottom of the section. Range: 0–100 px. Default: 50 px. |
