Signup

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

Open snippets/cart-table.liquid and search for the following:

{% unless property.last == blank %}

Replace the following code to the line above:

 {% unless property.last == blank or property.first == "_ZapietId"%}  


Step 3

  • This step makes sure the widget is persistent and that it reloads when the quantity is changed.

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

 _this3.cartMini.refresh(); // Inject new cart table contents

Append the following code to the line above:

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


Step 4

  • The next 2 steps remove the checkout button from the drawer cart to stop your customers from bypassing our app on the cart page.

Open templates/cart-mini.liquid and search for the following:

<form class="cart-mini-actions__checkout"

Prepend the following to the code above:

{% comment %}

Step 5

Open templates/cart-mini.liquid and search for the following:

</form>

Append the following to the code you searched for:

{% endcomment %}

It should look similar to the image 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.