How to add a product size chart

By default, the theme doesn't have a build in function for size chart but there's an article at Shopify about how to implement this: https://help.shopify.com/themes/customization/products/features/add-size-chart .

The Shopify article works in the theme but with 2 changes:

At #5, please also add this line of code before the indicated code from the article:


{{ 'js_magnific.popup.min.js' | asset_url | script_tag }}
Then this code:

<script>   jQuery('.size-chart-open-popup').magnificPopup({     type:'inline',     midClick: true   }); </script>


Step #7 is no longer needed so you'll need to just skip it.