the only small difference being that I saved this in the product page (product-template.liquid) and not on the cart page, as I use a cart ajax drawer (the less pages a user has to jump through the better for conversions).
Getting the date picker to appear and selecting a date is fine, but once i go through the checkout process I do not see it anywhere, and when I place a successful order the date has not been saved and i cannot see the date in the order.
Just for your reference, here are my code notes below:
1. On product-template.liquid add the code below around line 222 right before class=product-single_add-to-cart
{% render ‘delivery-date’ %}
2. Create new snippet called delivery-date.liquid
3. Add this code in new snippet delivery-date.liquid
You just need to change one word "attributes[date]". Please add “**properties[date]” instead of “attributes[date]” in your above code sample. Other things are just find to go.
Hello Shraddha, I tried this solve and I’m still not seeing the date selected show up on the order. I added this code to the cart page as the tutorial suggested, but when I change to “properties” nothing changes on the backend of the order. Can you help?
Sorry for being late. If you’re still facing the same issue. Please send me your store url and screenshot of that code block where ‘Properties’ added. I will try to fix it for your theme as well.
This input field must be inside the add to cart submit form. Are you able to check that? If the input is just added anywhere outside the form it will not be consider as a part of submit process instead it’s just a input box without any meaning.
If you can find the position and may be rearrange it based on .. elements. Please try that and let me know. As without code in hand I am not able to check everything, I can just suggest you the way for possible issues.
Your store is password protected. In order to check theme you have to send me password as well.
Hello, the same thing happens to me. I mean, I followed the instructions, but instead of putting it on the shopping cart page, I put it next to the products page. I have made the “properties” change but the date indicated by the client is still not visible in the Orders.
Here I send you the url of my page, many thanks in advance.
You can try using our Shopify app “Product Designer & Options” to add date picker custom option in your product page. The selected value of date picker will be saved in the orders as well.