Warning
If the automatic theme installation hasn’t worked, we suggest you reach out to us at support@zapiet.com —we’ll be happy to install the app for you.
Only proceed if you are comfortable editing code yourself.
Install instructions
Step 1
Download the latest files from our release notes article.
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>