How to change the position of the delivery date picker on your Shopify store

Want to move the delivery date picker to a different part of your store — like switching from the cart page to the product page? This guide shows you how to change the position using the Flare app.

🧠 What you’ll learn

• How to remove an existing delivery date picker block
• How to switch between product page, cart page, cart drawer, or checkout
• How to update your live theme with the new picker location

📘 Overview

Flare only allows one active delivery date picker at a time. If you've added the picker to your cart page and now want it on the product page (or vice versa), you’ll first need to remove the current one.

This guide walks you through switching the location in a few simple steps.

🛠 Step-by-step instructions

1. Install the Flare app from the Shopify App Store
2. Open the Flare app and make sure you’ve already completed Step 1 of setup (added a delivery date picker to one location)

🔄 Open the Customize Storefront flow

3. On the Flare homepage, locate the top Setup card
4. Click Customize, then click Edit position
5. This opens the Customize Storefront page, showing all possible picker placements (e.g. Product Page, Cart Page, Slide Cart)

❌ Remove the currently active picker

6. Your current picker location will show as Active (e.g. Cart Page)
7. Find the new desired position for your date picker (e.g. Product Page) and click "Customise"
8. Click "Add App Block" in the top card. If you try to add a new picker (e.g. Product Page), Flare will display a message saying an existing picker must be removed first
9. Follow the steps in this popup - Click Open Editor on the active picker card (e.g. Cart Page)
10. This opens the Shopify Theme Editor to the correct page
11. In the left-hand panel, find the existing Flare block (e.g. Cart Date Picker)
12. Click the 🗑 trash icon to remove the block
13. Click Save to confirm the change
14. The picker will now disappear from the page

➕ Add the picker to a new location

14. Return to the Flare app window
15. Click Done - Add Product Page Block (or your desired location)
16. This reopens the Shopify Theme Editor for the new page
17. The Flare Delivery Date Picker block will be added automatically
18. Confirm it's visible in the preview and click Save

✅ Complete setup

20. Return to Flare
21. When asked “Did it work as expected?”, click Yes → then Continue
22. To confirm it on your live store, go to Online Store → View your store
23. Navigate to the new page (e.g. a product page) and verify the picker is in place

✅ That’s it! You’ve successfully changed the position of the delivery date picker.

💡 Tips & notes

• Flare only supports one active picker at a time
• You can switch between:
• Cart page
• Product page
• Cart drawer / slide cart
• Checkout (Shopify Plus only)
• Want to adjust the look of the picker? See how to style the date picker

🔗 Related guides

How to add a delivery date picker to your product page

How to add a delivery date picker to your cart page

How to add a delivery date picker to your slide cart

How to style the delivery date picker

❓FAQs

Can I have pickers on multiple pages at once?

No — Flare supports only one active delivery date picker at a time.

Can I move the picker to a custom location within the page?

Yes! In Shopify’s Theme Editor, you can drag and drop the block to reposition it.

What if I don’t see the picker after saving?

Double-check that the old picker was removed, and the new one was added correctly. Refresh your storefront and clear cache if needed.

🧾 Use cases

• Florists moving from product page to cart page
• Meal kits switching from cart drawer to checkout
• Mobile-first brands testing different UX flows

✅ Need help?

Not sure where to move the block, or something not showing correctly?

Message us via the in-app chat or email support@getflare.co.uk — we’re happy to help!

Updated on: 17/06/2025