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-table.liquid and search for the following:
{% unless property.last == blank %}
Replace the following code to the line above:
{% unless property.last == blank or property.first == "_ZapietId"%}
Step 3
- This step makes sure the widget is persistent and that it reloads when the quantity is changed.
Open assets/atlantic.js and search for the following:
_this3.cartMini.refresh(); // Inject new cart table contents
Append the following code to the line above:
document.dispatchEvent(new CustomEvent("zapiet:start"));
Step 4
- The next 2 steps remove the checkout button from the drawer cart to stop your customers from bypassing our app on the cart page.
Open templates/cart-mini.liquid and search for the following:
<form class="cart-mini-actions__checkout"
Prepend the following to the code above:
{% comment %}
Step 5
Open templates/cart-mini.liquid and search for the following:
</form>
Append the following to the code you searched for:
{% endcomment %}
It should look similar to the image 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.