Follow our Online store 2.0 article to enable the Store Pickup + Delivery widget, but don't publish the duplicate theme before implementing the rest of the steps.
Please reach out to us at email@example.com—we’ll be happy to install the widget for you.
Only proceed if you are comfortable editing code yourself.
On the theme, click Actions > Edit code.
- This step will make sure the widget shows in the cart page.
Open sections/main-cart.liquid and search for the following code:
<div class="cart__item-row cart__checkout-wrapper">
Prepend the following code to that line:
- This and the following step make sure the widget is persistent and that it reloads when the quantity is changed.
Open layout/theme.liquid and find the following code (in 2 places):
Replace the code above with the following (in 2 places):
It should look similar to the screenshots below:
Open assets/theme.js and search for the following code:
this.input.value = qty;
Append the following code to that line:
- This will redirect the checkout button in the cart notification to the regular cart, so our app on the cart page cannot be bypassed.
Open snippets/header-cart-drawer.liquid and search for the following:
Replace the code above with the following:
The widget should appear on the cart page when you have added a product in the cart.
It should look similar to the screenshot below.