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 — images, 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.
Your product page is where buying decisions happen. Most Shopify stores are running the default layout their theme came with — there’s usually a lot of room to improve conversion rate by rearranging elements and adding the right sections.
Why you can trust us
Jacques has 15+ years of Shopify development experience and has worked with hundreds of brands on product page optimisation. We built Fudge — an AI storefront editor used by hundreds of stores, with a 5.0 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.
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 conversion-optimised order: images → title → reviews snippet → price → variants → add to cart → short description → trust badges.
Step 5. 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.
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 handles all of these. 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, and publish when it looks right.
What makes a high-converting Shopify product page?
Beyond the mechanics of customisation, here are the elements that consistently improve conversion rate:
- 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
