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 [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/card-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


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.