Key takeaways
- Product page customisation is split across two places: the Theme Editor (layout and sections) and the product editor (content).
- You can rearrange blocks (title, price, description, add-to-cart button) directly in the Theme Editor on most modern Shopify themes.
- Adding new sections (reviews, upsells, FAQs, comparison tables) below the main product info is straightforward in the Theme Editor.
- For a fully custom layout that goes beyond what your theme supports, Fudge can build it from a description.
To customize a Shopify product page, open Online Store → Themes → Customize, switch to a product page, then drag the blocks in the product information section and add sections below it. Content such as title, images and price is edited in the product itself.
Why you can trust us
Jacques has over 15 years of development experience and has worked with hundreds of Shopify brands on their product pages. We build Fudge, the AI operator for Shopify stores, with a 4.9 rating on the Shopify App Store.
Two things you can customise on a product page
1. Content — the product title, description, images, price, and variants. This lives in the product editor: Products → select product → edit.
2. Layout — the arrangement of elements, additional sections, and design. This lives in the Theme Editor: Online Store → Themes → Customize → navigate to a product page.
Most customisation questions are about layout. That’s where the Theme Editor and Fudge come in.
For a guarantee block, see how to add guarantees to a Shopify product page.
How to rearrange product page blocks in the Theme Editor
Modern Shopify themes (Online Store 2.0) let you drag and reorder the individual elements within the product section — title, price, description, add-to-cart button, variant pickers, and more.
Step 1. Go to Online Store → Themes → Customize.
Step 2. Navigate to a product page. Click any product name in the page picker at the top, or visit a product URL while in the editor.
Step 3. Click on the product information section in the left sidebar. You’ll see a list of blocks — title, price, quantity, add to cart, description, etc.
Step 4. Drag the blocks into your preferred order. A common order for the info column: title → reviews snippet → price → variants → add to cart → short description → trust badges.
Step 5. Save.
To add a new block, click Add block inside the product information section and pick one of your theme’s block types, such as Text, Collapsible row, Image, Rating or Custom Liquid. Fill in its content, drag it into place and save.
How to add sections to a Shopify product page
Below the main product information, you can add full-width sections — the same sections available on your homepage.
In the Theme Editor on a product page, scroll down in the left sidebar past the product section and click Add section. You can add:
- Reviews (if using a reviews app that integrates with the Theme Editor)
- Recently viewed products
- Related products / recommendations
- FAQ accordions
- Rich text or feature callouts
- Image with text for ingredient stories or brand content
These sections apply to all product pages unless you’re using a custom template for specific products.
If you want shoppers to preview items in those product grids without leaving the page, see adding a quick-view modal.
How to create a custom template for a specific product
If you want a different layout for one product (e.g., a hero product with a more editorial page), you can create a custom template.
Step 1. In the Theme Editor, click the page selector at the top and choose Create template → Product.
Step 2. Name the template (e.g., hero-product).
Step 3. Customise the layout in the Theme Editor.
Step 4. Go to Products → select the product → in the right sidebar under Theme template, assign your new template.
That product will now use the custom layout. All other products stay on the default template.
Product page customisations that require code
Some product page features aren’t available in the Theme Editor:
- Sticky add-to-cart bar — follows the user as they scroll
- Size guide modal — opens without leaving the page
- Custom tab layout — tabbed description, materials, shipping
- Before/after image slider — for skincare, apparel, home goods
- Custom trust badge row — icons with custom text, not available in most themes
- Comparison table — show how your product compares to alternatives
For these, you either need a developer or a tool that can generate the code for you.
Fudge, the AI operator for Shopify stores, handles all of these as native code in your theme. Describe what you want:
“Add a sticky add-to-cart bar to my product pages that shows when the user scrolls past the main buy button.”
“Create a tabbed section below my product description with tabs for: Description, Ingredients, How to use, Shipping.”
Fudge generates the code, you review the draft on a real product, and publish when it looks right. Afterwards it shows add-to-cart and conversion rate on the pages it changed, before and after, so you can decide whether to roll the change out to the rest of your range.
For how this compares with the theme editor, see the Fudge store editor.
Common Shopify product page layouts
- Standard layout: images on the left; title, price, variants, add to cart, guarantee and description on the right.
- Long-form sales page: a full-width hero image, then the product story, feature blocks, testimonials, add to cart and FAQs.
- Minimal layout: a large image, title, price and add to cart, with everything else collapsed or removed.
- Tabbed layout: the main details stay visible, with description, care, ingredients and specs in tabs below.
If your theme can’t produce the layout you want, describe it to Fudge, for example: “Restructure our product page so the description sits in three tabs: Overview, Ingredients and Care Instructions.” Fudge builds it as a draft in your theme for you to review.
What makes a high-converting Shopify product page?
Layout is half of it; the product data underneath is the other half. The free Shopify catalog data audit flags the products whose data is too thin for shoppers or AI agents to act on.
Beyond the mechanics of customisation, these elements often help conversion:
- Reviews near the top — social proof early, before the scroll
- Clear variant pickers — size guides linked inline, colour swatches not dropdowns
- Urgency signals — low stock indicators, delivery timers (used honestly)
- Short, benefit-focused descriptions — bullet points over paragraphs for quick scanning
- Multiple image angles — lifestyle, detail, and scale shots
- Trust badges above the fold — free returns, secure checkout, fast delivery
FAQ
Why doesn't my Theme Editor block reorder change show on every product?
If you reordered blocks on the Default product template, the change applies to all products using it. If you reordered on a custom template (e.g., product.hero), it only applies to products assigned to that template. Check Products → Product → Theme template to verify which template each product uses.
Should I create custom templates for individual products?
Only when products genuinely need different layouts — a hero product with a long-form story page, a gift card without add-to-cart, a subscription product with a frequency picker. Don't create a template per product otherwise; you'll spend time maintaining 50 nearly-identical templates instead of one shared one.
How many blocks should a Shopify product page have?
The buy block (title, price, variants, add-to-cart) plus 4–8 supporting blocks (description, reviews, related products, FAQ, ingredients, etc.). Past ~10 blocks the page becomes long and slow on mobile. Use collapsible blocks to keep the visible page compact while still surfacing detailed info on demand.
Can I show or hide product page blocks based on tags or metafields?
Yes via Liquid in the section template. Native Theme Editor doesn't expose this — describe the rule to Fudge ("show this trust block only on products tagged 'high-ticket'") and it wraps the block in the right {% if product.tags contains '…' %} conditional. Alternatively, edit the section's Liquid yourself.
Will adding more sections slow down my Shopify product page?
Marginally, depending on what's in them. A few extra rich-text or image blocks add negligible weight. App-driven sections (review widgets, upsell bars) often add 50–200KB of JavaScript each. If page speed matters, audit which apps are loading scripts on the product template and remove anything not earning its keep.
