Flex setup instructions

Written by Ismail Raji

Updated on Mon, 28 Dec, 2020 at 9:40 AM

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__main.liquid and search for the following:

{% unless p.last == blank %}

Replace the following code to the line above:

{% unless p.last == blank or p.first == "_ZapietId" %}

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

{% if p.last != blank %}

Replace the following code to the line above:

{% if p.last != blank and p.first != "_ZapietId" %}

Step 7

Open sections/cart__main.liquid and search for the following:

<div class="cart__checkout-container">

Append the following to the line mentioned above:

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

Step 8

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

 },  unload: function unload($section) {

Prepend the following to the line mentioned above as follows:

 document.dispatchEvent(new CustomEvent("zapiet:start"));  },  unload: function unload($section) {

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>