Show the earliest delivery date on product pages

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

  1. 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.
  2. Move the block where you want it (for example, near the price or the buy button) and select Save.
  3. 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.

CaseWhat'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" tagNothing
Selection type is "Time slot only"Nothing
You use transit days by prefectureThe 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.

SettingWhat it does
HeadingDefaults 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 destinationsShown only when you use transit days by prefecture
AlignmentLeft, 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.

解決しないときは

インストールから使い始めるまでの流れは、設定ガイドにまとめています。それでも解決しないときは、お気軽にお問い合わせください。

設定ガイドを見るお問い合わせ

Related articles

Back to all articles