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 step removes our ZapietID from the cart page.
Open snippets/cart-form.liquid (or templates/cart.ajax.liquid) and search for the following:
{% unless p.last == blank %}
Replace that code with the code below:
{% unless p.last == blank or p.first == '_ZapietId' %}
Step 3
- This step places our widget in the cart page.
Open snippets/cart-form.liquid (or templates/cart.ajax.liquid) and search for the following:
<input class="ajax-cart__button-submit" type="submit" name="checkout" id="checkout" value="{{ 'cart.general.checkout' | t }}" />
Prepend the following code to the line above:
<div id="storePickupApp"></div>
Step 4
- This step makes sure our widget is consistent when the quantity changes.
Open assets/theme.js and search for the following:
// Restart Payment buttons
Prepend the following to the code above:
setTimeout(function(){ document.dispatchEvent(new CustomEvent("zapiet:start")); }, 1000);
It should look similar to the screenshot below:

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