Set up the Size Guide <> Ultra
Step 1: Create a product metafield
Navigate to the Shopify Admin -> Settings -> Metafields and metaobjects -> Products and click on the "Add definition" button.
Create a metafield with the following parameters:
| Name | Any preferred name (e.g., Size guide) |
| Key |
size_guide.page Click the row under the "Name" field and rename it. |
| Type | One, and Page |
You should get the following result:
Step 2: Create a page with the Size Guide chart
Navigate to the Shopify Admin -> Online store -> Pages and create a page with the necessary content. Make sure you have chosen visibility as Visible.
Note: You can create as many unique pages as you require.
Step 3: Connect the Size Guide page to the metafield in the Product settings.
Navigate to the Product in your Shopify admin, scroll down to the metafields block, find the metafield you created earlier, and select the needed page for the metafield.
Note: Please repeat this step for each of your products where the size chart should be displayed. The size guide button will not be shown for products that have an empty metafield.
If you have many products where the size guide page should be added, please click here to go to the instructions and follow them.
Step 4: Enable the Size guide button in the Product template
Navigate to the Theme editor -> Product template, and enable the "Show size guide" option.
Add model image (Optional)
Step 1: Create a product metafield
Navigate to the Product metafields and create a metafield to store the model image with the following parameters.
| Name: | Size guide model image |
| Type | One, Image (File) |
Step 2: Add an image to the metafield
Navigate to the Product in your Shopify admin, scroll down to the metafields block, find the metafield you created earlier, and add the needed model image for the metafield.
Note: Please repeat this step for each product where the model image should be displayed.
Add model description (optional).
Step 1: Create a product metafield
Navigate to the Product metafields and create a metafield to store the model image with the following parameters.
| Name | Size guide model info |
| Type | One, Multi-line text |
Step 2: Add the model description to the metafield
Navigate to the Product in your Shopify admin, scroll down to the metafields block, find the metafield you created earlier, and add the text description.
Note: Please repeat this step for each product where the model description should be displayed.
Connect Size guide pages to products via "Bulk edit."
Also, if you have many products that you need to connect the Size Guide to, you can do this through Bulk Edit.
For this, please select all needed products in the admin panel and click on the "Bulk edit" button
In the opened window, in the top right corner, click on the "Columns" button. In the dropdown, find the name of your metafield or start writing its name in the search field. Select the needed metafield and close this dropdown.
This action will add the column with that metafield to your table. Now, scroll horizontally until you find this column. Add the size guide page to the first product and then drag this cell all the way down the column so that the page is added to all other products as well.
