Signup

Focal 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>
HTML

Prepend the following to the line mentioned above:

{% include "storepickup" %}
HTML


Step 6

Open sections/cart-template.liquid and search for the following. Please note that there are two instances, both needs to be replaced:

 {% unless line_item.properties == empty %}
  <ul class="cart-item__properties list--unstyled">
    {% for property in line_item.properties %}
   <li class="cart-item__property">{{ property.first }}: {{ property.last }}</li>
    {% endfor %}
  </ul>
 {% endunless %}


 

HTML

Replace the code above with the following:

 {% unless line_item.properties == empty %}
<ul class="cart-item__properties list--unstyled">
{% for property in line_item.properties %}
{% unless property.first == '_ZapietId' %}
<li class="cart-item__property">{{ property.first }}: {{ property.last }}</li>
{% endunless %}
{% endfor %}
</ul>
{% endunless %}



Step7

Open sections/cart-template.liquid and search for the following:

<div class="cart__checkout">
HTML

Append the following to the code above:

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

Step 8

Open snippets/storepickup.scss.liquid  and add the following:

#storePickupApp {
input[type="radio"]{
-moz-appearance: radio !important;
-webkit-appearance: radio !important;
appearance: radio !important;
width: initial !important;
}
}


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.