Install instructions

Follow our Online store 2.0 article to enable the Store Pickup + Delivery widget.

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.


Legacy install instructions

If you're not seeing the widget, please try implementing the steps below or 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.

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.

On the theme, click Actions > Edit code.

Step 2

  • This step will add our widget to the cart page.

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

<div class="clearfix bottompad

Prepend the following to the code above:

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

Step 3

  • This step will hide the checkout button from the cart notification, so our app on the cart page cannot be bypassed.

Open sections/header.liquid and search for the following:

<input type="submit" name="cart" value="##{{ 'cart.general.checkout' | t }}" class="btn auto-full-width" />

Prepend the following to the code above:

{% comment %}

Append the following to the code you searched for:

{% endcomment %}

It should look something like this:

Step 4

  • This step will reload our widget when the quantity changes.

Open assets/script.js.liquid and search for the following code:

$('.cart-table').html($('.cart-table', data.responseText).html());

Prepend the following code to that line:

document.dispatchEvent(new CustomEvent("zapiet:start"));
Did this answer your question?