How to add a size guide image in product information?

Hello.
I have shopify website.
I need to add “Size Guide” image to all my products.

that’s example i’d like to do https://www.andiacollective.com.au/products/alma-bikini-bralette-aperol#size-chart

Thanks for a help.

My shopify https://f31b56-4.myshopify.com/

Hi @DaryaLi ,

To add this feature, I first need to know which theme you are using.

If you’re using a Shopify-specific theme like Dawn, Prestige, Crave, etc., you can use the pop-up section in the customizer.

Here’s how you can do it:

Create a Page:

Go to your Shopify admin.
Navigate to Online Store > Pages.
Click on Add page.
Create a new page and add the photo of your size chart there.
Save the page.

Add the Page to the Pop-up:

Go to Online Store > Themes.
Find your active theme and click on Customize.
Look for the Pop-up section in the customizer.
Add the newly created size chart page to the pop-up.

If you are using Some other theme, we will have to see for that features

Or else
I can help you build a size chart feature just like price guide in
https://mrjjewellersb2b.com/products/22ktaurora-bangles

BR

Dawood Mirza

Hello,

I need to add Image, and this pop up is just for other pages, no?
Theme Taste

Yeah, We can use pop-up for size guide, I have used it earlier, it works fine looks good

Or get the other one build for your store

ws is literally done, can’t use other build =(
Need do it with code i guess.

No problem @DaryaLi ,

If you are planning to get it done.
I can custom code it for you.
Send a direct message to me to discuss further regarding quote, timeline and all :slightly_smiling_face:

guess it’s not that hard code to pay for it, sry

No issues,
Get HTML, JS, CSS code online and use metafields for image
If you are stuck anywhere, I would be available to help any time
BR

Dawood Mirza

Still need a help.

Hi @DaryaLi ,
Maybe instead of pop-up try Collapsible row
we can add page in that also
Add a new page add size guide image in that and
From collapsible row refer to that image

BR
Dawood Mirza

Hi @DaryaLi

I am not sure why @Dawood_Mirza_1 solution does not work.

Creating a size chart page

  1. From your Admin page, go to Online Store > Pages > Add Page

  2. You can have your own title

  3. Add the Size chart image at the Content area

  4. Save

Adding the Size Chart in product

  1. From your Admin page, go to Online Store > Themes > Customize code

  2. Go to your Product template. Change Home page on top to Products > Default products

  3. Under Product information, add a block named Pop-up link text

  4. Change the text to Size chart

  5. Add the page that you have an image of the sizes

  6. Save

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

missclicked

Hello @Dawood_Mirza_
I already tryed Collapsible row, but it’s doesnt work for me =( |
Guess need code html + css

How can i chage size of my page?