The Product Main Info section is the core of your Product page template. It displays your product media gallery on one side and product details on the other.
️Main Info Blocks
You can customize the layout by adding, removing, and reordering the following blocks:
1. Title Block
- Displays the product title.
- First/Last Word Highlight: Highlight the first or last word of the title using custom brand colors or gradients.
2. Rating Block
- Displays star review counts.
- Automatically pulls reviews from Shopify metafield variables or displays manual reviews count placeholders.
3. Price Block
- Displays the active price, compare-at price (original price), and savings labels (e.g.
Save 20%).
4. Short Description
- Expose a truncated description layout (slider limits from 10 to 200 words).
5. Feature Highlights
- Displays up to 4 trust points (e.g., “40h Battery”, “Active Noise Cancelling”) with custom text and icons.
- Built-in Icons: Select Check, Shield, Battery, Headphones, Star, Truck, Zap, Heart, or paste custom SVG code.
6. Buy Buttons
- Displays the quantity selector and Add to Cart buttons.
- Customize button colors and typography.
7. Divider Block
- Adds custom spacing lines between blocks. Customize thickness (1px–10px) and line colors.
Recommended Media Dimensions
The media gallery displays images, HTML5 videos, YouTube/Vimeo links, and 3D models.
- Product Images Aspect Ratio: Square (
1:1) or Portrait (4:5). - Recommended Resolution:
1200px × 1200px(or1200px × 1500px).