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 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 to the cart. It should look similar to the screenshot below.


Did this answer your question?