Signup

Local setup 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.


Prerequisites

You must enable the cart drawer via your customize theme settings for the following instructions to work.


Install instructions

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 layout/theme.liquid and search for the following code:

{{ "theme.min.js" | asset_url | script_tag }}

Replace the code above with the following:

{{ "theme.js" | asset_url | script_tag }}


Step 7

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

_this.renderDynamicCheckoutButtons();

Append the following code to the line above:

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


Step 8

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

return update_all_html_done();

Prepend the following code to the line above:

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


Step 9

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

<div class="cart--tax-info font--paragraph">

Prepend the following code to that line:

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


Step 10

Open snippets/framework-cart.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 11

Open assets/storepickup.scss.liquid and add the following code:

#storePickupApp {
	input[type="text"] {
		padding-top: 0;
		padding-bottom: 0;
	}
}


Step 12

Open snippets/storepickup-addons.liquid and add the following code:

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