Shopify Product Page - Customization and Tips To Use Metafields
Ғылым және технология
In this tutorial I will show you how you can use metafields on product page of any theme (Dawn Theme used in this video) to show extra data about your products e.g. materials, dimensions, care instructions etc. I will show show how to add a custom multiline text fields to show this data.
💰 Sign up for a Shopify free trial and enjoy your first month for just $1
shopify.pxf.io/4Pbrk3
Timestamps:
00:00 Intro - Shopify Dawn Theme Product Page
00:16 Existing sections to show materials, dimensions, care instructions etc.
00:56 Single line text metafield
04:12 Single line list metafield
08:20 Add custom rich text multiline field
10:35 Use metafield with rich text multiline field
13:54 Add popup to show more product info
14:46 Important info about adding/using sections to use metafields
Code used in the video:
docs.google.com/document/d/1C...
Shopify is one of the leading ecommerce platforms for online stores and point of sale systems.
It is easy to use and you can be up and running in no time.
If you have not signed up already go to www.shopify.com to get started.
Пікірлер: 16
Thank you! Been trying to do this for 5 days now. Your video got me up and running!
Thank you! That is excellent information. I appreciate it.
@Webmyster
Жыл бұрын
Very welcome!
Excellent video....thank you so much 😊
Hi, would you be able to put together a tutorial on how to animate the collapsible rows on the product pages? I found your tutorial on "Animate on Scroll" really helpful and I would like to do the same for the collapsible accordions. Thank you!
marvelous! I have a request. There is a meta field about "time" in the meta field, can you design a custom "countdown" for each product using the product meta field?
This is exactly what I needed. Thank you. Is there a way to center the text?
Do you have an info on how to show in the product page only the metafields that are filled for that certain product. My website has more than 100 product metafields but for every product 20-30 of them are filled. So how to and where to write this rule that I can only show the relevant metafields.
Hi sir, I wonder if you could give me some advice. I have a slideshow as a header. Whenever I try to for example change the heading size from medium to small my slideshow goes completely white. Do you know any fixes for this? Thank you
@Webmyster
Жыл бұрын
I can try to help you but please provide a bit more details. What theme are you using and how are you changing the text size?
Hi i have a question, about collapsible row. I have different detail descriptions for different products for my store, so i don't want to duplicate the same detail descriptions. When using collapsible row. Is there any way i can have different description for different products in the collapsible row, if that makes sense? thankyou
@Webmyster
Жыл бұрын
Ofcourse, In the customize area when you have the collapsible area selected, choose metafield as the dynamic source and then connect it to a multiline metafield inside products. Then that field will show up in each product and you will be able to enter different description for each product.
Great helpful video. Can you make a video for customer and orders metafield. How they work with flows?
@Webmyster
Жыл бұрын
Truly I have not used those myself. But I'll put it on my list and look into it for you.
I would like to know how to single space the font. Like in the footer on your example. There is a list that the spacing is 1.5 or 2 between the lines. I just want a nice single space. I bet it is really easy.
@Webmyster
Жыл бұрын
Yes, should be pretty simple. You'll probably just have reduce the line-height for that element. Do you have any experience with modifying CSS?