Re: Delivery date picker customisations

How can I customize the Shopify delivery date picker?

sweetworthyau
Visitor
1 0 0

I wanted to chat with someone who can help me customise the default delivery date picker HTML that Shopify offers.


What we need altered is:
- For the date to read in the Australian format (dd/mm/yyyy)
- For next day availability to become unavailable after a certain time (4.00pm AEST)
- To make weekends unavailable, but an option for us to make SOME weekends available.

Thanks!

Replies 3 (3)

PaulNewton
Shopify Partner
7746 679 1612

That is an advanced customization for all those , if you want that for your store you can contact me with store details for pricing by email in my forum signature.

 

If your using a shopify theme using this datepicker feature: https://help.shopify.com/en/manual/online-store/themes/os/customize/add-date-picker 

That is using the jquery UI datepicker and it's documentation is here https://api.jqueryui.com/datepicker/  

Loose information on where to start.

  1. For the date to read in the Australian format (dd/mm/yyyy) , $.datepicker.formatDate
  2. For next day availability to become unavailable after a certain time (4.00pm AEST) , bit more complicated see stackoverflow sample
  3. To make weekends unavailable, but an option for us to make SOME weekends available., $.datepicker.noWeekends

https://stackoverflow.com/questions/30331543/disabling-specific-dates-from-html-datepicker-jquery 

Contact paull.newton+shopifyforum@gmail.com for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org


JayAdra
Shopify Partner
194 15 51

Hi @sweetworthyau!

 

Nice to see a fellow Aussie here! I'm one of the developers of a delivery date app called Bloom which has options for exactly what you're asking. You can change the date format to DD/MM/YYYY, set cut-off times for next-day delivery and blockout specific days/dates, plus a bunch more.

 

If you're interested in trying it out, we have a 14-day free trial so you can see if it'll work for you.

 

Let me know if you had any questions or wanted help getting set up.

 

Best of luck with your store!

jayne_Zapiet
Shopify Partner
10 0 0

Hi there,

 

We have an app called Store Pickup & Delivery that can cover all your needs, date format, cut off times, blackout dates and much more that integrates on the Shopify platform.

 

Check out our website for a 14 day free trial

 

https://www.zapiet.com/shopify/store-pickup-delivery