Getting Started with Size Matters

Adding the snippet

1
From your Shopify admin, click Online Store, and then click Themes. Open Edit HTML/CSS on the theme you would like to add Size Matters.
2
In the Templates folder, locate and open the product.liquid file.
  • If your product.liquid contains {% section 'product-template' %}, open product-template.liquid from the Sections folder instead.
3
Find {{ product.description }} and insert the snippet just below it. This will insert the size guide below your product's description.
<div data-app="eastsideco_sizeGuides"
    data-shop="{{ shop.permanent_domain }}"
    data-tags="{{ product.tags | join:',' | escape }}"
    data-product="{{ product.handle }}"
    data-metafields="{{ product.metafields.esc-size-matters.tag }}">
</div><br>
	
4
Click Save.

If you are not confident with editing your theme's HTML, we can provide installation support.
Read more here.

Creating a size guide

1
In the Size Matters app area, click Add.
2
Enter the product tag into the Attach to products with tags field.
3
Name the size guide in the Title field. This can be edited at anytime.
4
Once you are done, click Save.

Editing a size guide

1
In the Size Matter's app area, click Edit on the size guide.
2
Enter or update the size guide infomation.
3
Once you are done, click Save.

Glossary

Tags

Size Matters uses Shopify's product tagging system to link size guides and products.

Title

A title will appear above the size guide.

Table Headers

Table headers can be enabled in the Header rows and columns section.

Table Content

If you need to add an extra column or row, select the plus ( +) button.
If you need to remove a column or row, select the cross (✖) button.

Table Descriptions

Table descriptions can be added above and below the size guide.

Still need help? Contact Us Contact Us