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.


Please reach out to us at—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 you searched for:

 {% 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. 


Did you find it helpful? Yes No

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