Install instructions
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.
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
There are two different versions of the Debut theme. Please choose the appropriate option for your theme.
Option 1
Open sections/cart-template.liquid and search for the following:
{% unless p.last == blank %}Replace the following code to the line above:
{% unless p.last == blank or p.first == "_ZapietId" %}
Step7
Open sections/cart-template.liquid and search for the following:
<input type="submit" class="checkout-btn" name="checkout" value="{{ 'cart.general.checkout' | t | escape }}" />Prepend the following to the code above:
<div id="storePickupApp"></div>
Step 8
Open assets/storepickup.css.liquid and add the following snippet of code:
#storePickupApp input[type="radio"] {
appearance: auto !important;
width: auto;
}