How To Add Note Fields To Your Products in Shopify (For Custom Shirts, Gifts, & Jewelry Niches)
ฝัง
- เผยแพร่เมื่อ 5 ส.ค. 2024
- In this video, I'm going to teach you how to create custom text fields that you can use to sell custom shirt prints, jewelry engravings, custom gifts, and more!
Thanks to the latest version of Shopify theme Dawn this is now easier to accomplish without editing your theme codes. Just by using custom liquid blocks!
Wanna learn more?
✅ Take my Shopify Theme Development Course (Shopify CLI):
weeklyhow.com/courses/shopify...
✅ Take my Shopify Theme Development Course (ThemeKit):
weeklyhow.com/courses/shopify...
✅ Get my Shopify App Development Course:
weeklyhow.com/courses/shopify...
Need a website? Get yours here!:
► weeklyhow.com/go/hostinger-2023
Try Shopify for 14-days!
► weeklyhow.com/go/shopify
Timestamp:
0:00 - Introduction (What we will be doing)
0:54 - Important things before starting
1:36 - Creating the text field (w/ custom liquid)
8:13 - Using CSS class to make it look good
9:34 - Adding required or validations
#ShopifyDawn
#ShopifyDeveloper
#ShopifyThemeDevelopment
🔔 Subscribe now for more tech content:
► th-cam.com/users/WeeklyHow?sub...
Official Website:
► weeklyhow.com/
Support us on Patreon:
► / weeklyhow
Follow us on our Social Media:
- Facebook ► / weeklyhow
- Twitter ► / weeklyhow
- Instagram ► / weeklyhow
![How to use Metaobjects on Shopify [NEW FEATURE]](http://i.ytimg.com/vi/jmOnR5t9Q3M/mqdefault.jpg)
![[TH] G2 vs PRX | EDG vs FUT - VALORANT Champions 2024 DAY 4](http://i.ytimg.com/vi/Bkr_qM7dIaM/mqdefault.jpg)
![CAMPปลิ้น | EP.79[1/2] แก๊งไทบ้านพาบุกเมืองบั้งไฟโก้ ยโสธรรรร!!!](http://i.ytimg.com/vi/Ldr3_fvTEXk/mqdefault.jpg)
Hi! I know it's been a while since my last tutorial video, so here is a quick tutorial that caught my interest after working. If you have any suggestions or request, let me know!
Thanks for the tutorial. Is there a way to customise "the instruction" per page/product?
Hi! the video works but the code works for only the product I added the product form template no. of .. If i want this to be valid for all products across the store how do i do it ?
couldnt find anyone better than you to explain it dude!
pure gold, thank you
Brilliant, I am using Studio, I had issues of mine now showing, thanks for the simple explanation. Works a treat.
Thank you, that was so helpful!
is there a way to only add this to one product?
Thanks man this worked perfectly
I love you dude!
Love you, thanx
THANK YOU SO MUCH
finally thx my G
THANK YOU
Thanks Bro! It was really helpful.
Thank you for watching Zahid! Happy you found it helpful 🙏
@@WeeklyHow I am following you and trying to help people like you. ❤
Thank you so much! This has been incredibly helpful. You explained it so well too. As of the time of writing this, the Dawn theme has been updated to version 12.0.0 and the 'novalidate' attribute has been moved to the 'buy_buttons.liquid' under 'Snippet' folder. 🤗 Sharing it here so you won't end up like me who spent HOURS scouring the 'main-product.liquid' for the novalidate attribute only to find out it wasn't there anymore, haha!
Thanks a lot!!
Thanks, it worked for me but the custom message is available for all the products. Could you please tell how can i enable it for only a single product?
Great tutorial my man. Can you explain how to add a checkbox for the personalization, and how to hide the field if the checkbox isnt checked? ie. personalization is one of the options available, but there are others as well and a blank field might confuse a buyer that hasnt doesnt want the personalization option.
Hello, thank you for this video, I have been looking for 4 days how to add information to personalize products, your explanation is great. Just a question: how do I make it have the same color and font as my Theme? and also how I make the space smaller. Again thank you very much!
PS, I use a translator, I hope you understand.
Great tutorial! Question - how do I update the price based on the number of characters the customer enters? Ex. If the customer entered more than 50 chars then there's an additional charge. Thank you!
Hey there, how do I make it so this only applies to some products and not others? It seems to have applied to all my products
Does this method work with dsers? Or something additional needs to be done
Uggh I really thought this would be the video because everything you did looked just like my shopify, but when I got to the point of finding the Id in the code I can't find it anywhere. The box is there but I can't find what to put in the form part of the code in my lines of code anywhere. So I can't see what is written in the custom text box when it is added to the cart. What am I doing wrong??
Did you figure it out? I can't find the form part of the code either.
Thanks. The only thing I could not find is the novalidate part. 😅not bad for a first attempt I suppose
Thanks great.
I have seen and understand your video. I seen the same things work using another developer name ammie. He do the all same using very easy. However you are also right with full coding.
My question is how can I able to edit the customized fields after I do add to cart click.
Again my issue is how I can again edit the customized fields after add to cart option.
So if I have multiple options in product to edit , I have to reenter again.
Kindly give details.
How to enable this option only for a specific variant?
I can't find the novalidate anymore... so they removed it... but still user can add to cart without entering the text customization...
Hello, anyone can help me?
{{ section id }} show me numbers. And there is another numbers in the form method id, when I inspect the code. In the code, there is the shopify numbers product. The same as we can see when we edit a product, on the browser address bar. {{ section id }} show me completely another numbers, and I don't know what to do, it's not working with {{ section id }}. Anyone can help? Please.
Hi Sir!
Kindly make a complete playlist on psd to shopify coversion
Hi, thank you very much for the video. I get it to work 100% but the text does not display in my Cart and I used both Sense and Dawn themes. Any suggestions?
Same issue here. We’re you able to find a solution?
Ugh I feel so stupid! I can get the tact box there but when I put in “example” then add to cart it doesn’t add the text to the cart 😭 and I also have the text and number above the box and it won’t change 😓 WHAT AM I DOING WRONG ?!!!!
Is this applicable to other theme
Can you make a video about how to add an upload button for images? Thanks
I think the no validate line has been changed because I don't have it. I followed a different youtube video that suggested the same thing but the form only has the installment thing but not the line with no validate. I guess it needs an update.
Hi! Thank you for this video! On my test cart, I see custom _ text:{“%22”=>” before the actual custom text. I compared it character by character with your tutorial but can’t figure out how to remove this : {“%22”=>” before the customers’s custom text. Please help!
I figured it out! I forgot to add “ in front of properties [custom_text”
This works for Studio theme also
I watch your videos most of time. How about creating video for simple popup based on cookie to display once for redirect multiple stores. Bit confused how to create and add buttons into it.
Thanks. 👍
That's a cool idea! Thank you!
I'm banging my head against the wall 🤣 fab video but I can't see the elements but I need for the product
Why won't mine show up on the checkout page?
are u using sense
I’m using craft theme
It won’t show up in the cart page
Also the background color is different too
Sad ..
I really like this video
Seems way easier than others
Just not working good with diff theme I guess 😢😢😢😢😢😢
didnt work for me unfortunately
nah you cooked thank you!
Jeez, no easier way to do this w the metafields?