A user implemented a date picker on their Shopify product page following an official guide but found that selected dates werenât saving to cart, checkout, or order notes.
The Solution:
The issue was resolved by changing the input fieldâs name attribute from attributes[date] to properties[date]. This simple modification allowed the date to properly pass through to orders.
Key Technical Detail:
The date picker input must be placed inside the <form> tags of the add-to-cart form. If positioned outside the form element, it wonât be included in the submission process.
Ongoing Issues:
Several other users reported the same problem even after making the properties[date] change. The helper suggested verifying that:
The input field is correctly nested within the form tags
The code structure matches the working implementation
Alternative Solutions Mentioned:
Third-party Shopify apps like âProduct Designer & Optionsâ and âFlare: Delivery Date Pickerâ were recommended as more reliable alternatives to custom code implementations.
Summarized with AI on October 27.
AI used: claude-sonnet-4-5-20250929.
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.
