Mastering Shopify Product Pages: How to Show Size Charts Only Where You Need Them
Hey there, fellow Shopify store owners! Ever find yourself wanting to customize your product pages just so, but hitting a wall when a certain element stubbornly shows up everywhere? You’re definitely not alone. I recently stumbled upon a fantastic little thread in the Shopify Community forums that perfectly illustrates this common challenge, and more importantly, offers a super practical solution.
Our story starts with elijahr1989, a store owner using the "Reformation" theme. They had a size chart set up, which is brilliant for helping customers make informed purchasing decisions, right? The hitch was, this size chart was appearing on all their products. But elijahr1989 only wanted it for specific items, like their tracksuits, not for their t-shirts. Sound familiar? It’s a classic case of needing selective display for product information.
The Dilemma: One Size Chart Doesn't Fit All Products
It’s a common scenario: you sell a range of products. Maybe some are apparel that absolutely needs a detailed size guide, while others are accessories or digital products where a size chart makes no sense at all. Having a universal size chart can look messy, confuse customers, and even make your store appear less professional. elijahr1989’s question really hit home for many of us who’ve grappled with similar customization needs.
Luckily, the community rallied, and a super helpful expert named Moeed jumped in to save the day. Moeed’s advice and eventual hands-on help really highlight the power of Shopify’s flexible theme architecture, especially when it comes to product templates.
The Go-To Solution: Custom Product Templates
Moeed's first question was crucial: "Is the size chart coming from an app?" This is always the initial diagnostic step. Many size chart apps offer settings to control visibility per product or collection, making it a simple toggle. However, elijahr1989 clarified that they had created the size chart themselves using Shopify pages, implying it was integrated directly into their theme.
This immediately pointed to the core solution: using custom product templates. Think of product templates as different layouts or blueprints for your product pages. By default, most themes come with a "Default product" template, and unless you specify otherwise, all your products use it. The trick here is to create a new template, remove the unwanted element (the size chart, in this case) from that specific template, and then assign it to the products where you don't want the size chart to show up.
Step-by-Step: Removing a Size Chart from Specific Products
Here’s how you can replicate Moeed’s solution for your own store, breaking it down into actionable steps:
- Access Your Theme Editor:
- From your Shopify admin, go to Online Store > Themes.
- Find your current theme and click Customize. This opens the theme editor.
- Create a New Product Template:
- In the theme editor, at the top of the page, you'll usually see a dropdown menu that says something like "Homepage." Click on it and select Products > Default product.
- Now, click the same dropdown again and look for an option to Create template (it might be a small link or button).
- Choose Product as the base, and then select Default product as the template to start from.
- Give your new template a descriptive name, like
no-size-chart(just like Moeed did!) orproduct.no-size-chart. Click Create template.
- Remove the Size Chart Section from the New Template:
- With your newly created template (e.g.,
product.no-size-chart) selected in the dropdown, navigate to the sections panel on the left. - Look for the section or block that contains your size chart. This might be explicitly labeled "Size Chart," or it could be a custom HTML block, a "Rich text" section, or even a custom liquid section if you built it that way.
- Once you find it, click on it, and then look for the option to Remove section or Delete block. Confirm your action.
- Save your changes in the theme editor.
- With your newly created template (e.g.,
- Assign the New Template to Your Products:
- Exit the theme editor and go back to your Shopify admin.
- Navigate to Products.
- Select the specific products where you want to remove the size chart (in elijahr1989's case, the green and black t-shirts).
- On the product edit page, scroll down to the Online Store section on the right sidebar.
- Under "Theme template," you'll see a dropdown. Change it from "Default product" to your new template (e.g.,
no-size-chart).
(Screenshot from Moeed's reply, showing the "Theme template" dropdown)- Click Save on the product page.
That’s it! Your selected products will now use the new template, which doesn't include the size chart, while all other products (still assigned to the "Default product" template) will retain their size charts. This method gives you incredibly granular control without needing to dive deep into Liquid code, especially if your size chart is a removable block in the theme editor.
This little exchange on the Shopify forums is a fantastic reminder of how powerful and flexible Shopify's theme architecture is. Custom product templates are a game-changer for tailoring your store exactly to your needs, ensuring a polished and intuitive shopping experience for your customers. And huge props to community members like Moeed who are always ready to lend a hand and share their expertise!
