Featured product
Overview:
The Featured Product Section highlights a single product on your Shopify store, providing detailed product information, pricing, and purchasing options. This section is fully customizable and supports multiple content blocks to enhance the customer shopping experience.
Section Configuration:
Product Selection
| Setting |
Description |
| Featured Product |
Selects the product to be featured. |
Section Content
| Setting |
Description |
| Section Caption |
Short caption displayed above the product. |
| Caption Size |
Adjusts caption text size (Small, Medium, Large). Default: Medium. |
| Caption Weight |
Adjusts caption font weight. Default: Bold. |
| Section Heading |
Main title for the section. |
| Heading Size |
Adjusts heading size (H1–H4). Default: H3. |
| Heading Weight |
Adjusts heading font weight. Default: Bold. |
| Section Description |
Rich text field for additional product information. |
| Description Size |
Adjusts description text size (Small–X-Large). Default: Small. |
| Description Weight |
Adjusts description font weight. Default: Normal. |
Layout & Display
| Setting |
Description |
| Full Width Section |
Expands section to full page width. Default: Enabled. |
| Product Media Size |
Determines how product images are displayed. Options: Adapt, Square, Portrait, Landscape. Default: Adapt. |
| Show Stock Tag |
Displays stock availability label. Default: Enabled. |
Text Alignment
| Setting |
Description |
| Desktop Text Alignment |
Aligns text on desktop. Default: Left. |
| Mobile Text Alignment |
Aligns text on mobile. Default: Left. |
Color & Spacing
| Setting |
Description |
| Color Scheme |
Selects background and text colors. Default: Scheme1. |
| Top Padding |
Adjusts spacing above the section (0px–100px). Default: 50px. |
| Bottom Padding |
Adjusts spacing below the section (0px–100px). Default: 50px. |
Blocks Configuration:
Title Block (Product Name Display)
| Setting |
Description |
| Heading Size |
Adjusts heading size (Small–X-Large). Default: Large. |
| Heading Weight |
Adjusts heading font weight. Default: Bold. |
| Bottom Margin |
Sets spacing below the title (0px–50px). Default: 10px. |
Price Block (Product Pricing Display)
| Setting |
Description |
| Text Size |
Adjusts price text size (Small, Medium, Large). Default: Small. |
| Text Weight |
Adjusts price text weight. Default: Semi-Bold. |
| Bottom Margin |
Sets spacing below the price (0px–50px). Default: 4px. |
| Setting |
Description |
| Show SKU |
Displays product SKU. Default: Disabled. |
| Show Stock |
Displays stock availability. Default: Disabled. |
| Show Vendor |
Displays product vendor name. Default: Enabled. |
| Text Weight |
Adjusts font weight for statistics. Default: Medium. |
| Bottom Margin |
Sets spacing below this block (0px–50px). Default: 4px. |
Variants Chart Block (Product Options & Size Chart)
| Setting |
Description |
| Variant Style |
Selects how options appear (Dropdown or Pills). Default: Pills. |
| Show Size Chart |
Enables a size chart popup. Default: Enabled. |
| Size Chart Image |
Uploads an image for the size chart. |
| Bottom Margin |
Sets spacing below this block (0px–50px). Default: 30px. |
| Setting |
Description |
| Show Subtotal |
Displays total price for selected quantity. Default: Enabled. |
| Bottom Margin |
Sets spacing below this block (0px–50px). Default: 4px. |
Stock Bar Block (Low Stock & Inventory Display)
| Setting |
Description |
| Text Size |
Adjusts stock bar text size (Small, Medium, Large). Default: Small. |
| Text Weight |
Adjusts stock bar font weight. Default: Normal. |
| Bottom Margin |
Sets spacing below this block (0px–50px). Default: 18px. |
| Setting |
Description |
| Enable Dynamic Checkout |
Displays additional payment options like "Buy Now." Default: Enabled. |
| Enable Gift Card Recipient |
Adds a field for gift card recipient details. Default: Disabled. |
| Enable WhatsApp Button |
Adds a WhatsApp button for direct inquiries. Default: Disabled. |
| WhatsApp Number |
Sets the recipient number for inquiries. |
| Custom WhatsApp Message |
Defines default inquiry message. |
| Bottom Margin |
Sets spacing below this block (0px–50px). Default: 25px. |
Payment Icons Block (Secure Payment Assurance)
| Setting |
Description |
| Heading |
Custom heading above payment icons. |
| Bottom Margin |
Sets spacing below this block (0px–50px). Default: 25px. |
| Setting |
Description |
| Enable Questions Button |
Displays a button for customer inquiries. Default: Enabled. |
| Enable Share Button |
Displays social media share options. Default: Enabled. |
| Bottom Margin |
Sets spacing below this block (0px–50px). Default: 0px. |
| Setting |
Description |
| Heading |
Sets the title of the collapsible row. |
| Heading Size |
Adjusts heading size (Small–Large). Default: Small. |
| Heading Weight |
Adjusts heading font weight. Default: Semi-Bold. |
| Description |
Text content inside the collapsible row. |
| Description Size |
Adjusts description text size (Small–Large). Default: Small. |
| Description Weight |
Adjusts description font weight. Default: Light. |
| Open by Default |
Keeps the row expanded on page load. Default: Enabled. |
| Bottom Margin |
Sets spacing below this block (0px–50px). Default: 34px. |
Pickup Availability Block (Store Pickup Details)
| Setting |
Description |
| Text Size |
Adjusts pickup availability text size (Small, Medium). Default: Medium. |
| Text Weight |
Adjusts pickup availability font weight. Default: Bold. |
| Bottom Margin |
Sets spacing below this block (0px–50px). Default: 19px. |
Custom Liquid Block (Custom Code Integration)
| Setting |
Description |
| Custom Liquid |
Allows inserting Liquid code snippets for further customization. |
| Bottom Margin |
Sets spacing below this block (0px–50px). Default: 19px. |