Signup

Maker setup instructions


Install instructions

Step 1 

Download a copy of the required files by clicking here.

Step 2 

Upload storepickup.js and storepickup.scss.liquid to your themes Assets folder


Step 3

Create an empty snippet file called storepickup-addons.liquid 


Step 4

Create a snippet file called storepickup.liquid and copy and paste the content from the storepickup.liquid file you downloaded in step 1.


Step 5

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

n.eventListeners(),n.renderDynamicCheckoutButtons()

Replace the above code with the following:

n.eventListeners(),n.renderDynamicCheckoutButtons(),document.dispatchEvent(new CustomEvent("zapiet:start"))


Step 6

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

return update_all_html_done();

Prepend the following code to that line:

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


Step 7

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

_this.renderDynamicCheckoutButtons();

Prepend the following code to the line above:

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


Step 8

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

<div class="cart--tax-info font--paragraph">

Prepend the following code to that line:

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


Step 9

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

{% unless p.last == blank %}

Prepend the following code to the line above:

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


Step 10

Open sections/cart.liquid and find the following code:

<input class="button--secondary" type="submit" name="update"

Prepend the following code to the line above:

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



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.