Size Chart

Spark offers 4 ways to show the Size Chart:

By All Product

  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 Top Layout.

  5. Scroll down to Size Chart and choose Using different size charts for products by following as All Product.

  6. Upload the size chart image for all products.

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 Top Layout.

  5. Scroll down to Size Chart and choose Using different size charts for products 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 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 Top Layout.

  5. Scroll down to Size Chart and choose Using different size charts for products 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 Different for each product

  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 Top Layout.

  5. Scroll down to Size Chart and choose Using different size charts for products by following as Each of size chart for each of product.

How to add new Metafields?

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

  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
  1. In the Size Chart Metafield of each product, you can add the size chart image link you want.

Last updated