Shopify themes, liquid, logos, and UX
Hi,
I need some help with cart attribute option on cart page.
In my store here - https://flowershopnz.myshopify.com/admin
I want to have these fields mandatory – Delivery Date. And Delivery Instruction as below. It is showing ok on the website but when I tested it the text customers put in the boxes don't come through to the order form.
This is how and where I added the codes.
It did show once here in the order form but it disappears.
on my second test it came up like this
Cart_exist
true
This is my coding
Solved! Go to the solution
This is an accepted solution.
Hey there,
3 things I have done:
1) Delivery date and Delivery instructions both fields are required now
2) Added Delivery date message as you said
3) Tested with 2 orders both orders have Delivery information.
Please check these screenshots.
Hope this works for you.
Thanks!
HI
please email me your theme zip file or staff account details because this a code customization work.
I will try to solve your problem.
Thanks!
Hey there,
As you shown in screenshots Order:1021 have delivery information and for the Order: 1024 , it's not showing.
These are different orders and maybe customer has entered delivery information in 1021 not with 1024.
As you said you need that both field required fields so you have to do code like following.
This is just an example:
<p class="cart-attribute__field"> <label for="delivery-instructions">Delivery Instructions</label> <input required class="required" id="delivery-instructions" type="text" name="attributes[Delivery Instructions]" value="{{ cart.attributes["Delivery Instructions"] }}"> </p>
see above requried class and required rest seems fine. Please correct and let me know if it works.
If you need me to do that using your staff access then let me know. I have access.
Thanks!
Hi,
Thanks for your reply.
both of the orders in the above post are my test orders and I did put in the details on both orders but it didn't come through on the second one.
It seems like it works for the first time but somehow it doesn't work anymore.
Can you help updating the code to make it required field?
I also want to add (No Sunday order) next to Delivery Date.
I really appreciate your help!
Okay, I think it must be required fields. How can I test ?
Also Do you want me to work on shop directly via shop access that you have given ?
"No Sunday order" This just a text or a new field ?
Let me know.
Thanks!
Hi,
Hi ecoWeb,
Its pretty simple,
Please make both fields required and make sure those are inside form tag.
Moreover make value as empty value="" | nothing between commas,
And please test it.
Thanks Robin but I'm not that skilled with this so I hope dmwwebartisan could help me with this.
Many thanks though!
Hey @ecoWeb ,
Sorry for delay. Sure I will check and fix this and put that text message and get back to you as soon as possible.
I will get back to you with update soon. I will access your shop and correct it.
Thanks again!
Thank you so much.
I put the website in test mode so please let me know when it is done so I can put it back to normal mode.
Many thanks!
This is an accepted solution.
Hey there,
3 things I have done:
1) Delivery date and Delivery instructions both fields are required now
2) Added Delivery date message as you said
3) Tested with 2 orders both orders have Delivery information.
Please check these screenshots.
Hope this works for you.
Thanks!
Thank you so much for your help!
This is awesome!
I really appreciate it.
Have a fantastic day!
Regards,
Please Like and Accept as solution. This is cost of my time. 🙂
Thanks!
I have one more request if this is still open.
I just got an order but the customer didn't put in delivery note and still managed to put in the order.
Also, I noticed that actually we have some customers who will come pick up the flowers.
Is there a way to put these Required field boxes under Delivery method on Checkout page?
Otherwise, I will need to add another option to tick Pick up or Shipping? which will be duplicate info with the next checkout step though.
Do you have any suggestion?
Hi,
I've just done a test and it looks like the fields are not working as a Required Fields when customer choose these Additional options.
Is it possible to overwrite it?
I've received two more orders today from customers and both of them have not put in delivery dates.
Can you please review it again?
Many thanks!
You mean when you fill up additional option from product page, devliery fields are not working ?
That is strange because if code is requied there then required should work.
I will try to check and let you know.
Thanks!
Thank you so much. Yes, that's exactly what I meant.
Please let me know what you can find.
Much appreciated!
Hi,
Just wondering if you end up solving your problems because I am having the same exact problems!
No, I couldn't fix it.
Still having the issue.
Hi EcoWeb, I have exactly the same problem. Have you fixed it?
And also, were these extra fields (Delivery date and message etc) being shown on the email order confirmation ?
Thanks
ps; I also setup florist store in Melbourne but find that shopify is a bit frustrating, even a small basic feature is not supported specially for florist store
i know this is old but i found this post to be very informative on making those text boxes mandatory. You have to remove the novalidate from the form so its mandatory. The only issue i have now is that for every item in the cart it asks the same questions.
i posted the link to were i found it helpfull.
You could try the Infinite Options App from HulkApps. I use the free version and I'm able to make ribbon color, crinkle color, gift message required on the product page. If you don't mind your delivery dates there instead of in the cart, it is an easy, feasible option. It then shows up on the cart and checkout page for review.
Please remove test order after confirmation.
Thanks!
Giftship provides this solution out-of-the-box, allowing each of it's gifting features including Delivery Date picker and Gift Messages able to be set as mandatory. The Delivery Date picker also offers very dynamic optionality in terms of configuration. Lead times, blocking out dates, etc. https://apps.shopify.com/giftship
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024