Hi,
Could you help me in regards to making my size chart into a pop up window instead of taking the customer to another page?
The current way is if you click the link it will open a new page instead i want the same page to remain but a small pop up window to open up so they can see the chart
password: chalet123
Hello, I saw it.
Now clicking on that show is opening a pop-up, it doesn’t jump to another page! It’s just that this popup is a full screen popup!
You could try this code.
.js-size-chart-container{
background-color: rgba(0,0,0,.7) !important;
}
.js-size-chart-container .size-chart-content{
background-color: #fff;
}
try this
Thank you !, May i ask where this code needs to be put?
assets → style.css Put it on the bottom.
Thank you so much, that worked perfectly. However now after the popup comes up, it doesnt allow me to get out of the page unless i press back. i cant click out to close the pop up. Could you help me with this please?
I can help you out, but this requires writing js. If you would like me to help you, you can send me an email and invite me as your shop partner!
Thank you, i have sent you a request 
I have finished revising it, do you see if you are satisfied?
If there is anything else I can do to help you, please email me directly!
Wow that was quick, thank you so much for your help. i sure will keep you in mind !
Trust me, I will save you more time to spend on selling your products.
Hi there, you can try out our app “Bevy Design” for this. Our app has a drag and drop pop-up builder which you can use to create pop-ups without any code. I feel like our app’s On Hover-based trigger will be suitable for this application. You can also use our app to create a full-fledged size chart pop-up, which will be more helpful for your customers to see all the sizes in one place.
You can acquire additional information about our app through our website: https://bevycommerce.com/design/
Let me know If you need to book a meeting with me to go over what our app has to offer.
Here’s a solution that doesn’t require coding. This worked great for me:
Hi @Qke 
The customer wants to change how the size chart is displayed on the product page. Right now, when they click “Show size chart,” the theme redirects to a new page - but they want customers to stay on the product page and view the size chart in a popup (modal) instead.
With Easify Product Options, you can create that exact popup experience without sending customers to another page.
Here’s an example I’ve created so you can see how it works:
First, create an Option Set and add a Modal/Popup option. Then set the Option label (for example, “Size Chart”, add a Popup title, and adjust the Popup width so the modal fits the screen nicely. Finally, insert the size chart content in the Content section (you can paste the size chart image, or upload it and insert it). Once that’s done, customers can click the label and the popup will open instantly right on the product page.
In the modal option’s Advanced settings, you can further customize the experience—for example, add a Modal Image (an icon), adjust the Image/Icon Size, and fine-tune the font style and colors. This way, “Show size chart” will look like a clean button or neat link on the product page, instead of a link that opens a new page like it does now.
The app combines simplicity with reliability, making it perfect for personalized products. And if you run into any issues, Easify’s support team is fantastic!
