How to add a size guide image in product information?

How to add a size guide image in product information?

Andia
Tourist
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?

 

Andia_0-1692880744300.png

 

www.andiacollective.com.au

 

Replies 4 (4)

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

banned

raavikant
Tourist
4 0 1

Hi,

 

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:

HTML:

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

 

I hope this will help you.

Andia
Tourist
61 0 2

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

Andia_0-1693118207216.png

 

any ideas?? 🙂

Rosicp97
Shopify Partner
1 0 0

Did you find a solution for this?