Signup

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>
HTML

Prepend the following to the line mentioned above:

{% include "storepickup" %}
HTML


Step 6

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

</head>
HTML

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">
HTML

Prepend the following to the code above:


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





HTML




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




S
Sandy 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.