Size charts
Display a pop-up size chart to help customers find the right choice to purchase
Last updated
Display a pop-up size chart to help customers find the right choice to purchase
Last updated
With Pipeline, you can display a size chart page as a popup on any or all your product pages. Pipeline includes an option to select a Shopify Page as a size chart for all your products or use multiple Shopify Pages and customize each product to use a custom size chart page when using metafields.
This method allows you to instantly add any Shopify page as a size chart popup to all your product pages when using the default product template.
Click on Form to view the theme block settings and select a Shopify Page you've created for the popup size chart.
For best results, create a size chart page in your Shopify Admin which includes a wide range of sizes. Use that page as your size chart page option.
Feature added in Pipeline 6.1
If your store has multiple size charts, Pipeline can use metafields to customize which size chart page is displayed for each of your products. For example, this is ideal when displaying a size chart for Women's products and another for Men's products. See below for how to setup.
By default, Pipeline will place the size chart link next to a variant option called Size. If Pipeline doesn't see a variant option labeled Size, the link will be placed below the quantity selector.
If your store uses a different label name or is spelled differently for various languages, you can use the Language Editor to update the value from Size to another value. This will ensure the size chart link is mapped to the variant option you prefer and appears next to that variant option:
Only one variant name option is supported, you cannot add multiple names in this language editor field.
Begin by creating as many size chart pages as needed in your Shopify Admin Page editor. If you have an image already created for your size chart, add that to the content section of the page:
The next step is to define a Product metafield using Page as the Reference type:
After the size chart metafield has been created, simply choose that as your Dynamic data source in the Theme Editor:
Your products will now have a Metafields section at the bottom. Use this to select which size chart page should be displayed when a customer is viewing this product.
This allows you to choose which size chart each individual product will display in the popup.
To learn more about setting up metafields, we recommend viewing our videos located on the Cart upselling:
Cart upsellingProducts without a size variant will display the size-chart link lower down, just above the add to cart button, and also styled as a badge. If any of your products are not using the size variant, you can repurpose this feature to be used as a badge with a link to promotional or brand information:
