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 [email protected]—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 to the cart. It should look similar to the screenshot below.

  • In the regular cart

  • In the drawer cart

Did this answer your question?