Signup

Avenue 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 will add our widget to the cart page.

Open sections/cart-template.liquid and search for the following:

<div class="clearfix bottompad

Prepend the following to the code above:

<div id="storePickupApp"></div>


Step 3

  • This will hide the checkout button from the cart notification, so our app on the cart page cannot be bypassed.

Open sections/header.liquid and search for the following:

 <input type="submit" name="cart" value="{{ 'cart.general.checkout' | t }}" class="btn auto-full-width" />

Prepend the following to the code above:

{% comment %}

Append the following to the code above: 

 {% endcomment %}

It should look something like this: 



Step 4

  • This will reload our widget when the quantity changes.

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

$('.cart-table').html($('.cart-table', data.responseText).html());

Prepend the following code to that line:

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



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

A
Andrew 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.