Signup

Icon 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 removes our ZapietID from the cart page.

Open snippets/cart-form.liquid (or templates/cart.ajax.liquidand search for the following:

{% unless p.last == blank %}

Replace that code with the code below:

{% unless p.last == blank or p.first == '_ZapietId' %}

Step 3

  • This step places our widget in the cart page.

Open snippets/cart-form.liquid (or templates/cart.ajax.liquidand search for the following:

<input class="ajax-cart__button-submit" type="submit" name="checkout" id="checkout" value="{{ 'cart.general.checkout' | t }}" />

Prepend the following code to the line above:

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


Step 4

  • This step makes sure our widget is consistent when the quantity changes.

Open assets/theme.js and search for the following:

 // Restart Payment buttons

Prepend the following to the code above:

 setTimeout(function(){
        document.dispatchEvent(new CustomEvent("zapiet:start"));
      }, 1000);

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. 

  • In the regular cart

  • In the drawer cart

Did you find it helpful? Yes No

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