Foodly theme

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 [email protected] 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>

{% include "storepickup" %}

Step 6

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

</head>

{% include "storepickup" %}

Step7

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

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

<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);
      }
    }