Home > Shopify Development > How to generate a size chart snippet

How to generate a size chart snippet in Shopify

Sam Updated: April 08, 2024

Drive 20-40% of your revenue with Avada

Get Started

The online merchants who are selling on Shopify especially selling clothes and fashionable items are essential to display their products on the best images. This means that they should their store’s images with the most suitable targets and size. Especially, the customizable images which is one of the most important roles in how to make their products outstanding. Moreover, the better choice of how large the images are will improve the customer’s shopping experiences. For example, the products which are not legit will make the visitors misunderstand about the proportion of the items.

There are different choices to create the size chart in the Shopify app. The store owners can choose purchased Shopify apps to customize them easily. Those apps are available in many forums and Shopify apps markets. However, there is a free method that the Shopify store owners can display the standard size charts is changing the code setting. The product’s photos can be easily updated with the code snippet. With a particular product, online sellers can select the most suitable dimension for it.

By changing the code, the Shopify store owners would show their products in unlimited sizes. In particular, the images will be added automatically after the online merchants set the code for the collection of products. Therefore, it will save a lot of time when including the size chart on the product page.

This following article How to generate a size chart snippet in Shopify with the easy steps will provide the readers the procedure to differentiate their images and sizes by changing in theme.liquid and theme.scss.liquid.

How to generate a size chart snippet in Shopify

Step 1: Choose the Add page
Step 2: Enter Size chart
Step 3: Customize the table
Step 4: Set Visible
Step 5: Click Save

Step 1: Choose the `Add page`

After accessing the Shopify app and the admin dashboard, the Shopify store owners click to Online Store and then Pages. To continue, the users choose Add page.

modify theme on the cart pages in shopify

Step 2: Enter `Size chart`

On the page title, the Shopify merchants should enter Size chart like that: How to generate a size chart snippet in Shopify

Step 3: Customize the table

For size chart information, the online sellers put those numbers in Content box to create a table. Moreover, it is necessary for them to customize this table: How to generate a size chart snippet in Shopify

Step 4: Set `Visible`

From the Visibility section, admins should check whether their page is in Visible fuctionality.

How to generate a size chart snippet in Shopify

Step 5: Click `Save`

Click Save to finish and save the changes.

Conclusion

The more attractively the products are displayed, the more customers want to make a purchase. That is the reason why the Shopify store owners should customize their product image’s size. This article How to generate a size chart snippet in Shopify provides the Shopify users the simple process to set the dimension of their items displaying by editing the theme setting. Besides, the online merchants can read more about product pages topics such as How to use a different language or change the Size chart text, or the topic about online stores such as How to update the product form to support dynamic checkout buttons, and How to modify footer.liquid.

Product Pages

update links removing items from the cart How to Create a Collection URL with Vendor Link in Shopify How to Create a Collection URL with Type Link in Shopify How to include swatch-lip.liquid in product.liquid How to Create a Collection URL with Sort By Link in Shopify Modify the theme code Insert a quantity selector by editing your theme code for non-sectioned themes How to use a different language or change the Size chart text How to generate a size chart snippet How to display a featured image on a product page by editing a product page template for sectioned themes How to modify your theme on the cart page How to modify your theme on the product page How to modify your theme on Home Page and Collection listings How to set your tax rates How to insert SKU numbers to your product variants How to display SKU numbers on product pages Assign a new template to a product How to modify a product page template How to disable sold-out variants for sectioned themes How to hide sold-out variants for sectioned themes Insert custom form fields Display line item properties in the cart Generate a new product section Generate custom form fields Generate a new product template including line item properties for non-sectioned themes Insert CSS to your stylesheet Hide product prices temporarily Hide or Remove Add to Cart Buttons temporarily in Shopify Generate a new product template

Sam Nguyen

Sam Nguyen is the CEO and founder of Avada Commerce, an e-commerce solution provider headquartered in Singapore. He is an expert on the Shopify e-commerce platform for online stores and retail point-of-sale systems. Sam loves talking about e-commerce and he aims to help over a million online businesses grow and thrive.