Add Ruler Icon before Size Chart

michellelholm
Excursionist
24 0 3

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. 

Screen Shot 2024-02-23 at 11.18.46 PM.png

Replies 2 (2)

oscprofessional
Shopify Partner
15843 2371 3073

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

oscprofessional_0-1708763019228.png

 <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>

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
michellelholm
Excursionist
24 0 3

Thank you for the reply! I tried that but it didn't work. Can you confirm that I did it correctly? Screenshots below...Screen Shot 2024-02-24 at 7.26.29 AM.pngScreen Shot 2024-02-24 at 7.26.49 AM.png