Theme: Prestige

If you are using the theme Prestige, you can replace its native Size Chart button with SmartSize's button:

Step 1: Remove SmartSize's App Block (optional)

This step is only necessary if you previously added SmartSize's App Block to your Product template:

1. In your Shopify admin, go to Online Store → Themes → Customize

2. In the Theme Editor, select Product → Default product on the top dropdown

3. On the left pane, navigate to the place where you added SmartSize's App Block

4. Select the App Block and click the trashcan icon to delete it

5. Save your changes by clicking Save on the top right corner

Step 2: Add code snippet to your theme

1. In your Shopify admin, go to Online Store → Themes → Customize

2. In the Theme Editor, click  ... → </> Edit code  on the top left corner:

3. On the code editor, select this file on the file explorer on the left: snippets/variant-picker.liquid

4. On that file, search for  size_chart_page and locate this section:

5. On the last line before </div> (line 90 on the screenshot above), add the following code:

{% comment %} START - Added by SmartSize {% endcomment %}
   {%- if size_label_list contains option_downcase -%}
      <div id="sizefox-container"></div>
   {% endif %}
{% comment %} END - Added by SmartSize {% endcomment %}

6. The final result is this:

7. Click 'Save' on the top right corner and go back to your Product page. The size button will now be displayed here: