Setting Up Date Picker for Cart Page in 5 mins

✨ What is Date Picker for Cart Page?

The Date Picker for Cart Page lets customers select a required delivery or pickup date right from your cart page—before they check out.

This ensures every order includes a chosen date, helping you better manage fulfillment and avoid missed delivery/pickup info.

✅ Prerequisites

• [Install CX Elevate: Date Time Picker] and activate your preferred plan.
• Use a Shopify theme that supports App Blocks.
• Add at least one product to your cart to preview the date picker.

View our Tutorial video

Steps following the video

1. Introduction to the App 0:00

• Thank the user for trying the app.
• Explain the purpose: to set up a required date picker on the cart page.

2. Current Setup Overview 0:08

• Mention that the app is currently standalone and does not integrate with the subtotal.
• Suggest removing the current setup.

3. Adding the Date Picker 0:19

• Navigate to the subtotal section and hover to find the 'add block' option.
• Add the cart date picker or time slot (if applicable).
• Note: The date picker only appears when a product is added.

4. Adding a Product for Testing 0:45

• Demonstrate adding a product to the cart to see the date picker in action.

5. Configuring Delivery and Pickup Options 1:17

• Explain options for setting the date picker for delivery, pickup, or both.
• Mention how orders can be filtered in the order management dashboard based on delivery or pickup.

6. Making Date Selection Required 1:48

• Show how to make the delivery date required for checkout.
• Save the settings and demonstrate the restriction on checkout without a selected date.

7. Improving Checkout Experience 2:36

• Suggest moving the date picker above the checkout button for better user experience.

8. Customizing Labels and Messages 3:09

• Explain how to customize the label and add additional information for the buyer.

9. Advanced Settings and Features 3:24

• Mention advanced settings like disabling specific weekdays and setting delivery/pickup cut-off dates.

10. Final Review and Support 4:04

• Review how the date picker displays on the store.
• Encourage users to explore other features and reach out for help if needed.

🛠 Troubleshooting & FAQs

Q: The date picker is missing from my cart page.

A: Confirm you added the Date Picker block in Theme Editor and have a product in the cart.

Q: Customers can proceed without picking a date.

A: Enable Delivery Date Required in the settings.

Q: Can I add custom messages for customers?

A: Yes, customize label, subheading, and info message in settings.

💬 Need Help?

Questions? Use Live Chat in the app or visit Help for more guides.

Updated on: 09/07/2025