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 sections/cart-template.liquid and search for the following code:
{% unless p.last == blank %}Replace the code above with the following:
{% unless p.last == blank or p.first == "_ZapietId" %}
Step 7
Open sections/cart-template.liquid and search for the following:
<input type="submit" class="action_button add_to_cart"
Prepend the code below to the line above:
<div id="storePickupApp"></div>
Step 8
Open sections/header.liquid and search for the following code:
{% if p.last != blank %}Replace the code above with the following:
{% if p.last != blank or p.first != "_ZapietId" %}Step 9
Open sections/header.liquid and search for the following code:
<form action="/checkout" method="post" data-money-format="{{ shop.money_format }}" data-shop-currency="{{ shop.currency }}" data-shop-name="{{ shop.name | escape }}" class="js-cart_content__form {% if cart.item_count == 0 %}hidden{% endif %}">Replace the code above with the following:
<form action="/cart" method="post" data-money-format="{{ shop.money_format }}" data-shop-currency="{{ shop.currency }}" data-shop-name="{{ shop.name | escape }}" class="js-cart_content__form {% if cart.item_count == 0 %}hidden{% endif %}">Calendar fix
If you’re using a newer version of the Turbo theme, your date calendar might look bad. To fix the calendar, go to Assets/storepickup.scss.liquid and paste this code into the file:
#storePickupApp {
th, td {
padding: 0px !important;
}
}