Prerequisites
You must enable the cart drawer via your customize theme settings for the following instructions to work.
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 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>