Shopify How to Add a Size Chart (without code or apps)
ฝัง
- เผยแพร่เมื่อ 5 ก.พ. 2023
- A step-by-step guide for displaying a size charts on your product pages without any code.
Shopify Tutorial for beginners.
► Free Help
--------------------------------------------------------------------------
🎯 Get Personal Career Advice for Shopify Developers:
codingwithjan.com/personal-ca...
👨💻 Find a qualified Shopify Developer for your next project:
codingwithjan.com/hire-a-deve...
► Contact
--------------------------------------------------------------------------
🌐 Website
codingwithjan.com
🤝 LinkedIn
/ jan-frey
🔎 Seo Description
--------------------------------------------------------------------------
In this video, we cover how you can setup a size chart on the product page of your Shopify store, and show it dynamically based on which product is shown using metafields.
This solution doesn't require writing any code and is a complete beginner-friendly Shopify tutorial.
🎯 Get Personal Career Advice for Shopify Developers:
codingwithjan.com/personal-career-advice
👨💻 Find a qualified Shopify Developer for your next project:
codingwithjan.com/hire-a-developer
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.
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!
drz picu
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*
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 :-)
Wow, thank you!
Awesome and quick video, thanks!
Thank you so much this tutorial saved me, it works perfectly. Thank you so much!
I watched it while using the translator. Thank you for providing such detailed information. I look forward to the next video.
Glad you liked it!
Thank you so much for sharing this!
That was so awesome! Thank you so much for sharing! This helps so much. Thanks again. I'm so grateful!
You are so welcome! :-)
Much gratitude and thanks!
Thank you so much 🙏🏼
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?
Thank you !
Thanks. Very helpful video
Awesome!! Glad the content was helpful. :-)
thank you!!
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
Thank you ❤
Very easy steps to understand ❤
Thanks a lot 😊
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!😊
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)
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!
Hello Jan! Can you create some more advanced Shopify Liquid coding tutorials? With theme Dawn. Thanks
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.
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).
hey, what about some collections which don't require size chart. how do we remove the collapsible rows from those products. thanks
create a new template for those collections
Thank you
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.
Awesome! :-)
I think one is enough, people will find it.
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 ?
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! 🙂
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.
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
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
Bro still using debut in 2023😂
hi below collection i am not seeing metafeilds , how did u get that ?
same
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?
little too specific for just a comment 😄
but I can help you find a developer if needed
codingwithjan.com/developers
Subscribed baby thanks
Hi dear how create liquid file ?
Hey,
what if I want to add it to a specific category ?
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! :-)
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?
have you found a solution for this?
@@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
@@jamesfranklin2339 The theme? do you mean 'Theme template' at editting the product?
@@DevisionWear Yes, change the theme template to what ever you named your size chart page, hopefully that will work for you
@@jamesfranklin2339 it only shows 'default product'
ty slapko
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?
Did you find solution?
make video on bulk editing metafield.....Challenge!
I cant find this pop up block in ella theme please guide me
They might not have it. Blocks are theme dependent, but could be programmed into it.
My Size Chart is being added to all my product pages. How do I stop that
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
Why I can't find metafields on my Shopify store?
It is called "Custom data" under settings :)
@@elvavaivare7211 thank you so much.
not work for multiple poducts with multiple size charts
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 :-)
Why do I get it on all my products?
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! :-)
It shows to all products :(
Have you fixed this?
@@nickzhu3083 good question
Why duplicate the theme??
When u destroy something in ur theme u still have the duplicate to go back to ur healthy version
It would have been helpful if you had told us where to find pre-made charts and images.
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...
That's where meta fields come to play.i will suggest you to watch this video again or after 4 minutes
8:20
dzk o je v te kopii more
👋👋👋👋👋👋
Thanks alot ❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤
Thank you!