Featured collection
Overview:
The Featured Collection section allows you to highlight a specific product collection with customizable layout options, including grid or slideshow formats. This section is perfect for showcasing a curated selection of products, such as new arrivals, bestsellers, or a specific product line.
Section Configuration:
Collection Settings
| Setting | Description |
|---|---|
| Collection | Select the product collection to display. |
| Heading | Enter a heading for the section. Defaults to "Featured collection". |
| Heading Size | Choose the size of the heading text: Medium, Large, X-Large, or XX-Large. |
| Description | Add a description for the section. This text appears below the heading. Defaults to a brief description of the collection. |
| Text Size | Select the size of the description text: Small, Medium, Large, or X-Large. |
Show More Button Settings
| Setting | Description |
|---|---|
| Enable Show More Button | Toggle to display a "View All" button at the bottom of the section. |
| Button Label | Customize the text for the "View All" button. |
| Button Style | Choose the style of the button: Primary or Secondary. |
Grid Settings
| Setting | Description |
|---|---|
| Columns on Desktop | Set the number of columns to display on desktop devices (2 to 5). |
| Products to Show | Define the number of products to display in the section (2 to 16). |
| Columns on Mobile | Set the number of columns to display on mobile devices (1 or 2). |
| Mobile Columns Breakpoint | Define the screen width (in pixels) at which the mobile layout takes effect. |
Product Card Settings
| Setting | Description |
|---|---|
| Media Size | Choose the size of the media in the product cards: Adapt, Square, Portrait, or Landscape. |
| Button Layout | Select the button layout for the product cards: None, Add to Cart, or View Detail. |
| Show Discount | Toggle to display the discount label on products with discounts. |
| Show Vendor | Toggle to display the vendor's name on the product cards. |
| Show Variation | Toggle to display variant options on the product cards (if available). |
Quick View popup Settings
| Setting | Description |
|---|---|
| Show Variation and SKU | Checkboxes to show or hide variation and SKU. |
| Enable Share and Compare | Checkboxes to enable or disable share and compare buttons. |
| Show Subtotals | heckbox to show or hide subtotals. |
WhatsApp Settings
| Setting | Description |
| Show WhatsApp | Checkbox to toggle the display of WhatsApp share button. |
| WhatsApp Number | Text field for the WhatsApp number. |
| Custom Message | Textarea for the custom WhatsApp message. |
Layout Settings
| Setting | Description |
|---|---|
| Text Alignment (Desktop) | Align the heading and description text on desktop devices: Left, Center, or Right. |
| Text Alignment (Mobile) | Align the heading and description text on mobile devices: Left, Center, or Right. |
| Color Scheme | Select a color scheme to match the section's design with the store's branding. |
Slideshow Settings
| Setting | Description |
|---|---|
| Enable Slideshow | Toggle to display the products in a slideshow format instead of a grid. |
| Show Navigation Arrows | Display navigation arrows for manually cycling through slides. |
| Show Pagination Dots | Display pagination dots for navigating between slides. |
Spacing Settings
| Setting | Description |
|---|---|
| Top Padding | Adjust the padding at the top of the section (0 to 100 pixels). |
| Bottom Padding | Adjust the padding at the bottom of the section (0 to 100 pixels). |