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 templates/cart.ajax.liquid and search for the following:
<input class="ajax-cart__button-submit" type="submit" name="checkout" id="checkout" value="{{ 'cart.general.checkout' | t }}" />Prepend the following code to the line above:
<div id="storePickupApp"></div>Step7
Open snippets/storepickup-addons.liquid and add the following:
<script type="text/javascript">
document.addEventListener("zapiet:start", function(e) {
if (window.Zapiet && window.ZapietCachedSettings) {
Zapiet.start(ZapietCachedSettings);
}});
</script>Step8
Open assets/theme.js and search for the following:
// Init shipping calc
if ( config.show_calculator ) {
setTimeout(function(){
Shopify.theme.shippingCalculator.init();
}, 1000);
}Append the following to the code above:
setTimeout(function(){
document.dispatchEvent(new CustomEvent("zapiet:start"));
}, 1000);Step9
Open assets/theme.js and search for the following:
// Restart Payment buttons
if (Shopify && Shopify.StorefrontExpressButtons) {
Shopify.StorefrontExpressButtons.initialize();
}Prepend the following to the code above
setTimeout(function(){
document.dispatchEvent(new CustomEvent("zapiet:start"));
}, 1000);