Signup

Modular theme setup guide


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 snippets/site-cart.liquid and search for the following:

<button type="submit" name="update" class="cart__update button button--secondary">{{ 'cart.labels.update' | t }}</button>

Append the following code above this line:

<div id="storePickupApp"></div>


Step7

Open snippets/ajax-cart.liquid and search for the following:

<div class="cart__buttons{% if settings.enable_accept_terms %}

Prepend the following to the line above:

<div id="storePickupApp"></div>


Step 8

Open assets/shop.js and search for the following:

if (window.Shopify && Shopify.StorefrontExpressButtons) {

Prepend the following to the code above:

document.dispatchEvent(new CustomEvent("zapiet:start"));


Step 9

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>

Troubleshooting

A
Andrew is the author of this solution article.

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.