Showcase setup instructions

Install instructions


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:


Prepend the following to the line mentioned above:

{% include "storepickup" %}

Step 6

There are two different versions of the Debut theme. Please choose the appropriate option for your theme.

Option 1

Open sections/cart-template.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 sections/cart-template.liquid and search for the following:

<input type="submit" class="checkout-btn" name="checkout" value="{{ 'cart.general.checkout' | t | escape }}" />

Prepend the following to the code above:

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

Step 8

Open assets/storepickup.css.liquid and add the following snippet of code:

#storePickupApp input[type="radio"] {
      appearance: auto !important;
      width: auto;

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