Prerequisites
You must enable the cart drawer via your customize theme settings for the following instructions to work.
Install instructions
Warning
If the automatic theme installation hasn’t worked, we suggest you reach out to us at [email protected] —we’ll be happy to install the app for you.
Only proceed if you are comfortable editing code yourself.
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 layout/theme.liquid and search for the following code:
</head>
Prepend the following to the line mentioned above:
{% include "storepickup" %}Step 6
Open layout/theme.liquid and search for the following:
{{ "theme.min.js" | asset_url | script_tag }}Replace the above code with the following:
{{ "theme.js" | asset_url | script_tag }}
Step 7
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 8
Open assets/theme.js and search for the following:
_this.renderDynamicCheckoutButtons();
Append the following code to that line:
document.dispatchEvent(new CustomEvent("zapiet:start"));Step 9
Open templates/cart.ajax--mobile.liquid and search for the following code:
{% include 'framework--cart', view: 'mobile' %}Prepend the following code to the line above:
{% include 'storepickup' %}Step 10
Open templates/cart.ajax--desktop.liquid and search for the following code:
{% include 'framework--cart', view: 'desktop' %}Prepend the following code to that line:
{% include 'storepickup' %}Step 11
Open snippets/framework--cart.liquid and search for the following code:
<div class="cart--tax-info font--paragraph">
Prepend the following code to the line above:
<div id="storePickupApp"></div>
Step 12
Within snippets/framework--cart.liquid search for the following code:
{% unless p.last == blank %}Replace the line above with the following:
{% unless p.last == blank or p.first == "_ZapietId" %}Step 13
Within snippets/framework--cart.liquid search for the following code:
{% unless property.last == blank %}Replace the line above with the following:
{% unless property.last == blank or property.first == "_ZapietId" %}Step 14
Open snippets/storepickup-addons.liquid and add the following code:
<script type="text/javascript">
document.addEventListener("zapiet:start", function(e) {
if (window.Zapiet && window.ZapietCachedSettings) {
Zapiet.start(ZapietCachedSettings);
}
});
</script>