Install instructions
Step 1
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.
Note
Please reach out to us at support@zapiet.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.
Step 2
- This and the next step will make sure our widget is consistent in the cart.
Open layout/theme.liquid and search for the following:
theme.min.js
Replace it with the code below:
theme.js
Step 3
Open assets/theme.js and find the following code:
if (Shopify && Shopify.StorefrontExpressButtons) {
Prepend the following to the code above:
document.dispatchEvent(new CustomEvent("zapiet:start"));
If you would like to use our app in the drawer cart, another step is needed.
Step 4
- This step will add our widget in the drawer cart.
Open snippets/cart-drawer.liquid and find the following code:
<div class="cart__checkout-wrapper">
Prepend the following to the code above:
<div id="storePickupApp"></div>
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.
- In the regular cart
- In the drawer cart