This was very helpful - I added a form field to a product, and I was wondering how it works if you want to have different form fields for different products? Can I just make a second copy of the product.liquid template and call it something different?
Yes every form will need a different name and you need to link both the
template and sections every time.
for example, I create the form in sections calling it product-m12-m12-m12
then when I go to template, I select the product option and call it -m12-m12-m12 go in to the form and edit the section that says {% section
‘product-template’ %} to say {% section ‘product—m12-m12-m12’ %} then
save.
I have loads of personalisation options on my products so try to keep it
simple so I under stand what they mean. So m would be message 12 would
be the amount of characters maximum so the above product has 3 lines to add
messages to of 12 characters per line.
I hope this makes sense I am very new to this myself their maybe an easier
way to do it but this is the only way I know.
Good luck and if I can help any further please don’t hesitate to ask!
This tutorial is super helpful and I’ve managed to put the form fields onto my product page and then get it to pull through to the cart using the code below on the product page was enough, I didn’t have to update the cart code for it to work. However, it’s pulling through the information twice in the cart page - once in the title of the product and once underneath. If I add the underscore before the field to prevent it from pulling the information through then this works and it only shows up once, but it shows up with an underscore before the description. I’m not sure what I’m doing wrong! HELP!!
Thank you. This worked (using Boundless theme) for our purposes (pre-order with limited availability for an item and quantity countdown tied to total sold vs. by variant so, cannot use built in variant capabilities), but one issue - if running a pre-order campaign, this info is not picked up for reporting (e.g., pre-order for a limited edition t-shirt runs with total of only 100 total available; the pre-order sells out, but we can’t then run a report that shows us how many t-shirts we’ll need to order in each variant (in this case, size) so, while helpful, also NOT in this instance).
I am using turbo 5.0 theme and I am following all the codes but when I select custom option on product page and when they goes to cart page they are not showing me on cart page
I am having trouble with this. I believe I followed all of the steps correctly, and the product page looks good.
My two issues:
There is no sort of enter or submit button on the product page for the customer to click when they have finished entering their NOTES in the text box. It’s hard to tell if the customer’s custom info is actually being entered or submitted to in any way to me.
I am finding no evidence that the information entered into this new NOTES box is getting to me. I have tried a few trial purchases myself and none of the notes I have entered in this box have made it to the order review on my admin page in any form. Where is this information being collected and how can I see it?
I use motion and found it in snippets too. But now it applies the custom option for all products. How do I adjust products for those that show show custom options vs. those that should not?
The instructions you provided work great when the Shopify interface is used for the shopping experience. We have embedded the products directly into our website. How do we get the new product fields to show up for the embedded products?
New to Shopify but understand JavaScript and HTML coding. A potentially really useful post unfortunately I have gotten as far as the ‘Add Custom Form fields’ and can’t get any further. I am using the Debut Theme and I can’t find any related code to type="submit" anywhere in any of the Template or Snippet files. In fact very little recognizable HTML at all in any of the .liquid files. I have played around with placing the generated code in various places in the Product.liguid and the Product-Template.liquid (and all related snippet files) but can only get it to appear at the top or the bottom of the page. Not anywhere near the product information.
Hi. For turbo theme you have to modify product.form under snippet and not product template. It’s written in turbo documentation. So, you have to create a new snippet called “product-form-custom” and copy and past product-form code. So you can add , above type:“submit” add to cart the line code. Then you have to open product-template-custom and modify
{% unless collection_handles contains ‘coming-soon’ %}
{% include ‘product-form-liquid-custom’ with ‘product’ %}
{% include ‘product-notify-me’ %}
{% endunless %}
Can anyone advise how to add customization information to packing slip (was able to add to order confirmation emails without issue, but cannot figure out how to add to packing slip - ideally, before SKU line) Thanks!
If providing an additional service I would add variants to the product i.e.
standard & personalised and add the additional cost on the personalised
variant.
How would you like the dropdowns to look “visually”, and also what do you mean about “flags”? Are you only trying to display certain line-property options base on product tags?
The underscore trick is not working for items added to POS cart - line item properties show in the POS cart as well as the customer receipt which is not acceptable. Is there an equivalent workaround here?
How do you get the new property to show in the Quick View? Customers are able to add the items to the cart without the required customization if they click on Quick View.