Creating and Using Shopify Metaobjects - Shopify Tutorial
ฝัง
- เผยแพร่เมื่อ 27 ก.ค. 2024
- #shopify #metaobjects #tutorial
Shopify has released a new featured called Metaobjects. These help you add reusable structured content to your store. The metaobject data can be used in themes via Liquid and with the Storefront API. Once you create and populate the metaobjects, you can use the content throughout your Shopify store. Metaobjects are used with metafields for the ultimate content creation system.
Using metaobjects may seem confusing at first but our tutorial is here to walk you though the process. We'll show you how to create the metaobjects, assign them to the metafields and then update your theme to use the custom data. In our video, we'll use metaobjects to create a custom content section that displays the farm where our produce is grown. Take a look now.
⏱ Timestamps
00:00 - Shopify Metaobjects
00:44 - Creating the Metaobject
03:19 - Adding entries
05:10 - Assigning metaobject to metafields
08:27 - Updating your theme with content
09:32 - Using dynamic content
Need help with your Shopify site? Contact our digital commerce experts here at Sunrise Integration. We build, optimize and accelerate your business
www.sunriseintegration.com/
/ sunrise-integration
/ sun_integration
/ sunriseintegration - วิทยาศาสตร์และเทคโนโลยี
After 300 videos, I finally found somebody that can explain! Thank you and thank you!
Thanks you, we're so happy that our video helped!
@@sunriseintegrationnow if only I could find someone who knows how to iterate over metaobjects in a collection 🙄👍
Brilliant! Simple, Clear and relevant. Thank you so much 👍
You're welcome and thanks for watching the video. Let us know if there are other Shopify features you want us to review.
Amazing thank you, most of the things i found on the internet were for really advanced users, even shopify`s help section was too much complicated. I understood it with your help. Thank you
That's so great to hear, we are super happy that our tutorial helped. We have a lot more Shopify videos coming soon so hopefully we can help with other features too.
Great tutorial, simple and clear. thanks!
Glad it was helpful!
This is an awesome feature thanks for the good explanation!
Glad it was helpful!
Most helpful video available on youtube for this query!
Thanks so much, we are so glad it was helpful.😀
This is very helpful! Thank you.
Glad it was helpful!
Wow. This is a huge feature update.
Ya, it's very helpful. We've already used it in many new projects.
Thank you for your very detailed video!!!
You are welcome, thanks for watching.
Excellent video, that is definitely powerful
We're so glad you found the video helpful, thanks! ❤️
This is very useful! Thank you
Glad to hear that! Let us know if you're looking for other tutorials.
Thank you!
You're welcome!
Cracking Video thank you :)
Thanks for watching. We hope it helped!
Hey, thanks for such a useful video!
I see the potential of utilising metaobjects in various ways.
Could you also go through connecting metaobject on the whole block itself?
For example at 9:32, you demonstrated connecting metaobject for required section (ex. Image), but I see that we can also connect metaobject on the whole block itself.
I wonder under which situations that would be required.
Each section can be assigned to any object in the block. Just assign the metaobjects to the appropriate item within the block and you can complete the info. For example, the image, title and description (like the within the video) all make up elements of the metaobject.
Excellent....one problem.....is there a way to specify metafield directly while uploading product_template.csv? If so, please share.
We are not familiar of any way to add metafields via the native CSV. There may be some apps that support this. You would need to check the Shopify app store.
Hello! Thanks for this awesome video, What about if one of my products doesn't have a metaobject, Would it appear empty? Is there a way of hiding that section when a metaobject is not associated with it?
If the metaobject has no data for that product then it will appear blank. You can however apply some conditional logic to the section to suppress the section if it is blank. This takes a little Liquid coding though.
Hi, great video! I have a problem with metaobjects. I created a metaobject for the "text with image" section, linked it to a specific product, but the "text with image" section is also visible in other products, only empty (without content). Will the metaobjects be visible on the product page for each product?
This is a common issue. You need to use Liquid to suppress the section if there isn't any data.
This should work. Use following code where in you need to replace namespace with metaobject name and key with which field you want to supress.
{% if product.metafields.namespace.key != blank %}
{{ product.metafields.namespace.key }}
{% endif %}
Good stuff... but what if you have a list of objects to render for a category for example?
Sorry, not following your question. Are you talking about a Collection page?
@@sunriseintegration sorry, thats right. I added a list of metaobjects to collections, can't seem to access them in liquid
@@m12652 Have you tried using the theme editor to custom your collection page and add the metaobjects to the theme? Sounds like that should be what you need.
@@sunriseintegration thats right, I assign each product a parentCollection metaobject which is the content of a metafield in a collection object
Thank so much. Can you show how we can access a value of a metaobject? I've done everything but cant read the value, {{ product.metafields.custom.metaobject_farms.farm.name.value }} in editing code mode...
The metaobject value(s) are going to be an array (since you can add multiple entries for the definition.) You will need to loop through the metaobject to get the values for each. Take a look at this Shopify Community post: community.shopify.com/c/technical-q-a/metaobject-values-in-metafields/m-p/1939164
Would it be possible to let a user with an account on my website fill in their clothing sizes on their profile and have the website show pricing for their size or preferred color and show if it’s in stock in the quick view for shopping?
If you have all your sizes and colors configured as variants, then yes, the user could select their option and see the price (and availability.)
I want to add different grid images for different products, is it possible with meta-objects?
The metaobjects are reusable blocks of content so if your goal is to use the new product grid across multiple items, then it makes sense to create a metaobject for this purpose.
Is there also a way to use filters with metaobjects?
You can use metafields for filters but the metaobject values will not be filterable since they custom data object of multiple values.
@@sunriseintegration Ah oke. Hope they will add that in the future then. Also it would be golden if collections are automaticly created.
can you please share the liquid code ?
There is no custom Liquid for this implementation. Everything uses the native Shopify themes and sections.
Thanks for the helpful info! We were able to build metaobject pages each showing information about our ingredients. And we were able to list the ingredients on each product page. However, I can't figure out how to show the products on each metaobject page. It doesn't seem possible, but also seems like a likely use case of this functionality. Do you have a tutorial on this?
Oddly, the Storefront API does provide the reference list, however you can call the Metaobject Admin API via GraphQL and get that reference list. You will just need to make the backend API call and do some custom section work. We don't have a tutorial, but that would be a good one for us to make.