Size Chart

Ella offers 5 ways to show the Size chart:

• By Product Type

• By Product Vendor

• By Metafield

• By Custom Image

• By Custom Page

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. On Product information -> add Perks block (if not already added).

5. On Perks block scroll down to Size chart and choose Size chart type 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 -> add Perks block (if not already added).

5. On Perks block scroll down to Size chart and choose Size chart type as Product vendor.

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

To get the image URL, please upload the image in Content -> 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 -> add Perks block (if not already added).

5. On Perks block scroll down to Size chart and choose Size chart type as Product metafield.

How to add new Metafields?

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

2. Click Products → Add Definition.

1. 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 Content -> 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 -> add Perks block (if not already added).

5. On Perks block scroll down to Size chart and choose Size chart type as Custom image to apply the size chart for all products.

6. Upload the size chart image for all products.

By Custom Page

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 -> add Perks block (if not already added).

5. On Perks block scroll down to Size chart and choose Size chart type as Custom page.

6. At "Custom page" select the page that you want to display its content on the size chart popup.