Install instructions

Step 1

Follow our Online store 2.0 article to enable the Store Pickup + Delivery widget, but don't publish the duplicate 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 will show our widget and reload it when the quantity changes.

Open assets/theme.js and search for the following:

if (Shopify && Shopify.StorefrontExpressButtons) {
Shopify.StorefrontExpressButtons.initialize();
}

HTML

Append the following to the code above:

document.dispatchEvent(new CustomEvent("zapiet:start"));

HTML


Step 3

  • This will hide the ZapietID in the regular and drawer cart.

Open templates/cart.ajax.liquid and search for the following:

{% unless p.last == blank %}

HTML

Replace the above with the following code:

{% unless p.last == blank or p.first == "_ZapietId" %}

HTML


The widget should appear in the drawer cart page when you have added a product in the cart.

It should look similar to the screenshot below.

  • In the drawer cart

  • In the regular cart


Did this answer your question?