Date picker for sold out product

Shopify Discussion

Topic summary

A merchant seeks an app to add a pre-order button with a date picker (calendar field) for sold-out products.

Proposed Solution:
The Easify Product Options app is recommended as a no-code solution that can:

  • Add a date picker option to sold-out product pages
  • Customize the “Add to Cart” button text to display “Pre-order”

Setup Process:

  1. Create a new option set with a Date Picker field
  2. Customize the date picker details as needed
  3. Select which products should display this option
  4. Navigate to app settings to modify the “Add to Cart” button text to “Pre-order”

The solution includes visual walkthrough images showing the configuration steps. The original poster has not confirmed whether they found a working solution, as the suggestion came some time after the initial inquiry.

Summarized with AI on November 17. AI used: claude-sonnet-4-5-20250929.
1

Hi,

Hope everyone is doing well.

I’m looking for an app that would allow me to have a Pre-order button with a date picker (a calendar or simply a field) when products are sold out.

I’ve been looking for something like this but can’t find any.

Thank you for your help.

2

Hi Wbralx,

From the Shopify app, tap Store. In the Sales channels section, tap Online Store. Tap Manage themes. Find the theme you want to edit, and then click Actions > Edit code.
…
To create a snippet for your delivery date picker:

  1. Desktop.
  2. iPhone.
  3. Android.
3

Hi @wbralx ,

It’s been quite a while since you first posted your topic, and I hope that in this time, you’ve managed to find a solution. Nevertheless, I’d like to offer a simple suggestion that could benefit you or other community members facing similar challenges in the future.

Consider utilizing the Easify Product Options app as a potential solution. It can assist in seamlessly incorporating a Date Picker option into your products that are currently sold out :hugs: . Additionally, you can modify the text of the “Add to Cart” button on these product pages to read “Pre-order.”

Here’s a concise walkthrough of how you can set up this solution using the app:

  • Create a new option set

EasifyAppsZoe_0-1692605673398.png
EasifyAppsZoe_0-1692605673398.png2880×1370 182 KB

  • Add the Date Picker option type and edit its details as you want:

EasifyAppsZoe_1-1692605798167.png
EasifyAppsZoe_1-1692605798167.png2880×1254 197 KB

  • Select the products that you want to add the Date Picker option to, and then save the option set:

EasifyAppsZoe_2-1692605829467.png
EasifyAppsZoe_2-1692605829467.png2880×662 68.4 KB

  • Navigate to the app’s settings to modify the “Add to Cart” button, changing it into “Pre-order”:

bb.jpg
bb.jpg2880×1532 216 KB

As you can see, the app is easy to use, no coding required. You should give it a try :blush: !