Disable Dynamic Checkout Button when using Date Picker on Cart Page

Overview

Our app offers a Delivery Date Picker feature that allows buyers to choose a preferred delivery date for their orders. This feature can be added to the cart page of your Shopify store. However, when Dynamic Checkout is enabled, buyers might skip the cart page, thereby missing the chance to select a delivery date. This documentation provides solutions to address this issue.

Definitions:

- Dynamic Checkout: A Shopify feature allowing buyers to skip the cart page and proceed directly to checkout, simplifying the buying process. Shopify Docs
- Cart Delivery Date Picker: A feature in our app allowing buyers to select a preferred delivery date for their orders on the cart page.

Problem:

When Dynamic Checkout is enabled on your store, buyers can proceed to checkout without visiting the cart page, thereby bypassing the Delivery Date Picker. This results in orders with no selected delivery date, creating uncertainty for both buyers and the merchant regarding the delivery schedule.

✅ Solutions:

Disabling Dynamic Checkout:

To ensure that all buyers select a delivery date, consider disabling Dynamic Checkout on your store follow these steps from your Shopify admin:
Go to Online Store > Themes.
Find and click on the theme you want to edit, then click Customize.
Click Products.
Select Default product or the product template you want to edit.
In the Product information section, click Buy buttons.
Deselect Show dynamic checkout buttons.
Click Save.
Read more: Shopify Documentation on Dynamic Checkout

Alternatively, utilizing Product Page Date Picker:
Alternatively, our app offers a Product Page Date Picker feature that can be used to capture the delivery date before buyers reach the checkout page.

Updated on: 22/01/2025