How to add a size guide image in product information?

[DaryaLi]

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/

[Dawood_Mirza_]

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

[DaryaLi]

Hello, 

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

[Dawood_Mirza_]

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

[DaryaLi]

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

[Dawood_Mirza_]

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 🙂

[DaryaLi]

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

[Dawood_Mirza_]

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

[DaryaLi]

Still need a help. 

[Dawood_Mirza_]

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

[DaryaLi]

missclicked

[Made4uo-Ribe]

Hi @DaryaLi 

I am not sure why @Dawood_Mirza_ 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!

[DaryaLi]

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

[DaryaLi]

How can i chage size of my page?