Shopify How to Add a Size Chart (without code or apps)

[@CodingWithJan]

🌟Learn the JavaScript side of Shopify Development: codingwithjan.com/javascript?src=size-chart-yt 👨‍💻Find a reliable Developer for your project: www.codingwithjan.com/hire-a-developer

[@williamterry9424]

15K Views.... Are you serious. I have spent THE WHOLE DAY trying to figure this out and you guys just made the easiest to follow video in existence. *instantly subscribes*

[@d7721]

Thanks for such a detailed video. I was stucked trying to find a way to add different size charts on my products page and this video instantly gives me the answer. What a life saver! This is my First Shopify Project for a client so thanks really.

[@SunlightenSaunas]

What if my theme doesn't have the option for a Collapsible row? I only have Collapsible text. Can I still link to the meta field page?

[@snk-1004]

I watched it while using the translator. Thank you for providing such detailed information. I look forward to the next video.

[@CodingWithJan]

Glad you liked it!

[@elvavaivare7211]

Oh, wow! This was super understandable and easy to follow along! Thanks to you, I have made my first size charts and added them up to all products :) Works perfectly!

[@ponzyx6]

drz picu

[@ashleysabates3762]

Unfortunatly I don't have nor am i seeing the "popup" block option, can you help me with this? My theme does not seem to have the "popup" block

[@rafaelleme1758]

Hello, great video, I have a question, in a shop that sells t-shirts and other products is it possible to add the measurement table only on the pages of the t-shirts?

[@rucrazebru]

hey, what about some collections which don't require size chart. how do we remove the collapsible rows from those products. thanks

[@dispatchbusiness3653]

create a new template for those collections

[@MyFloridaCoastalTeam]

By far the BEST video like this I have watched! Thanks so much for taking the time to make this so complete and easy to follow! Also, thanks for getting right to the point :-)

[@CodingWithJan]

Wow, thank you!

[@fashionrocksmysocks1]

Does anyone know how to do this on Prestige theme? There’s no pop up section 9:18

[@Manasareddy]

hi below collection i am not seeing metafeilds , how did u get that ?

[@Kesiidee]

same

[@TheGoldbags]

how to assign men's t shirt size chart to all 50 men's t shirts? do we have to do it manually to all 50 men's t shirt products?

[@BelieverBooks]

Thank you so much this tutorial saved me, it works perfectly. Thank you so much!

[@Only_Kino]

How come I do not have this block when I'm in my Theme? I do not have the option to choose either Pop Up or Collapsable Row

[@ExplorerJ-ve1jo]

That was so awesome! Thank you so much for sharing! This helps so much. Thanks again. I'm so grateful!

[@CodingWithJan]

You are so welcome! :-)

[@mrserthaofficial]

How can I had this only to specific products and not all of them (we sell toys not only clothing, that don't need a size chart)

[@EdnaAlberto]

Awesome and quick video, thanks!

[@lioxel.official]

Hi... in your method here, are you able to link multiple products or tags to each size guide at once time? Instead of having to add the size guide to each listing one at a time.

[@divagoddess2024]

thats awesome but how can you do it for the whole collection?

[@richardb8446]

Hello Jan! Can you create some more advanced Shopify Liquid coding tutorials? With theme Dawn. Thanks

[@MuhammadUzair-xx9jr]

Thanks Jan. Very help video.

[@danichemy]

Hello Jan, and where could I edit the code? What is the name in the edit code section to modify the sizes hamburger menu? thanks

[@simplelifeofsusan]

Hello. I thoroughly appreciate this tutorial! I have made my sizing charts but I also made one for Care Instructions for my cups. For some reason I can only use one or the other. Whichever one I select applies to all products. Could you help me to figure out why? I will greatly appreciate it!😊

[@CodingWithJan]

Hi Simple Life of Susan, If you still need help with this, we can connect you with an expert developer. Just let us know, and we can definitely assist you. (link in the description) Best, Joy (Team)

[@sandravillarejo4563]

Thanks so much for the easy and effective video. Very simple steps to follow, but unfortunately it doesn't work for me, it doesn't show the image with the size chart

[@st4rb0y-fr]

is this possible to do on mobile ?

[@MissKittyMoana]

Thank you for this video!

[@PatrickSchiebinger]

I can always only use one Meta Field so I don't know where my mistake is. I added two different ones and when I try to link products to their meta fields it always asks me if I want to replace then I click yes but I only can use one meta field at a time. Does anyone have the same issue ?

[@Harpreet06]

Do you know of a way to have more than 100 variants Jan? I sell phone cases and have trouble every year when a new model arrives, I'd rather not have to split the product into 2 pages (1 for older phones and 1 for newer phones).

[@arshitaanchaliya1583]

How to show size variants in collection page below price in shopify?

[@ilanoszerowicz6216]

Fantastic explanation! Thank you! I want to ask you if its a good idea to have the Size Chart both as a collapsible and as a pop-up. What do you think? Keep just one or better to have both.

[@CodingWithJan]

Awesome! :-) I think one is enough, people will find it.

[@stoborking]

Thank you so much for sharing this!

[@WH05DAT]

Can this only be done with Dawn theme? I'm trying to do this in Debut and its not showing the product information tab on the left

[@ecomdrako]

Bro still using debut in 2023😂

[@smexijalapeno3871]

Much gratitude and thanks!

[@adhit528]

Please confirm, this option 'PopUp' removed

[@yago765]

Hey, what if I want to add it to a specific category ?

[@CodingWithJan]

You can create a dedicated page template and apply it to all the products you like. Here are the steps: - create new a template in the theme customizer - add the size chart - go to the admin dashboard and select all the specifc products - apply the new page template hope that helps! :-)

[@huzaifawasim9706]

I cant find this pop up block in ella theme please guide me

[@CodingWithJan]

They might not have it. Blocks are theme dependent, but could be programmed into it.

[@fsa7871]

Hi! Jan, Thank you for all you share with us! I want to ask for link a payment specific with specific product is there this service on shopify standard? If yes. Please explain us how we can are do that's 🙏🏻🙏🏻 Thanks again!

[@jamesfranklin2339]

I have a question. Do you have to add a new block every time you want to create a different description, care instructions etc. for different products. Because when you go to a new product the same blocks are displayed underneath that product and if you change the content in that block it changes it for every product. Or is there a way I can just have 1 of each block I want but just change the content within it depending on the product?

[@DevisionWear]

have you found a solution for this?

[@jamesfranklin2339]

@@DevisionWear Yes you just have to add a new page for each size chart you want to make and add a picture/text you want under the size chart tab, and then in the product section you want to change the theme to that the page name and then it will work

[@DevisionWear]

@@jamesfranklin2339 The theme? do you mean 'Theme template' at editting the product?

[@jamesfranklin2339]

@@DevisionWear Yes, change the theme template to what ever you named your size chart page, hopefully that will work for you

[@DevisionWear]

@@jamesfranklin2339 it only shows 'default product'

[@SharkFitCo]

Hi dear how create liquid file ?

[@simplelifeofsusan]

Hello! This is a great tutorial! I am having trouble adding multiple collapsible rows to my products. Also, turning them off for specific products. I sent in a request for help with this. Just letting you guys know! 🙂

[@CodingWithJan]

Thanks Susan, I'll be going through all requests in a minute! :-) Also sorry for the delay, last week was too hectic because of Shopify Editions and traveling to Toronto.

[@leif917]

My Size Chart is being added to all my product pages. How do I stop that

[@its-virox]

Create a custom template for each category and change the size chart on each. If you edit the default template it will show on every product with the default template

[@mirraisultanvir1313]

Thanks. Very helpful video

[@CodingWithJan]

Awesome!! Glad the content was helpful. :-)

[@dilshadzaafary]

Very easy steps to understand ❤

[@CodingWithJan]

Thanks a lot 😊

[@Colohh_21]

How can I add an interactive size chart where you can also select the country (EU, US, CINA etc) and select the product with the available size directly on the chart?

[@CodingWithJan]

little too specific for just a comment 😄 but I can help you find a developer if needed codingwithjan.com/developers

[@th-df1xm]

Thank you so much❤

[@yvonnaburtenshaw]

Thank you so much 🙏🏼

[@tushargaikwad6739]

can you please make an updated version?

[@Crack-ol1dj]

Thank you!

[@sohailhashmi4455]

I have 17 different categories for women clothing and each category has different size chart so my question is i have to make 17 pages ?? And this 17 pages will slow down my website or not?

[@user-zd3cf8fm4w]

Did you find solution?

[@iulianene7495]

not work for multiple poducts with multiple size charts

[@CodingWithJan]

Hey there, great question. So that would be possible by creating a new page template for each product category. (or by adding the size chart via metafields) Here's a free resource on how to create page templates: community.shopify.com/c/shopify-design/how-can-i-create-a-new-custom-page-template/m-p/1737518 And if you'd like to hire a developer instead: codingwithjan.com/developers Hope that helps :-)

[@abhilashks9577]

Thank you ❤

[@cyberspider78910]

make video on bulk editing metafield.....Challenge!

[@nickzhu3083]

Why I can't find metafields on my Shopify store?

[@elvavaivare7211]

It is called "Custom data" under settings :)

[@nickzhu3083]

@@elvavaivare7211 thank you so much.

[@PRADIP-yd9nm]

Thanks Alot!

[@zaynubsiddiqui4573]

thank you!!

[@x2openai]

It shows to all products :(

[@nickzhu3083]

Have you fixed this?

[@lukaszpaluba4330]

@@nickzhu3083 good question

[@Yourenotthatguy]

Why do I get it on all my products?

[@CodingWithJan]

It's probably because you're editing the product template. If you want to make it specific to one product: - create new a template in the theme customizer - add the size chart - go to the admin dashboard and select your specifc product - apply the new page template hope that helps! :-)

[@belleg.g]

Why duplicate the theme??

[@instant_sours9807]

When u destroy something in ur theme u still have the duplicate to go back to ur healthy version

[@killerfaithfish]

Thank you

[@brycenie3335]

The problem with this is carries on to all other products, so if you're selling kids and adult stuff you can't have separate size charts...

[@ghouriarif418]

That's where meta fields come to play.i will suggest you to watch this video again or after 4 minutes

[@thefamouseccles5053]

It would have been helpful if you had told us where to find pre-made charts and images.

[@dr8544]

Subscribed baby thanks

[@eharris3500]

8:20

[@ponzyx6]

ty slapko

[@ponzyx6]

dzk o je v te kopii more

[@TroyRockzz]

Who's here in 2024 and they've taken out the pop up block... So trash

[@snk-1004]

👋👋👋👋👋👋

[@Outlanderwow]

haha, this video dont have a point at all. Look, I wanna buy XL shirt, what, I need to ask you do you have this shirt pls? COMON

[@HikmatkeAlfaaz]

Thanks alot ❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤

[@mabelandreasalazar5125]

Thank you !