To Add Delivery Date Option in PDP Dawn Theme

Technical Q&A

Topic summary

A user seeks to add a delivery date picker to their product detail page (PDP) on Shopify’s Dawn theme with three specific requirements:

Required Features:

  • Disable/grey out past dates
  • Allow manual disabling of specific dates
  • Display selected delivery date in order details

Solutions Provided:

Two community members offered code-based approaches:

  1. prakashVt suggested adding custom code directly to the PDP markup (specific code details appear corrupted in the thread)

  2. Sajat provided a more detailed implementation:

    • Navigate to Online Store → Edit code
    • Locate buy-buttons.liquid file
    • Find <div class="product-form__buttons">
    • Insert provided HTML/JavaScript code snippet above this line
    • Add custom CSS styling through the main CSS file in assets

Both solutions require basic coding knowledge. The discussion includes reference images showing the desired functionality, though image content is not fully visible in the thread. The issue remains open pending implementation by the original poster.

Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.
1

Hi,

I need help where I want to create a section where customer can choose their delivery date in the PDP. Currently, I am using Dawn theme. This feature should

  1. grey out from the past date

  2. I should be able to disable certain date for delivery option.

  3. the information - delivery date, should be included in my order detail page.

As-is

Az94_0-1725596681074.png
Az94_0-1725596681074.png867×573 264 KB

To - be

Az94_1-1725596694762.png
Az94_1-1725596694762.png1434×677 137 KB

2

Hello @Az94

If you know a little bit of coding then insert this code on your PDP
1 Like
3

Hi @Az94 ,

Welcome to Shopify Community.

This is achievable with pretty simple code.

Go to Online Store → Edit code

Search for the file buy-buttons.liquid.

Search for the code

Just above this code, paste this code


We deliver from Monday to Friday. For weekend deliveries, please call.

and thats all, you will get the delivery date field on the product page and the delivery date entered by the visitor are displayed on details of order.

You can add your own styles from your main css file under assets.

Thank you,

Sajat

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.