Shopify themes, liquid, logos, and UX
I'm wondering if I would be able to add a little ruler icon before my link to the size chart page? Just thought it would look nice visually.
Hello @michellelholm If you want to add a little ruler before the size chart page. Please follow the path:
Go to the Online Store-> Theme-> Edit code-> Assets> search file -> Product-variant-picker.liquid -> Add the code below the variant-select
I am Providing a Screenshots and code so that you can see and apply the code like wise
<div class="ruler-svg">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="24" height="24" >
<path d="M177.9 494.1c-18.7 18.7-49.1 18.7-67.9 0L17.9 401.9c-18.7-18.7-18.7-49.1 0-67.9l50.7-50.7 48 48c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6l-48-48 41.4-41.4 48 48c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6l-48-48 41.4-41.4 48 48c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6l-48-48 41.4-41.4 48 48c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6l-48-48 50.7-50.7c18.7-18.7 49.1-18.7 67.9 0l92.1 92.1c18.7 18.7 18.7 49.1 0 67.9L177.9 494.1z"/></svg>
</div>
Thank you for the reply! I tried that but it didn't work. Can you confirm that I did it correctly? Screenshots below...
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025