Add the date picker to your product page
Updated 19 August 2026
Show the calendar before add-to-cart when the date is part of the buying decision (gifts, cakes, flowers, made-to-order items), or when availability differs per product.
Set it up
- In Flare, open Storefront experience.
- In the Date picker location card, set Editing to Product page.
- Click Enable on Product page, then click Open theme editor. Flare opens the theme editor on your default product template with the block ready to add.
- Confirm the Product Page Date Picker block appears in the left panel. If it is missing, click Add block → Apps → Product Page Date Picker.
- Click Save.
- Return to Flare. Flare checks the block and marks Product page Live. If the badge still reads Not live, click Check again.
Check it worked
Open any physical product on your storefront. The picker renders above the Add to cart button with your configured label (default: "Choose your estimated delivery date").
How it behaves
- The chosen date is attached when the shopper adds to cart, and carries through to checkout and the order. Shoppers who browse without adding to cart don't leave stale dates behind.
- With shipping zones enabled, the product page picker can also ask for country and postcode and show shipping options, so the dates are accurate for the shopper's address.
- If you use per-day delivery surcharges, the calendar shows the +£ badge on affected days, and the surcharge is added to the cart with the product.
- Selected-date and signature rules work exactly as on the cart page.
Rules to know
- Keep the SLIDE CART Date Picker app embed off unless you are deliberately running a drawer setup instead.
- Only one Product Page Date Picker block should exist on the template. A duplicate shows two calendars.
- To place the block elsewhere on the page (for example below variant options), see Repositioning the block.
If it doesn't show
See I can't see the date picker. The usual causes are a block missing from the default product template, a stray cart block, or a product that isn't marked as physical.