Signup

Ella setup instructions


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 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 in the cart.

It should look similar to the screenshot below. 



Troubleshooting

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.