Featured product
Overview
The Featured Product section showcases a single product with extensive customization options, including scrolling banners, product details, pricing, stock, and direct checkout actions. This section helps highlight a product in a promotional or storytelling layout.
Section Configuration:
Setting |
Description |
|---|---|
| Product | Selects the featured product to display. |
| Product Media Size | Defines the media aspect ratio: Adapt, Square, or Portrait. |
| Marquee Speed | Controls the scroll speed for scrolling text blocks (1–30 sec). |
| Marquee Direction | Defines scroll direction: forward or backward. |
| Pause on Hover | Enables/disables scrolling pause on hover. |
| Container Layout | Sets the section width: Page Width, Contained Content, or Full Width. |
| Corner Radius | Applies rounded corners to the section. |
| Color Scheme | Applies a predefined color scheme to the section. |
| Top Padding | Adds space above the section (0–100px). |
| Bottom Padding | Adds space below the section (0–100px). |
Block Configuration:
Available Blocks
Each block adds a specific type of content or control to the featured product layout.
Scroll Text
Displays horizontally scrolling text with optional image and borders.
Setting |
Description |
|---|---|
| Image | Optional image shown before the scrolling text. |
| Heading | Text content to scroll across the section. |
| Heading Size | Sets the font size of the text. |
| Heading Weight | Sets the font weight of the text. |
| Top/Bottom Border | Optionally adds top or bottom borders. |
| Spacing | Adjusts vertical spacing after the block (0–50px). |
Heading
Displays a static section heading.
Setting |
Description |
|---|---|
| Heading | The title text. |
| Heading Size | Sets the HTML heading tag (h1–h5). |
| Heading Weight | Controls the heading font weight. |
| Top/Bottom Border | Optionally adds top or bottom borders. |
| Spacing | Adjusts vertical spacing after the block (0–50px). |
Tags
Displays the product tags.
Setting |
Description |
|---|---|
| Top/Bottom Border | Optionally adds top or bottom borders. |
| Spacing | Adjusts vertical spacing after the block (0–50px). |
Title
Displays the product title and vendor with optional stock information.
Setting |
Description |
|---|---|
| Show Vendor | Displays the vendor name. |
| Show Stock | Displays stock availability. |
| Text Size | Sets the size of supplementary text. |
| Text Weight | Sets the weight of supplementary text. |
| Heading Size | Sets the product title heading size (h1–h5). |
| Heading Weight | Sets the font weight of the title. |
| Top/Bottom Border | Optionally adds top or bottom borders. |
| Spacing | Adjusts vertical spacing after the block (0–50px). |
Text
Provides additional product messaging using rich text.
Setting |
Description |
|---|---|
| Text | Rich text content block. |
| Text Size | Font size for the content. |
| Text Weight | Font weight for the content. |
| Top/Bottom Border | Optionally adds top or bottom borders. |
| Spacing | Adjusts vertical spacing after the block (0–50px). |
Variants Price
Displays product pricing, SKU, and unit price. Also includes size chart support.
Setting |
Description |
|---|---|
| Show Price | Displays the current variant's price. |
| Show SKU | Displays the product's SKU. |
| Show Unit Price | Displays price per unit if applicable. |
| Show Variants | Shows the variant selector. |
| Show Size Chart | Displays a linked size chart image if provided. |
| Size Chart Image | Image for the size chart. |
| Spacing | Adjusts vertical spacing after the block (0–50px). |
Quantity Input
Allows shoppers to select quantity and optionally shows subtotal.
Setting |
Description |
|---|---|
| Show Subtotal | Displays the running subtotal based on quantity selected. |
| Top/Bottom Border | Optionally adds top or bottom borders. |
| Spacing | Adjusts vertical spacing after the block (0–50px). |
Buttons
Displays the add-to-cart button, optional dynamic checkout button, and optional WhatsApp button.
Setting |
Description |
|---|---|
| Show Dynamic Checkout | Displays direct checkout buttons like PayPal or Apple Pay. |
| Show WhatsApp Button | Adds a WhatsApp CTA button. |
| WhatsApp Number | Phone number for WhatsApp contact. |
| Custom Message | Default message sent via WhatsApp (supports ` |
| Top/Bottom Border | Optionally adds top or bottom borders. |
| Spacing | Adjusts vertical spacing after the block (0–50px). |
Detail Link
Displays a link to view the product's full detail page.
Setting |
Description |
|---|---|
| Label | Text label for the detail link. |
| Open in New Window | Opens the link in a new browser tab. |
| Top/Bottom Border | Optionally adds top or bottom borders. |
| Spacing | Adjusts vertical spacing after the block (0–50px). |
Pickup Availability
Displays whether the product is available for local pickup.
Setting |
Description |
|---|---|
| Text Size | Font size of the pickup availability message. |
| Text Weight | Font weight of the message. |
| Spacing | Adjusts vertical spacing after the block (0–50px). |