Skip to main content
The Product information template (main-product) controls how individual products display on your store. It provides extensive customization for media galleries, product details, purchasing options, and informational content through a flexible block system.
Product page overview

​
What this section controls

  • Product media gallery layouts (grid, slider, mobile carousel)
  • Video autoplay and controls
  • Sticky product information behavior
  • Product title, price, SKU, and variants
  • Add to cart and dynamic checkout buttons
  • Collapsible product details and pop-ups
  • Related products and ratings
  • Inventory notices and pickup availability
  • Media description metadata block

​
Getting started

1

Open Theme Customizer

In your Shopify admin, go to Online Store > Themes and click Customize on your active theme.
2

Navigate to a product page

Use the page selector dropdown at the top center to select Products and choose any product to preview.
3

Locate the template

The “Product information” section controls the main product template. Additional sections can be added above or below it in the product template.
Product information section location

​
Template settings

​
Block settings

Build your product page by adding blocks for different types of content. Blocks can be dragged to reorder.
Displays the product title/name. Limit 1 per product page.No configuration required - automatically pulls from product.title field. Position this block where you want the product name to appear, typically at the top of the product info column.
Shows the product SKU (Stock Keeping Unit) code. Limit 1 per product page.Automatically displays the selected variant’s SKU. Useful for customer reference, inventory tracking, or B2B stores where SKU visibility is important.
Add custom text content with styling options. Unlimited blocks allowed.Configuration:
  • Text: Enter your content (default: “Text block”)
  • Text style: Choose appearance:
    • Link: Styled as clickable link
    • Body: Standard body text
    • Uppercase: All caps text
  • Link to products: Optionally link to filtered collection:
    • None: Plain text
    • Type: Links to all products of same type
    • Vendor: Links to all products from same vendor
Use cases:
  • Brand name or designer attribution
  • Product category or collection reference
  • Short promotional taglines
  • Custom badges or labels
Displays product pricing including compare-at prices and sale indicators. Limit 1 per product page.Automatic features:
  • Regular and sale price display
  • Strike-through for compare-at pricing
  • Discount percentage calculation
  • Currency formatting
  • Unit pricing (when applicable)
Note: If an @app block (like product ratings) is placed directly after the price block, it will be right-aligned alongside the price (except when subscription options are present).
Shows product star rating and review count. Limit 1 per product page.Configuration:
  • Rating: Set default rating (0-5 stars, 0.5 increments, default: 3.5)
    • Set to 0 to hide the default rating display
Requirements: Install a product rating/review app for live ratings. Without an app, displays the configured default rating.Popular rating apps: Judge.me, Loox, Stamped.io, YotpoLearn more: Product rating block documentation
Integration point for third-party app blocks. Unlimited blocks allowed.Apps that support product page blocks will appear in the block list. Common examples:
  • Review and rating apps (Judge.me, Loox)
  • Wishlist apps
  • Size recommendation tools
  • 3D viewers or AR apps
  • Custom product options apps
  • Subscription apps
No configuration needed - added automatically when compatible apps are installed.

​
Best practices

Optimize gallery layout

Use Grid layout when showcasing detailed product features with media descriptions. Use Slider for traditional e-commerce clean look with many images.

Enable sticky product info

Keep this enabled so add to cart button stays visible while customers scroll through product images. Significantly improves mobile conversion.

Strategic video autoplay

Use “First video” autoplay sparingly for critical product demos. Avoid “All videos” due to performance impact. Always enable loop with autoplay.

Organize with collapsible rows

Use 3-5 collapsible rows for detailed information (Shipping, Returns, Care, Materials, Warranty). Start with most important open by default.

Leverage product description delimiter

Add ---- in product descriptions to split content across multiple collapsible rows automatically. Reduces manual content entry per product.

Position blocks strategically

Standard order: Title → Price → Rating → Variant Picker → Buy Buttons → Collapsible Rows. Drag to reorder based on your priorities.

Use inventory notices wisely

Set threshold to 5-10 items. Too high seems inauthentic, too low may not trigger often enough. Position near buy buttons for maximum urgency.

Provide size guides

Add size guide page for apparel. Reduces returns significantly. Use popup instead of collapsible row for detailed charts requiring focus.

Enable dynamic checkout

Keep dynamic checkout buttons enabled. Customers using PayPal/Apple Pay prefer direct checkout. Improves conversion for express checkout users.

Configure related products

Use Search & Discovery app to curate complementary products. Manual curation performs better than algorithm alone for cross-selling.