How to add a size guide image in product information?

How to add a size guide image in product information?

61 0 2

ive got an image for a size guide id like to have in my production information:


is there a way i can add text which says size guide and then the size guide pops up?




Replies 4 (4)

Shopify Partner
473 51 50

Hi @Andia 

This can be done using custom js code and liquid code.

First have to upload image and then call it in liquid code.

using js you can shoe popupp on click.

Please let me know if needed any help from my end.


4 0 1



A few months ago, I did the same following these steps, you can also try this.


1. Upload the Size Guide Image:


  • Go to the Shopify Admin.
  • Click on 'Files' under 'Settings'.
  • Click 'Upload Files' and choose the size guide image from your computer to upload it. After uploading, you'll see a URL next to the image. Copy this URL as you'll need it later.


2. Add Size Guide to Product Page:


  • From your Shopify Admin, go to 'Online Store' > 'Themes'.
  • Find the theme you want to edit, click on 'Actions' > 'Edit code'.
  • In the left side panel, search for product-template.liquid or product.liquid. The exact file can vary depending on your theme.
  • Decide where you want the size guide link to appear (e.g., near the size selection or the product description).
  • Add the following html code where you want the link to appear:


<a href="{{ 'YOUR-COPIED-URL-HERE' | asset_url }}" target="_blank">Size Guide</a>


I hope this will help you.

61 0 2

seems to not be able to link to the image?!



any ideas?? 🙂

Shopify Partner
1 0 0

Did you find a solution for this?