Signup

Baseline setup guide


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

<div class="mt-4 lg:flex justify-between items-center w-full">

Prepend the following to the line mentioned above:

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


Step 7

Open Templates/cart.liquid and search for the following code:

{% unless p.last == blank %}

Replace the code above with the following code:

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


Step 8

Open Snippets/cart-drawer.liquid and search for the following code:

name="checkout"

Replace the code with the code below:

name="cart"


Step 9

Open Snippets/cart-drawer.liquid and search for the following code:

 {% if additional_checkout_buttons and settings.cart_additional_buttons %}
      <div class="w-full md:mt-2 additional-checkout-buttons {% render 'button-style' %}">
         {{ content_for_additional_checkout_buttons }}</div>
 {% endif %}

Prepend the following to the line mentioned above:

{% comment %}

Append the following to the line mentioned above:

 {% endcomment %}

Step 10

Open Assets/storepickup.css.liquid and add the following code:

#storePickupApp .deliveryIcon, #storePickupApp .pickupIcon  {
    height: 30%;
    width: 30%;
}





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