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 step will make sure our widget is placed correctly in the regular cart.

Open sections/cart-template.liquid and search for the following:

<input type="submit" name="update"

Prepend the following code to the line above:

<div id="storePickupApp"></div>

Step 3

this is probably not needed as I don't see the Zapietid in the regular cart

Open sections/cart-template.liquid and search for the following:

{% unless p.last == blank %}

Replace the line above with the following line:

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

If you would like to use our widget in the modal cart, two other steps are needed.

Step 4

  • This step will make sure our widget is consistent in the modal cart.

Open assets/ajax-cart.js.liquid and find the following code:

if (window.Shopify && Shopify.StorefrontExpressButtons) {

Prepend this code to the code above:

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

step to hide the zapietid in the modal cart


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 modal cart

Did this answer your question?