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 layout/theme.liquid and search for the following code:
</head>
Prepend the following to the line mentioned above:
{% include "storepickup" %}Step 6
Open assets/ajaxify-shop.js.liquid and search for the following:
<span class="money total-price">'+totalPriceConverted+'</span></li></ul></div>;
Append the code below to that line:
subtotalRow += '<div id="storePickupApp"></div>';
Step 7
Open assets/ajaxify-shop.js.liquid and search for the following:
if (window.Shopify && Shopify.StorefrontExpressButtons) {Prepend the code below to that line:
document.dispatchEvent(new CustomEvent("zapiet:start"));Step 8
Open assets/ajaxify-shop.js.liquid and search for the following:
propertiesText=propertiesText+key+": "+value+"<br/>"
Replace the code above with the line below:
if (key != "_ZapietId") { propertiesText=propertiesText+key+": "+value+"<br/>" }Step 9
Open templates/cart.liquid and search for the following:
{% if settings.cart_notes %}Prepend the following code to that line:
<div id="storePickupApp"></div>
Step 10
Open templates/cart.liquid and search for the following:
{% unless p.last == blank %}Replace the code above with the following line:
{% unless p.last == blank or p.first == "_ZapietId" %}Step 11
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>