Personalised Crisp Snacks | IGO Promotional Merchandise

Chips

Filter

Colour
Price (£)

From

To

The amount on the left must always be smaller than the amount on the right.
Minimum order quantity

From

To

The amount on the left must always be smaller than the amount on the right.

<ul class="accordion" data-accordion>
<li class="accordion-navigation active">
<a href="#panelprice"> (£)</a>
<div id="panelprice" class="content active">
<div id="price-slider-values-holder" class="slidervaluesholder" data-min="0.20" data-max="1.50" data-rangeset='[["50%",[0.24,0.05]]]' data-from="0.20" data-to="1.50" data-decimals="2" data-mark="," data-prefix="" data-q="&SearchParameter=%26%40QueryTerm%3D*%26ContextCategoryUUID%3Deb8KABREsL8AAAFcpqtDxaro%26ProductListPrice%3D%255B_FROM_%2BTO%2B_TO_%255D%26%40Sort.Rank%3D0">
<div class="fromvalueholder">
<input id="js-range-from" type="text" value="0.20">
</div>
<div class="tovalueholder">
<input id="js-range-to" type="text" value="1.50">
</div>
</div>
<p class="errormessage">The amount on the left must always be smaller than the amount on the right.</p>
</div>
</li>
<li class="accordion-navigation active">
<a href="#panel${pricefilter.name}">${pricefilter.label}</a>
<div id="panel${pricefilter.name}" class="content active">
<div id="price-slider-values-holder" class="slidervaluesholder" data-min="0.20" data-max="1.50" data-rangeset='[["50%",[0.24,0.05]]]' data-from="0.20" data-to="1.50" data-decimals="2" data-mark="," data-prefix="" data-q="&SearchParameter=%26%40QueryTerm%3D*%26ContextCategoryUUID%3Deb8KABREsL8AAAFcpqtDxaro%26ProductListPrice%3D%255B_FROM_%2BTO%2B_TO_%255D%26%40Sort.Rank%3D0">
<div class="fromvalueholder">From<input id="js-range-from" type="text" value="${pricefilter.minvalue}">
</div>
<div class="tovalueholder">To<input id="js-range-to" type="text" value="${pricefilter.maxvalue}">
</div>
</div>
<p class="errormessage">The amount on the left must always be smaller than the amount on the right.</p>
</div>
</li>
{if minimumOrderUnityFilter.minimumOrderUnityListRange != ''}
<li class="accordion-navigation active">
<a href="#panel${minimumOrderUnityFilter.name}">${minimumOrderUnityFilter.label}</a>
<div id="panel${minimumOrderUnityFilter.name}" class="content active">
<div id="min-order-unit-slider-values-holder" class="slidervaluesholder" data-min="${minimumOrderUnityFilter.minimumValue}" data-max="${minimumOrderUnityFilter.maximumValue}" data-rangeset="${minimumOrderUnityFilter.minimumOrderUnityListRange}" data-from="${minimumOrderUnityFilter.minimumValueSelected}" data-to="${minimumOrderUnityFilter.maximumValueSelected}" data-decimals="0" data-mark="," data-prefix="" data-q="&SearchParameter=%26%40QueryTerm%3D*%26ContextCategoryUUID%3Deb8KABREsL8AAAFcpqtDxaro%26MinOrderUnit%3D%255B_FROM_%2BTO%2B_TO_%255D%26%40Sort.Rank%3D0">
<div class="fromvalueholder">From<input id="min-order-unit-js-range-from" type="text" value="${minimumOrderUnityFilter.minimumValueSelected}">
</div>
<div class="tovalueholder">To<input id="min-order-unit-js-range-to" type="text" value="${minimumOrderUnityFilter.maximumValueSelected}">
</div>
</div>
<p class="errormessage">The amount on the left must always be smaller than the amount on the right.</p>
</div>
</li>
{/if}
{for f in filters}
{if f.type == "color"}
<li class="accordion-navigation {if f.active == true} active{/if}">
<a href="#panel${f.name}">${f.label}</a>
<div id="panel${f.name}" class="content {if f.active == true} active{/if} colorpickerholder attributeholder">
<div class="colorpicker attributeblock">
{var index = 0}
{for i in f.items}
{if index==0}
<div class="first">
<ul>
{/if}
{if index==12}
<div class="rest">
<ul>
{/if}
{if i.color}
{if i.color == "white" || i.color == "beige"}
<li style="background-color:${i.color};border-color:{if i.color == "white"}#D2D2D2{else}${i.color}{/if};" title="${i.label} (${i.amount})" class="{if i.active == true}active needsGreyMarker greymarker{/if}"><a id="${i.label}" href="javascript:void(0);" data-q="${i.q}"></a></li>
{else}
<li style="background-color:${i.color};border-color:${i.color};" title="${i.label} (${i.amount})" class="{if i.active == true}active{/if}"><a id="${i.label}" href="javascript:void(0);" data-q="${i.q}"></a></li>
{/if}
{else}
{if i.needsGreyMarker == true}
<li style="background-image:url(${i.image});" title="${i.label} (${i.amount})" class="{if i.active == true} active greymarker{else} imgfilter{/if} needsGreyMarker "><a id="${i.label}" href="javascript:void(0);" data-q="${i.q}"></a></li>
{else}
<li style="background-image:url(${i.image});" title="${i.label} (${i.amount})" class="{if i.active == true} active {else} imgfilter {/if}"><a id="${i.label}" href="javascript:void(0);" data-q="${i.q}"></a></li>
{/if}
{/if}
{if index==11}
</ul>
</div>
{/if}
{if index++==f.items.length}
</ul>
</div>
{/if}
{/for}
</div>
</div>
{if f.items.length > 11}
<div class="showmore">
<a href="javascript:void(0);">More</a>
</div>
<div class="showless">
<a href="javascript:void(0);">Less</a>
</div>
{/if}
</li>
{/if}
{if f.type == "productmarketingstatus"}
<li class="accordion-navigation {if f.active == true} active{/if}">
<a href="#panel${f.name}">${f.label}</a>
<div id="panel${f.name}" class="content {if f.active == true} active{/if} attributeholder">
<div class="attributeblock">
{var index = 0}
{for i in f.items}
{if index==0}
<div class="first">
<ul>
{/if}
{if index==3}
<div class="rest">
<ul>
{/if}
<li{if i.active == true} class="active"{/if}>
<label title="${i.label} (${i.amount})">
<input type="checkbox" name="${i.label}" id="${i.name}" {if i.active == true}checked="checked"{/if} data-q="${i.q}" />
<span>${i.label} (<span class="amount">${i.amount}</span>)</span>
</label>
</li>
{if index==2 && f.items.length>3}
<li>
<div class="showmore">
<a href="javascript:void(0);">More</a>
</div>
</li>
{/if}
{if index==2}
</ul>
</div>
{/if}
{if index+1==f.items.length && f.items.length>3}
<li>
<div class="showless">
<a href="javascript:void(0);">Less</a>
</div>
</li>
{/if}
{if index++==f.items.length}
</ul>
</div>
{/if}
{/for}
</div>
</div>
</li>
{/if}
{if f.type == "check"}
<li class="accordion-navigation {if f.active == true} active{/if}">
<a href="#panel${f.name}">${f.label}</a>
<div id="panel${f.name}" class="content {if f.active == true} active{/if} attributeholder">
<div class="attributeblock">
{var index = 0}
{for i in f.items}
{if index==0}
<div class="first">
<ul>
{/if}
{if index==3}
<div class="rest">
<ul>
{/if}
<li{if i.active == true} class="active"{/if}>
<label title="${i.label} (${i.amount})">
<input type="checkbox" name="${i.label}" id="${i.name}" {if i.active == true}checked="checked"{/if} data-q="${i.q}" />
<span>${i.label} (<span class="amount">${i.amount}</span>)</span>
</label>
</li>
{if index==2 && f.items.length>3}
<li>
<div class="showmore">
<a href="javascript:void(0);">More</a>
</div>
</li>
{/if}
{if index==2}
</ul>
</div>
{/if}
{if index+1==f.items.length && f.items.length>3}
<li>
<div class="showless">
<a href="javascript:void(0);">Less</a>
</div>
</li>
{/if}
{if index++==f.items.length}
</ul>
</div>
{/if}
{/for}
</div>
</div>
</li>
{/if}
{/for}
</ul>

Show number

1 - 2 of the 2 items visible

Selected filters
Erase filters

<ul>
{if pageCount > 1}
{if page > 0}
<li><a href="javascript:void(0);" class="prev">Previous</a></li>
{/if}
{if pageCount < 6}
{eval}
pages = [];
for (var i = 0; i < pageCount; i++) {
pages.push(i);
}
{/eval}
{for p in pages}
<li><a href="javascript:void(0);" {if p == page}class="current"{/if} data-page="${p}">${p + 1}</a></li>
{/for}
{else}
{eval}
prevPage = page - 1;
nextPage = page + 1;
{/eval}
{if prevPage == -1}
<li><a href="javascript:void(0);" class="current" data-page="0">1</a></li>
<li><a href="javascript:void(0);" data-page="1">2</a></li>
<li><a href="javascript:void(0);" data-page="2">3</a></li>
<li>...</li>
<li><a href="javascript:void(0);" data-page="${pageCount - 1}">${pageCount}</a></li>
{elseif nextPage == pageCount}
<li><a href="javascript:void(0);" data-page="0">1</a></li>
<li>...</li>
<li><a href="javascript:void(0);" data-page="${pageCount - 3}">${pageCount - 2}</a></li>
<li><a href="javascript:void(0);" data-page="${pageCount - 2}">${pageCount - 1}</a></li>
<li><a href="javascript:void(0);" class="current" data-page="${pageCount - 1}">${pageCount}</a></li>
{else}
{if prevPage != 0}
<li><a href="javascript:void(0);" data-page="0">1</a></li>
{/if}
{if prevPage > 1}<li>...</li>{/if}
<li><a href="javascript:void(0);" data-page="${prevPage}">${prevPage + 1}</a></li>
<li><a href="javascript:void(0);" class="current" data-page="${page}">${page + 1}</a></li>
<li><a href="javascript:void(0);" data-page="${nextPage}">${nextPage + 1}</a></li>
{if nextPage < (pageCount - 2)}<li>...</li>{/if}
{if nextPage != (pageCount - 1)}
<li><a href="javascript:void(0);" data-page="${pageCount - 1}">${pageCount}</a></li>
{/if}
{/if} 
{/if}
{if page < (pageCount - 1)}
<li><a href="javascript:void(0);" class="next">Next</a></li>
{/if}
{/if}
</ul>

{for p in products}
<li class="producttile">
<div class="product-content">
<a href="${p.url}">
<div class="product-top">
<img class="product__image" src="${p.image}" srcset="${p.srcsetImage} 2x" data-product-sku="${p.sku}" alt="${p.description}" width="250" height="250"/>
{if p.promotion == true && p.percentagePromotion == false}
<span class="product__label">${p.promotionlabel}</span>
{else}
{if p.percentagePromotion == true}
<span class="product__label label--promotion">${p.productPercentagePromotionIcon}</span>
{/if}
{/if}
{if p.brandlogo != ""}
<img class="product__brand" src="${p.brandlogo}" />
{/if}
</div>
</a>
<div class="smallslider">
{for v in p.variations}
<div>
<a href="${v.url}" data-clicksku="${v.sku}">
<span class="smallslider__thumbnail" data-src="${v.img}" data-color-hover="${v.hoverImage}" data-title="${v.colorName}"></span>
</a>
</div>
{/for}
</div>
<a href="${p.url}">
<div class="product-info">
{if p.totalReviews > 0}
<div class="product__review ${p.starImage}">
(${p.totalReviews})
</div>
{/if}
<div class="product__price">From
{if p.percentagePromotion == true}
<span class="price__from">${p.price}</span>
<span class="price__for">
<span class="price__currency">
</span>${p.productPercentagePromotionNewPrice}
</span>
{else}
<span>
<span class="price__currency">
</span>${p.price}
</span>
{/if}
</div>
</div>
<div class="product-name">
<h3>${p.description}</h3>
</div><div class="product-cta">
<span class="button button--orange">View product</span>
</div></a>
</div>
<input type="hidden" data-ga="productName" value="${p.description}"/>
<input type="hidden" data-ga="productSku" value="{if p.defaultVariationProductSku != null}${p.defaultVariationProductSku}{else}${p.sku}{/if}"/>
<input type="hidden" data-ga="productPrice" value="${p.priceValue}"/>
<input type="hidden" data-ga="productCat" value="${p.category}"/>
</li>
{/for}

No products found with this filtering.

We use cookies to improve the functionality and user-friendliness of this website. Our cookies do not collect and store your personal data such as your name and email address.
Arrange settings

Chips

Filter

MiniPringles tube

PretzelsTreat salted pretzels