Signup

Local setup instructions


Prerequisites

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


Install instructions

Step 1 

Download a copy of the required files by clicking here.

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.