Hey, I want to be able to add some text on my product page that when you click it, an image pops up. (See attatched photos) I can link the store below but when the text was clicked, an image popped up instead of changing the whole page. I would want to do it like that. The store in the pictures did it but I can’t find anything about it online so please tell me if you know how this can work. I would prefer it to be exactly like the other one. Thanks! https://paintyourpet.com/products/3d-customized-ugly-pet-pillows
I can’t see any attached photos. Please try attaching them again or describe the issue so I can assist better!
To meet the need for adding text to the product page that, when clicked, opens a popup instead of redirecting to a link, you require:
- A pre-existing popup to display the image.
- Custom code to trigger the popup when clicking on the text.
This requires custom coding across multiple sections to implement.
However, if your goal is to create a button that shows a Size Chart or similar guide, you might consider searching for apps using keywords like “Size Chart” or “Size Guide”.
Let me know your specific requirements, and I’ll help you further!
How would I do either of those?
@truemonkeman To meet your need, the process can be quite complex. However, I’ll guide you through creating a simple demo.
I hope this helps you to some extent 
Goal 1: Add a Popup Containing an Image
- Log in to Shopify > Online Store > Customize (https://prnt.sc/frbCl4va0rvv)
- Switch to the Product template. (https://prnt.sc/SzWhmft4ViET)
- Add a Custom Code section.
- Copy and paste the following custom code, replacing the src in the
tag with your image link:
- Save your changes.
Goal 2: Modify the Text Link in Your Product Description
-
Go to Products and edit the desired Product Description. (https://prnt.sc/txSR2TXUCtDO)
-
Switch to Edit HTML mode in the description editor.
-
Copy and paste the following tag, replacing the text as needed:
-
Save the Product Description.
Click to view image
Result:
