Hi My website is sneakersafe.co.uk , I’m attempting to add a size chart to all my product pages (essentially a pop up link to my size chart page). This is the link I’ve followed precisely https://shopify.dev/tutorials/customize-theme-add-size-chart#adding-the-size-chart-to-your-theme For some reas…

Hi @Timito , The pop-up will display content from the following page of your store: https://sneakersafe.co.uk/pages/size-chart Please check the following troubleshootings: You have created a page “Size Chart” as suggested in the tutorial and it’s handle is exactly: size-chart If you already…

Hi I wrote in the 1st line but I’ll send again [image] SneakerSafe | Limited Sneakers: Jordans, Yeezys & More An online shop specialising in sold out and limited sneakers. 100% Authenticity Guaranteed, free UK shipping. Air Jordan 1s, Yeezys, Nike Dunks, Air Force 1s and more …

Please add some data in the form of html in ‘size-chart-content’ class [Screenshot (6).png]

@Kinjaldavra thank you, I have minimum knowledge on coding, could you guide me through what I have to do?

Please add me as a staff member. Email: natztech2312@gmail.com

Hi @Kinjaldavra Is that safe to do so for me?

@Timito If you want to keep the same URL: https://sneakersafe.co.uk/pages/size-conversion-charts Then, you’ll need to change the following line of code in the Snippet > size-chart.liquid: From: {{ pages.size-chart.content }} To: {{ pages.size-conversion-charts.content }}

@SumanSaurabh Thank you. How can I reduce the size of the pop up on desktop and mobile? Also on mobile, the size chart doesn’t fit on the screen because its too long. Is there a way to add scrolling or format it differently so it fits?

Hi @Timito , You can use the following CSS to fit size chart pop-up within screen and add scroll bars: .show-pop-up { z-index: 9999; } .pop-up-content { max-width: 90%; max-height: 90%; overflow: auto; } Also, you may consider transposing your size chart tables (switch columns into rows…

Add size chart pop up to product page (debut theme)

Store Design

Timito February 2, 2021, 5:41pm 9

Hi @SumanSaurabh

I see what went wrong now, the page I have on my website is https://sneakersafe.co.uk/pages/size-conversion-charts not https://sneakersafe.co.uk/pages/size-chart as needed. Thank you!

Topic		Replies	Views
Size chart button Store Design design , css , shopify-themes	3	117	August 12, 2024
Shopify Dawn theme - add size chart pop-up Store Design	3	116	May 13, 2024
How can I turn my size chart into a pop-up window? Store Design design	13	329	December 27, 2025
PRODUCT PAGE POPUP SPACING ISSUE Store Design liquid , design , customizations , collection-page , css , shopify-themes , product-page	4	47	November 29, 2024
How to add a pop-up size chart on Prestige Theme product page? Store Design shopify-themes	2	64	February 10, 2023

Add size chart pop up to product page (debut theme)

Related topics