Set up the Size Guide <> Gain
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 different 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.
Step 4: Enable the Size guide button in the Product template
Navigate to the Theme editor -> Product template -> scroll down to the Options block and enable the Show size guide option.
In this block, you can also specify the option where the Size guide button will be placed. If this field is empty or the option name does not exist, the size guide button will appear under the options.
If you have many products where the size guide page should be added, please click here to go to the instructions and follow them.
Add model image (Optional)
In the Size Guide window, you can also display additional model information, like a model picture and text. To do this, follow these steps:
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.
