1. What is the Product Highlight section?
The Product Highlight section is designed to feature a single product with strong visual storytelling. It combines product details, media, and supporting text in one layout to create a high-converting showcase.
This section includes 3 components:
- Media (Image or Video) – Often used to show the product in use or to add lifestyle context.
- Product – Displays the product name, price, etc.
- Text Columns with Icons – A single block that supports up to 4 benefits or key selling points with matching icons and descriptions.
2. How to set up the Product Highlight section
Step 1: Add the section to your store
- Go to Online Store > Themes > Customize.
- Choose the page where you want to add the section (commonly the home page).
- Click Add section and select Product Highlight.
Step 2: Configure each component:
✍️ Text
- Enter your heading, wrap your text inside a [] to add a highlight effect, adjust the Heading size, Heading tag, and Heading alignment.
- Choose the Marker style (which is the Highlight effect style).
- Add a Subheading if needed.
✍️ Media (Image or Video)
- In the section settings, upload an Image/ Mobile image or Video to appear alongside the product.
- Choose the Media ratio.
- Or your can embed video from URL.
✍️ Product cards
- In the same section settings, use the Product setting to pick the featured product.
- Toggle on/off the corresponding settings to show the product info (title, price, badge, and button) on your product card.
✍️ Text columns with icons
- Under the Product highlight section, click “Add block” and choose Text columns with icons (you can add up to 4 blocks).
- Click in a single block to open its setting panel and fill in:
- Icon: 4 options (choose from list/ copy & paste the icon name from this list/ upload Custom icon image/ or paste Custom SVG code)
- Content: Enter the Heading, text, etc.
Step 3: Save and preview
