Product pages can show a line like "Delivery as early as Tue, Nov 10" with the earliest delivery date for an order placed now. If you use a cutoff time, it reads "Order by 14:00 for delivery as early as Tue, Nov 10".
Steps
- On the app's home page, under Setup, select Add next to Earliest delivery on product pages. The theme editor opens on a product page with the block added.
- Move the block where you want it (for example, near the price or the buy button) and select Save.
- Open a product page in your store and check that the date appears.
Which date is shown
It's the first date the cart picker offers when the cart has only this product. Days, cutoff time, shipping closed days, non-delivery days, and product settings (preparation days from tags and the metafield) work the same way as in the cart picker.
| Case | What's shown |
|---|---|
| Before the cutoff time | "Order by (cutoff time) for delivery as early as (date)" |
| After the cutoff time, or no cutoff time | "Delivery as early as (date)" |
| Products that don't need shipping (such as gift cards) | Nothing |
| Products with a "no date selection" tag | Nothing |
| Selection type is "Time slot only" | Nothing |
| You use transit days by prefecture | The date uses the default transit days, with the note "Delivery time may vary by destination." |
The date refreshes every minute, so it changes when the cutoff time or the date passes while the page is open.
Change the text and alignment
In the theme editor, open the block settings.
| Setting | What it does |
|---|---|
| Heading | Defaults to "Estimated delivery" |
| Delivery date text | [date] is replaced with the date |
| Text before the cutoff time | [time] is replaced with the cutoff time and [date] with the date |
| Note about destinations | Shown only when you use transit days by prefecture |
| Alignment | Left, center, or right |
Text you enter only appears in your store's primary language. Other languages use the default text.
Good to know
- Product pages can't see other products in the cart or the cart totals (quantity, weight, amount). Depending on the cart, the earliest date in the cart can be later than the one on the product page.
- Of the "Carts that don't take a delivery date" conditions, product pages can only check product tags. When conditions are combined with "any", nothing is shown if this product's tag matches.