Warning
If the automatic theme installation hasn’t worked, we suggest you reach out to us at support@zapiet.com —we’ll be happy to install the app for you.
Only proceed if you are comfortable editing code yourself.
Install instructions
Step 1
Download the latest files from our release notes article.
Step 2
Upload storepickup.liquid and storepickup-addons.liquid to your themes Snippets folder
Upload storepickup.js and storepickup.scss.liquid to your themes Assets folder
Step 3
Open layout/theme.liquid and search for the following code:
</head>
Prepend the following to the line mentioned above:
{% include "storepickup" %}Step 4
Open templates/cart.liquid and search for the following:
<input type="submit" name="update" id="update-cart"
Prend the following code to the line above:
<div id="storePickupApp"></div>
Step 5
Open templates/cart.liquid and search for the following:
{% unless p.last == blank %}Replace the above with the following code:
{% unless p.last == blank or p.first == "_ZapietId" %}
Step 6
Open assets/storepickup.scss.liquid and add the following code:
#storePickupApp {
#shopping-cart {
#storePickupApp {
table {
display: table !important;
tbody {
display: table-row-group !important;
}
thead {
tr {
position: relative;
}
}
.picker__weekday {
display: table-cell !important;
}
tr {
td:nth-of-type(0):before,
td:nth-of-type(1):before,
td:nth-of-type(2):before,
td:nth-of-type(3):before,
td:nth-of-type(4):before,
td:nth-of-type(5):before,
td:nth-of-type(6):before,
td:nth-of-type(7):before {
content: "" !important;
}
td {
padding: 0 !important;
}
}
}
.locationRadio {
display: none;
}
.checkoutMethodContainer .inputWithButton .button {
min-width: inherit;
}
.checkoutMethodsContainer.default .checkoutMethod {
width: 33%;
}
}
}
}Troubleshooting
No comments.