If you’re an online merchant who possesses an online clothing or footwear store, then having a size chart and size guides to show customers the right size is perfectly worthy.

In Xoot, the Size chart is fully customizable. It offers options to modify its design, color, and even its position. Changing its position and getting the desired one that matches your store placement and theme is highly important in order to attract new customers.

Steps to show Size Chart on custom position

If you wish to change the multiple sizing chart position, then simply follow the below steps:

Step 1: From your online admin, go to Online Stores > Themes.

Step 2: Now, click on the “Edit Code” option under Actions drop-down list.

Step 3: Here, add the below code in product-template.liquid file-

<div class='xoot_sizechart_outer' data-product-id={{ product.id }} data-collection-ids={{ product.collections | map: 'id' | join: ',' }}></div>

Once code is placed in the required field, tap on the “Save” button, and the size change position will be instantly changed.

Did this answer your question?