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 [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. 



Troubleshooting

M
Marija is the author of this solution article.

Did you find it helpful? Yes No

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