Signup

Icon setup instructions


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);


I
Ismail 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.