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 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 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 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"));
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.