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 will make sure the widget reloads when the quantity is changed.

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

$('.total .price').html(Shopify.formatMoney(cart.total_price, window.money_format));

Append the following code to that line:

document.dispatchEvent(new CustomEvent("zapiet:start"));

Step 3

  • The next two steps will remove the checkout button from the drawer cart.

Open snippets/wrapper-top-cart.liquid and search for the following code:

<button class="btn btn-checkout"

Prepend the following code to that line:

{% comment %}

Step 4

Open snippets/wrapper-top-cart.liquid and search for the following code:

<a class="btn btn-view-cart"

There will be two—make sure you find the one after the code found in Step 3.

Prepend the following code to that line:

{% endcomment %}


Comment should surround the checkout button code.

It should look similar to the screenshot 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?