How to Reposition the Delivery Date Picker Block on Your Shopify Page (Drag and Drop)

Learn how to move the Flare delivery date picker block to a custom location within your Shopify store layout — whether you're using the product page, cart page, or checkout. This guide is ideal for merchants who want more control over where the picker appears on the page (e.g. below product options or next to checkout buttons).

🧠 What you’ll learn

• How to manually reposition the delivery date picker block in the Shopify Theme Editor
• How to disable dynamic positioning to unlock drag-and-drop placement

📘 Overview

By default, Flare will automatically position the date picker in the most common locations:

• On the product page, it appears above the “Add to Cart” button
• On the cart page, it appears above the “Checkout” button

But if you’d like to customise its location, Shopify makes it easy via drag-and-drop in the Theme Editor.

This is great for:

• Custom themes with unique layouts
• Product pages with lots of content where the picker needs to sit elsewhere
• Optimising conversion flow on mobile or desktop

🛠 Step-by-step instructions

1. Install the Flare app from the Shopify App Store
2. Open the Flare app and begin setup
3. In Step 1, choose where to add the picker (Product Page, Cart Page, or Checkout)
4. The Shopify Theme Editor will open in a new tab automatically

🖱 Reposition the picker manually

6. In the Shopify Theme Editor, find the delivery date picker block in the left-hand panel
7. Click on the block - this will open it's settings on the right hand side
8. Uncheck the option labelled: Enable dynamic block positioning
9. Drag the picker block up or down to reposition it anywhere in the section
10. Click Save in the top-right of the Theme Editor

✅ That’s it — you’ve successfully repositioned the delivery date picker block!

💡 Tips & notes

• Use sections and blocks in Shopify to position the picker near key buttons or product details
• This does not move the picker between pages — see this guide to change picker location

🔗 Related guides

How to change the position of the delivery date picker across pages

How to change the label text of the date picker

How to edit the styling of the date picker

❓FAQs

Can I reposition the picker on any page?

Yes – you can manually move the picker block on the product page, cart page, or checkout (Shopify Plus only).

What if the picker won’t move?

Make sure you've unchecked “Enable dynamic block positioning” in the Theme Editor first.

Can I use custom code to move the picker?

In most cases, you won’t need to — Shopify’s drag-and-drop interface works well. But developers can embed the picker manually if needed.

✅ Need help?

Still stuck or not sure where to place the block?

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

Updated on: 18/06/2025