Product Page Overview

Multipurpose Fashion Theme

Theme: Multipurpose Fashion Theme

Help Center > Sections & Blocks > Product Page > Overview

Overview

The product page is where customers view and purchase individual products. It displays product images, title, price, variants, add to cart, and supporting sections like product information, recommendations, and trust badges. This guide covers the product page structure, templates, and how to customize it for merchants, prospective merchants, and theme reviewers.

Product Page Structure

A typical product page includes:

Area	Content	Section type
Main product	Images, title, price, variants, add to cart, description	Main product / Product information
Below fold	Tabs, metafields, size chart	Product information blocks
Recommendations	Related products, More from collection, Recently viewed	Product recommendation sections
Supporting	FAQs, testimonials, trust badges	General sections

Product Templates

The theme uses product templates to control layout. Each template defines which sections appear and in what order.

Template	Use case
Default product	Standard product layout
product.custom	Custom layout (if created)
product.minimal	Minimal layout (if theme includes)

How to customize the product page

Go to Online Store > Themes > Customize.
Select Products from the template dropdown (or a specific product).
Click Add section or Remove on existing sections.
Drag sections to reorder.
Configure each section's settings.
Save.

📷 Image placeholder: Add a screenshot of the product page in Theme Customizer with sections visible.

Sections on the Product Page

Product-specific sections (template-restricted)

Section	Description
Main product	Product media, title, price, variants, add to cart
Product information	Description, metafields, tabs, size chart
Related products	Products from same collection
More from collection	More products from collection
More from vendor	Products from same brand
Recently viewed	Products customer recently viewed

General sections (can be added)

Rich text Pro
FAQs
Testimonials
Custom content
Image sections

Creating Custom Product Templates

For different layouts per product type (e.g. simple vs detailed):

Go to Online Store > Themes > Actions > Edit code.
Under Templates, click Add a new template.
Choose Product; name it (e.g. detailed, minimal).
Edit the JSON to add/remove sections.
Assign the template to products via Products > Edit product > Theme template.

See Create & Apply Product Template for details.

For merchants

Use the Theme Customizer to reorder sections; place key info (price, add to cart) above the fold.
Add Related products and More from collection for cross-sell.
Ensure product images, title, and description are complete.
Test on mobile-product page is critical for conversion.

Multipurpose theme documentation