{"id":1896,"date":"2026-07-24T16:07:31","date_gmt":"2026-07-24T10:37:31","guid":{"rendered":"https:\/\/www.webiots.com\/blog\/?p=1896"},"modified":"2026-07-24T16:29:42","modified_gmt":"2026-07-24T10:59:42","slug":"shopify-size-chart-custom-options","status":"publish","type":"post","link":"https:\/\/www.webiots.com\/blog\/shopify-size-chart-custom-options\/","title":{"rendered":"Shopify Size Chart with Custom Options: The Complete Setup Guide"},"content":{"rendered":"\n
\n
\n Shopify Product Customization<\/span>\n

How to add a dynamic, mobile-friendly size chart to any Shopify product using Ultimate Product Options \u2014 no developer, no theme code edits.<\/p>\n

Written by Ultimate Product Options Team<\/span> \u00b7 Updated on July 24, 2026<\/span><\/p>\n <\/header>\n\n

\n

Quick Answer<\/h2>\n

Ultimate Product Options lets you add a Shopify size chart with custom options to any product.<\/strong> You can show it as a linked popup, an inline table, or a conditional option tied to variant selection. Everything happens inside the app’s visual editor. No Liquid code and no CSS are required.<\/p>\n

You can also assign different size charts to different products or collections. Better yet, you can combine each chart with custom options like fit, engraving, or fabric. As a result, shoppers see the right sizing guidance exactly when they need it.<\/p>\n <\/section>\n\n

\n

Why a Static Size Chart Page Isn’t Enough<\/h2>\n

Most Shopify themes only support one basic size chart link. It sits in the product description and points to one generic page. That’s fine for a store with a single product type.<\/p>\n

However, it breaks down fast. For example, once you sell shoes and hats, or men’s and women’s fits, sizing logic changes per product. A single static chart simply can’t keep up.<\/p>\n

The result? Shoppers guess. Support tickets pile up asking “does this run small?” Returns increase. A Shopify size chart with custom options fixes this. It stays aware of the specific product and, ideally, the options a shopper is already selecting. That solves the sizing problem at the point of decision, not after checkout.<\/p>\n <\/section>\n\n

\n

How to Add a Shopify Size Chart with Custom Options<\/h2>\n

Setting up a Shopify size chart with custom options takes just a few steps. Here’s the full process:<\/p>\n

    \n
  1. Install and open Ultimate Product Options<\/strong> from the Shopify App Store, then go to the app dashboard.<\/li>\n
  2. Create a new option set<\/strong> and add a Size option using dropdown, button, or swatch style \u2014 whichever matches your product layout.<\/li>\n
  3. Attach a size chart<\/strong> using the app’s chart\/table option type, or link an image-based chart as a popup triggered by an “info” icon next to the Size field.<\/li>\n
  4. Map charts to products or collections<\/strong> so footwear gets a shoe chart, apparel gets a clothing chart, and so on \u2014 without duplicating option sets manually.<\/li>\n
  5. Add conditional logic<\/strong> if needed, so the chart or its values change based on another option, like Region (US\/UK\/EU sizing) or Category (Men’s\/Women’s).<\/li>\n
  6. Preview on mobile<\/strong> inside the app to confirm the chart opens as a clean popup rather than a squeezed inline table.<\/li>\n
  7. Publish<\/strong> \u2014 no theme file edits, no Liquid, and it stays intact through theme updates.<\/li>\n <\/ol>\n <\/section>\n\n
    \n

    Combining a Size Chart with Other Custom Options<\/h2>\n

    A plain size-chart app only does one job. Sizing doesn’t have to live in isolation, though. With Ultimate Product Options, the same option set can include:<\/p>\n