Setting Up the Layout for Scheduled Delivery Date


Last Update 5 months ago

The Pickup Delivery Date application provides you with flexible options to configure the layout displayed on the storefront.

To enable the Pickup Delivery Date block, you can follow the steps below:

1. Enable App Embed Blocks

On the installation page, you can activate the app embed block by clicking the "Activate" button in the Display Widget section.

After clicking the "Active" button, you will be redirected to the theme app embeds settings page.

You need to turn on the Click & Collect block, and then click the "Save" button.

Also, you can activate the app embed block in the settings page as well.

Additionally, you can click on the down arrow on the left of Click & Collect app embeds to expand the configuration.

1. Product Button Form Class: This configuration defines the class of the "Buy It Now" button on the product detail page. When customers click on "Buy It Now," the app will prompt them to select a shipping method and delivery date before proceeding to the checkout page.

The popup will appear as follows after clicking the "Buy It Now" button.

2. Show Pickup widget at Cart page: This configuration enables you to showcase the Pickup Delivery Date block before the "Checkout" button on the cart page. Further details and customization options for various blocks on the cart page will be explained in the "2. Enable App Blocks on cart page" section.

As for the remaining configurations, you can easily customize settings for Pickup Delivery Date, such as Top padding, Bottom padding, Column gap, Inside-button Color, Active-button Color, Button Background Color, Active-button Background Color, Button-border Color, Active-button Border Color, Label: Shipping Type, Label: Local Pickup Type, Input: Pickup slot placeholder, Input: Shipping Date placeholder.

2. Enable App Blocks on cart page

With the Pickup Delivery Date app, you can achieve greater flexibility with the Pickup Delivery Date block on the cart page by enabling the app block configuration.

To enable this block, follow these steps: go to your Shopify Admin -> Theme -> click the "Customize" button on your active theme -> Switch to the Cart page.

With this app block, you have the flexibility to configure it anywhere on the cart page.

You can also relocate it to your desired position by simply dragging and dropping it.

Note: To prevent conflicts with the App Embed block, please ensure to uncheck the checkbox labeled "Show Pickup widget at Cart page" in the App Embed block's settings under the "1. Enable App Embed Blocks" section.

The settings for the app block are identical to those of the app embed block. Please refer to the details provided in the "1. Enable App Embed Blocks" section for more information.

Was this article helpful?

1 out of 2 liked this article

Still need help? Message Us