How To Set Up Size Chart For Product?

Halo offers 4 ways to show the Size Chart:

• By Product Type.

• By Product Vendor.

• By Metafield.

• By Custom Image.

By Product Type

1. From your Shopify admin, go to Online Store -> Themes.

2. Find the theme that you want to edit, and then click Customize.

3. Choose Products from the dropdown window.

4. Click Product Information.

5. Scroll down to Size Chart and choose Using Different Size Chart For Product By Following as Product Type.

Upload image with the same name as the product-type-sizechart. You need to go to Settings --> Files upload images here.

Naming convention: lower cap and use "-" to replace white space. For example: with the product type "Loremous Comodous" the image name will be loremous-comodous-sizechart.jpg or loremous-comodous-sizechart.png

By Product Vendor

1. From your Shopify admin, go to Online Store -> Themes.

2. Find the theme that you want to edit, and then click Customize.

3. Choose Products from the dropdown window.

4. Click Product Information.

5. Scroll down to Size Chart and choose Using Different Size Chart For Product By Following as Product Vendor.

Upload image with the same name as the product-vendor-sizechart.

To get the image URL, please upload the image in Settings -> Files. Then copy the link. You can refer to this link.

Naming convention: lower cap and use "-" to replace white space. For example: with the product vendor "Loremous Comodous" the image name will be loremous-comodous-sizechart.jpg or loremous-comodous-sizechart.png

By Metafield

1. From your Shopify admin, go to Online Store -> Themes.

2. Find the theme that you want to edit, and then click Customize.

3. Choose Products from the dropdown window.

4. Click Product Information.

5. Scroll down to Size Chart and choose Using Different Size Chart For Product By Following as Metafield.

How to add new Metafields?

1. From your Shopify admin, go to Settings -> Metafields.

2. Click Products → Add Definition.

3. Please enter correct Namespace and Key as we noted below.

Name: Size Chart
Namespace and key: c_f.size_chart
Select content type: Text

How to insert content for Product Metafields?

1. From your Shopify admin, go to Products -> All products.

2. Find and choose the product that you want to edit.

3. In the Metafields, please insert image url in the "Size Chart" field.

To get the image URL, please upload the image in Settings -> Files. Then copy the link. You can refer to this link.

You can use Bulk Editor to edit multiple products.

By Custom Image

1. From your Shopify admin, go to Online Store -> Themes.

2. Find the theme that you want to edit, and then click Customize.

3. Choose Products from the dropdown window.

4. Click Product Information.

5. Scroll down to Size Chart and choose Using Different Size Chart For Product By Following as Custom Image.

6. Upload the size chart image for all products.