Size Chart
Ella offers 5 ways to show the Size Chart:
By Custom Page
By Product Type
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Choose Products from the dropdown window.
On Product Information -> add Perks block (if not already added).
On Perks block 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
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Choose Products from the dropdown window.
Click Product Information -> add Perks block (if not already added).
On Perks block 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 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
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Choose Products from the dropdown window.
Click Product Information -> add Perks block (if not already added).
On Perks block scroll down to Size Chart and choose Using Different Size Chart For Product By Following as Metafield.
How to add new Metafields?
From your Shopify admin, go to Settings -> Custom data.
Click Products → Add Definition.
Please enter correct Namespace and Key as we noted below.
How to insert content for Product Metafields?
From your Shopify admin, go to Products -> All products.
Find and choose the product that you want to edit.
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
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Choose Products from the dropdown window.
Click Product Information -> add Perks block (if not already added).
On Perks block scroll down to Size Chart and choose Using Different Size Chart For Product By Following as Custom Image to apply the size chart for all products.
Upload the size chart image for all products.
By Custom Page
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Choose Products from the dropdown window.
Click Product Information -> add Perks block (if not already added).
On Perks block scroll down to Size Chart and choose Using Different Size Chart For Product By Following as Custom Page.
At "Link Custom Page" select the page that you want to display its content on the size chart popup.
Last updated