Foodly theme

Written by Sandy Jolin

Updated on Sat, 29 May, 2021 at 10:37 AM

Widget not appearing on your store and using the Foodly theme, this is the guide for you

If you are using the Foodly theme you will need to be using Zapiet v4.1.0 or above. You will also need to make the following changes to your theme.

If you are worried about modifying the code yourself please contact support@zapiet.com and we will make the changes for you.

Step 1

Download the latest files from our release notes article.

Step 2

Upload storepickup.js and storepickup.css.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.liquid and search for the following code:

</head>

Prepend the following to the line mentioned above:

{% include "storepickup" %}

Step7

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

<div class="text-center cart__checkout-btn">

Prepend the following to the code above:

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

Step 8

Open assets/_js-module.ajaxCart.js.liquid

and delete the following section of code:

if (cartItem.properties) {
      var itemProp = cartItem.properties,
        itemPropValue = '',
        itemPropDOM;
      for (var key in itemProp) {
        itemPropDOM = document.createElement('span');
        itemPropDOM.className = 'cart-list__item--property';
        itemPropDOM.textContent = key + ': ' + itemProp[key];
        itemContainerDOM.querySelector('.cart-list__item--title').appendChild(itemPropDOM);
      }
    }