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