Shopify Metafields - How to use Custom Fields
HTML-код
- Опубликовано: 24 янв 2025
- Shopify Metafields and how to use them with the online store 2.0 updates. A brand new native solution for adding custom fields!
► Offers & Help
--------------------------------------------------------------------------
🌟Learn the JavaScript side of Shopify Development:
codingwithjan....
👨🎓Learn Shopify Development from Scratch:
www.codingwith...
👨💻Find a reliable Developer for your project:
www.codingwith...
► Let's stay in touch :-)
--------------------------------------------------------------------------
🤝 LinkedIn (business journey and behind the scenes)
/ jan-frey
🎬 RUclips (Shopify and Web Development)
www.youtube.co...
► SEO Description
--------------------------------------------------------------------------
Metafields make it possible to store additional information for articles, blogs, collections, customers, orders, pages, products and other important objects in Shopify.
shopify.dev/ap...
For the longest time, metafields could only be added by using apps such as metefields guru. Now we find a new native metafield editor directly in our Shopify Admin dashboard.
The new theme editor lets merchants add new meta fields and properties without APIs or any form of coding. This gives you much more flexibility when it comes to your store’s content. Shopify users are now free to add the content they want to their product pages.
Alongside the Online Store 2.0 updates, Shopify also introduced new metafield filters. You can apply these Liquid filters in order to output metafield information in a standard format.
shopify.dev/ap...
🌟Learn the JavaScript side of Shopify Development: codingwithjan.com/javascript?src=metafields-yt
👨💻Find a reliable Developer for your project: www.codingwithjan.com/hire-a-developer
OH MY GOD, I WANT TO TAKE A MINUTE TO THANKYOU SO MUCH FOR MAKING THIS VIDEO, I HAD TO SIFT THROUGH SOO MANY USELESS VIDEOS ON RUclips AND I FINALLY FOUND THIS VIDEO THAT HELPS!! HONESTLY U SAVED ME FROM PAYING A DEVELOPER!! YOU DESERVE 1 MILLION + SUBS!!! (JUST LIKED AND SUBBED TO YOUR CHANNEL)
Hey, Jan! With just E-Commerce Sales & Mktg as my background (and on a Magento platform, so yikes), I was able to "develop" my Shopify store and make it function very professionally hugely because of watching your tutorials. Two years in and still learning a lot from you. Thank you so much and more power!
wow!!! :D
One of the best comments in a while, thanks so much for the great feedback! :-)
Made my day and hope you have an awesome one too! 🙌
Jan, this video is the bomb. You took a subject that has not been well explained and made it clear and concise. Thank you.
Thanks for the quick overview of the metafield types and what they mean for input on the product page!
Jan you are blowing my mind. We just upgraded to Shopify+ and I am just learning the differences. Really appreciate your teaching style and voice.
Cannot thank you enough! I was getting so frustrated with the whole filter options - I create one of a kind jewelry and wanted to allow search via gemstone and was going insane.
Thank you 🎉🎉🎉🎉🎉
Since I whizzed through the last task on my website to-do list with help from another of your videos I moved onto the next and now this video has solved another! Such amazing, helpful videos! I'm a fan!!
Glad you find them helpful 😄🥂
The previous post "Shopify how to use Sections Everywhere and JSON Templates" and this post are perfect tutorial for using Metafields! Thank you so much. :-)
So glad to hear metafields are finally native. I started working with Woo because of this, but now that it's included I'm going to give Shopify a shot.
Hey Jan!
To be honest I learned so much from your tutorials I just want to thank you from the depth of my heart ❤️
Keep it up bro 💪
The way you explain things is really awesome
Awesome Jan! This content just keeps getting better! Love the details you give in every video.
Definitely makes life alot easier!
Blessings!
i recently started my career as a junior web dev, and im working mostly with shopify. Im learning a lot with your videos. Thank you for this great work =D
Awesome 🙌😄
Hi ... Could you please tell me where can I add these codes for Filter Control in Shopify?
Jan - that was a clear explanation than even I could understand! Thank you so much!
thanks man your the best
keep it up
we are getting a lot of valuable information from you and you are helping us a lot
keep up the good work
Thank you ! You saved my day for searching and reading blogs about it in a very simplest way possible, Keep it Up 👍
Hello from Ukraine, your channel is very useful for me! Thank you so much!!!
Hi there Jan! Very helpful info you are offering with these tutorials! Thx a million!
Woow thank you so so much for this! This was so confusing to me before I saw this!
Nice explanation, clear presentation, and very helpful. Thank you.
Thank you so much!!! This is great! I looked all over for the answer to my issue.
Why on earth are you the only one interested in Shopify on RUclips?!? Blows my mind.
😁🙌
Hi Jan, Awesome vid. I will be playin with meta objects to see what I can do to customize my store.
First off i want to try and define my custom sales (side line for actual pre made products) i.e. when a customer orders a custom item I have print time, material and design fee (all listed as products currently) so my top seller is now print time. and the second thing i want to do is a color picker with pictures of printed color swatches because i can only get set colors on my filaments and they vary from batch to batch. so I think that I might be able to get a work around with the meta objects.
You are awesome Jan. Detailed explanation. Keep it up
Thanks Atul 🙌🏻😁
Tysm! So simple I was doing all kinds of coding and meta field inputa
Hi Jan, great tutorial. I was wondering how I can display a product list? I am thinking about "shop the look" for a fashion store. On a product I want to suggest 3 other fitting products. Can you give an advice? Thank you
Great video's! You are great in explaining. I am struggling on creating a search field related on Shopify blogs. ( Search only in related blog you are reading)
Amazing Great video. That really helped putting in the meta for the variants
very good. subscribed. however, lost me starting around 13:00 as the purpose of the code entry was not made clear
Hi Jan. Thanks for the really cool and detailed explanation. Would you please make a video on how to use metafields to pass dynamic values to functions?
Listening and applying all your instructions develops my skillset to Shopify. Great job!! 🎉💕
Hey Arvy thank you for the kind word!
Looking forward to hearing more about your journey! 🎉
Hi jan you are awesome keep it up, this kind of knowledge we want to explore
Hi Jan,
First of all, I would like to say your content is really nice and helpful. Can you share make one more video which is about filtering products on the Collection list page?
Hey Rajvir,
Glad my content is helpful
Yes sure I will keep tje filteting product in mind 😉
Have a nice day
great video. exactly what I was looking for. can you make one for metafields and json - I'd love to see what's possible there
This info is gold! Thank you blessings!
Thanks Jan! Great video!
Thanks Chris, Glad you liked the video!
Hey jan! your video is very helpful for me, I've a request kindly make tutorials series on shopify app development
So easy to understand :) Thanks Jan
your videos are awesome, please post a video about checkout customization.
Lifesaver! Thank you so so much my friend! Wishing you all the best 🙏🏼😁
Hello Jan, Im one of your top fan btw, anyway is there a work around on adding metafields for blog template?
Hey Jan, great video - thanks. Question - maybe for another video... How do you handle large amounts of meta field data and metafield localization (like care instructions). There are some bulk editors in the app store but most of them are not of much use, as the reference fields are some cryptic GIDs and therefor basically incomprehensible in itself and not usable for mapping to exisiting as well...
Hey Jan, awesome explainer on metafields😎!
I have two questions:
- What are the advantages of Shopify plus? There is no real comparison on the Shopify page, just marketing stuff.
- Also I still don't understand how a development team setup looks like for Shopify? In another video you touched on this topic. But to me it's not clear how to work on production and development env. when you are editing the Shopify backend?
Hey Özgür, great questions :-)
So Shopify plus has lower transactions fees ( if you have a high order volume it pays for itself) and also a few other features. For example you can edit the checkout, or you’d also have better options for wholesale.
As for the development workflow,
I’d use a theme copy as your staging environment. You can use Themekit or the Shopify cli to connect a theme with your local code editor. (Vs code for instance)
Hope that already points you in a good direction :-)
Thank you for this video! So helpful!
thank you so much for explaining it! I had so many questions and you helped me understand it better.
Glad it was helpful! :-)
Really informative. Thanks for explaining metafields in detail!
So useful and really well explained. Thanks Jan the Shopify Developer :D
You are one of the Best. Thanks for you contents. Can you please make few videos about Shopify Ajax API?
Hi Jan, great content 👏 Really enjoyed the metafields walk-though from the dev side, that was helpful to see all the different types and when they can be used. Keep the dev content coming 😃
Thanks for the best guide.
How can I hide the section if the field is empty?
Great job explaining this. I appreciate it!
Hey, glad you enjoyed it!😃
Fantastic coverage. I'm just using my first 2.0 template and this helps greatly. Cheers, JAYTEE
Glad it helped! :-)
This is super useful! Had no idea Shopify made this update.
It's still pretty new!
Super welcome 😃
thanks Jan really good help alles was ich über shopify gelernt habe ist so gut wie 100% von deinen Videos!
Krasser Nachname mega Feedback !! :-)
@@CodingWithJan naja Frey's gibt es doch einige, zB. Gurkerln, Spedition, Toyota Frey und Schokolade....
Hi Jan, love your content. i have a question hope you can help. In your example at the 7:27, how do hide "Sensitivity: {{...Sesitivity}}" if the metafield is blank? I'm using a custom theme (Showcase) which doesn't look like i can edit the code. Thanks
Hey Anh,
Thank you for your feedback, you can edit the code of the theme unless you didn't purchase it yet 😄.
To hide the meta field if blank you can use the following code:
{% if product.metafields.sensitivity != 'blank' %}
{{ product.metafields.sensitivity }}
{% endif %}
Hope this helps :-)
I have my own store and I also code..Jan you mentioned confidence. This has always been my main issue. I am so scared I might brake something. It blocks me trying in some cases. But having said that, I have never ever broken anything, quite the opposite, and I do know Shopify and i am confident about that now. I wish shopify would hire me directly to build stores for clients. Mine is a basic Plan 29.99usa, but I have learned so much while building and i have finished a cool udemy course. I also worked on Shopify Advanced/ Plus too for real well known Shopify clients.. I was a merchant for six months in a real Shopify agency company. I left cause they prefered me teaching English. I get it. Im a native, I am Irish and I live in Poland..They love me for English. But i like code Jan. I love shopify and stand by it..
Yess....finally. Thank you so much, you made it easy.
Whoop whoop 🙌😄
hi for a multidesigner store i need to add each designer a different size chart. is this possible through metafields. kindly suggest how todo
Thank you so much for explaining it!
nice explanation, can you make a video to explain how to create metafields using a Shopify application?
Hi Jan! Thank you so much for your videos. They are very helpful and easy to understand. I manage my company's eshop and know just enough to be dangerous in terms of coding. :-) I wish I had time to go back and learn to be a developer but our eShop is just one of many responsibilities I have. Therefore, I am looking for shortcuts, tips and tricks. Right now, I really want to start using either the file metafield type or the URL metafield type and add it to our product page so that I can give visitors easy access to a datasheet (pdf). These are a little tricky since they show-up as the URL and not an actual link. I have been searching online and there isn't much information on this. If you could do a video for people like me that shows how we could add a file or URL metafield easily to a product page with some basic coding I would really appreciate it.
Well I think I figured out something that will work and create a liquid block like this: Datasheet: {{product.title}}
But I'd still love more tips and sticks, best practices and shortcuts for the novice developer/admin if that makes sense for your audience. Thanks again!
Also would be interested to know how to hide the block if there is no file identified.
Hi Jan, thanks you so much for the videos I just wondering if I can use bold texts in the metafields..
Hello. I recently came across your channel, and im very thankful for you!
The new 2.0 facceted filtering system removes tags completely, so what i wanted to know if we could add filter by metafileds in the big shop filter system? In my case this would be the easiest and fastest way to filter through products.
Also i would love to see a video on this new filtering system since its changing the whole game
Thanks for the useful video once again!
So awesome, thanks, Ive learnt something new today. I would love to know how to make custom bullets in the Dawn them using emojis.
Very cool stuff and will for sure make our lives easier going forward; now I was wondering if you've tried to import large product catalogs and how these metafields could be filled with a csv? I'd rather not have to manually add the data for 3k+ products lol
Such great content, I've learned a lot from you. Really hope you will keep on producing videos like this.👏
Great content Jan and easy explanation! I would love to see how to edit the image layout, currently Dawn theme has it as a waterfall, I would like to have it as a carousel.
Amazing! thank you so much again!
Good stuff, Jan!! Thank you so much! I'm looking for a good way to create a pack/discount solution on the product page, so when you add more to the cart, your price lowers while displaying the price drop on the product page as you add to cart...
Hi,
You can do either from the dashboard by going to Shopify discounts -> Automatic discounts
The downside of this option is that you can only do a quantity discount for one product at a time
If it isn't enough you can use a third-party app like:
apps.shopify.com/custom-pricing-discounts-by-appikon
Cheers 😁
Thanks Jan. Very helpful.
You are so welcome Jon!🙌🏻
Very informative. Thanks.
Not sure if you've covered the topic already, but a video where you're editing existing sections would be cool!
You mean translating a Shopify V1 Theme to a V2 Theme? :-)
@@CodingWithJan I'm not sure, what I meant was for instance taking an existing section and adding or removing features to it!
Don't know if it's worth a video though I'm a newb at this stuff 😁
Great video Jan.
Kindly create a video on Metafield content type json.
thanks, great explanation as always :)
My pleasure! :-)
Thank you , well explained
Glad you liked it
Thanks Jan! you the man
Hi thanks a lot.
How i can formatting or customize metafield ? I would like to put some text in bold... Thanks for your help.
Hey Jan, Can you make a video on how to add Product Dimension (L/B/H) and product weight using Meta fields?
Thank you. Could metafields help on the back end with inventory organization? Bin and shelf labels for each product?
Hello, thanks for this video, it's great. I have one question: how can I use metafields to customise my colour swatches?
Hi Jan, thanks for your videos. Can we update the product CSV file to include the custom metafields we have created for product filters?
Great teaching, thank you! 🙏🏻
Super welcome Dawid!🎉
Hi Jan
I have a question.
Could we show product metafield value on order page in the admin.
Hey Jan! Could i have those collapsible tabs in debut theme?
Not per default, would definitely require custom coding, but then it would be possible.
Hi Jan thanks for this video. really helpfull! my only question is how todo unique meta fields for variants inside a product. Currently the meta field wont change when a variant is selected. Example if we sell two types of granolas and they have different ingredients.
Hi Jan. I have zero knowledge about coding. Started to designing Shopify websites for clients. What video do you suggest I start watching? Thanks for all that you share here. Much appreciated.
Great video, as always Jan!
At the moment I'm struggling with product color swatches.
The perfect option would be the color swatches links to other product color pages.
Only managed to use the color swatches working inside the same product page and having all the product color images in the same page, and that can may confuse customers, and does not look good.
Would be great if you make a video about that topic.
Also check your Instagram inbox.
Keep it up!
Hey, did u ever figure it out? Looking for the same thing.
Any help wil be appreciated
Thanks
Just found your channel and it’s very helpful. In watching your videos, I think I have more learning to do about basics, like the capabilities of the customizer, before I move on to learning more advanced stuff life coding. Do you have any suggestions on content on that?
good! I learned a lot today.
Glad to hear it! 😄🙌🏻
Thanks for making this tutorial video. Could you please tell me where can I add these codes for Filter Control in Shopify?
Thank you for the video. Is possible grouping metafields ? - not all products may have the same fields
Thank you for your vids.
Hi
Wonderful tutorial.
Could you please make a video on How to create custom shopify mega menu with images ?
Thanks
Do you think older themes should migrate to online store 2.0? Do you think there would be any performance benefit? Does the 2.0 render faster with the new theme structure? Or is the only real benefit more customizer features?
A guide to migrating an old theme to online store 2.0 would be cool i think. Great content btw 👍
I think the main advantage would be having access to the new customizer features.
The dawn theme is very fast, but more because it's built very lightweight.
:-)
how we can pull the product meta field descriptions through to the additional information tab in Shopify?
Hey Jan, I've followed you for a long time now!
I'm wondering if you could do a video on multiple languages now that Shopify has changed and offers some native options.
Thanks for all the videos!
Thank you very much. You are awesome