Featured product
Overview:
The Featured Product section allows you to spotlight a single product with rich supporting content and purchase options. It supports product details, messaging, timers, specifications, and other interactive elements. This section is ideal for highlighting special offers, bestsellers, or limited-time products.
Section Configuration:
| Setting | Description |
|---|---|
| Product | Select the product to feature in this section. |
| Media Size | Choose how the product media is displayed: adapt, square, portrait, or landscape. |
| Color Scheme | Apply a visual color scheme to the section. |
| Show Navigation | Toggle the display of slideshow navigation arrows. |
| Thumbnail Alignment | Set the alignment of thumbnails (visible only if navigation is disabled). |
| Top Padding | Adds space above the section. |
| Bottom Padding | Adds space below the section. |
Blocks Configuration:
Block Types
Each block adds content to enhance the product presentation. Blocks can be reordered and customized.
Message Box
| Setting | Description |
|---|---|
| Text | Display a customizable promotional or informational message. |
| Text Size | Set the size of the message text. |
| Block Spacing | Adjust spacing below this block. |
Countdown Timer
| Setting | Description |
|---|---|
| Heading | Optional title for the timer. |
| End Date | Set the date the timer counts down to (YYYY/MM/DD format). |
| On End | Choose behavior when the countdown ends: hide or show a message. |
| End Message | Optional message to show after the timer ends. |
| Block Spacing | Adjust spacing below this block. |
Title
| Setting | Description |
|---|---|
| Heading Size | Choose how large the product title appears. |
| Block Spacing | Adjust spacing below this block. |
Text
| Setting | Description |
|---|---|
| Text | Enter supporting text about the product. |
| Text Size | Choose small, medium, or large text size. |
| Show Rating | Toggle to display product star ratings. |
| Block Spacing | Adjust spacing below this block. |
Specifications
| Setting | Description |
|---|---|
| Rows 1–10 | Each row includes a label (feature name) and description (details). |
| Block Spacing | Adjust spacing below this block. |
Collapsible Row
| Setting | Description |
|---|---|
| Heading | Title of the collapsible row. |
| Description | Content shown when the row is expanded. |
| Open by Default | Determines if the row starts in an open state. |
| Block Spacing | Adjust spacing below this block. |
Icon with Description
| Setting | Description |
|---|---|
| Icon | Upload an image or icon. |
| Heading | Title shown next to the icon. |
| Description | Supporting content displayed below or beside the icon. |
| Block Spacing | Adjust spacing below this block. |
Statistics Bar
| Setting | Description |
|---|---|
| Show Stock | Display available stock levels. |
| Show Saving Badge | Show a badge for the amount saved. |
| Enable Share | Display social sharing options. |
| Enable Compare | Allow product comparison feature. |
| Block Spacing | Adjust spacing below this block. |
Separator
| Setting | Description |
|---|---|
| Block Spacing | Adds visual separation with adjustable spacing. |
Price
| Setting | Description |
|---|---|
| Block Spacing | Adjust spacing below this block. |
Variation & SKU
| Setting | Description |
|---|---|
| Show Variations | Toggle to show selected product variation. |
| Show SKU | Display the product’s SKU. |
| Enable Ask Question | Adds a "Have a Question?" interaction. |
| Enable Size Chart | Enable size chart toggle. |
| Size Chart Image | Upload image to be shown as size chart. |
| Block Spacing | Adjust spacing below this block. |
Quantity Input
| Setting | Description |
|---|---|
| Show Subtotals | Display the total price based on quantity selection. |
| Block Spacing | Adjust spacing below this block. |
Buttons
| Setting | Description |
|---|---|
| Show Dynamic Checkout | Show express checkout buttons like Apple Pay or Google Pay. |
| Show Gift Card Recipient | Display recipient info option for gift card products. |
| Show WhatsApp Button | Enable a button to contact via WhatsApp. |
| WhatsApp Number | Enter the WhatsApp phone number to contact. |
| Custom Message | Set the default message to send over WhatsApp, using ` |
| Block Spacing | Adjust spacing below this block. |
Pickup Availability
| Setting | Description |
|---|---|
| Block Spacing | Adjust spacing below this block. |
Custom Liquid
| Setting | Description |
|---|---|
| Liquid Code | Enter custom Liquid code to extend functionality. |
| Block Spacing | Adjust spacing below this block. |