Chips

Filter

Kleur
Prijs (€)

Vanaf

Tot

Het linkerbedrag moet altijd kleiner zijn dan het rechterbedrag.
Minimale bestelhoeveelheid

Het linkerbedrag moet altijd kleiner zijn dan het rechterbedrag.
TrustScore
- Toon alles
Smaak
- naturel (1)
- paprika (1)

<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">Het linkerbedrag moet altijd kleiner zijn dan het rechterbedrag.</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="${pricefilter.q}">
<div class="fromvalueholder">Vanaf<input id="js-range-from" type="text" value="${pricefilter.minvalue}">
</div>
<div class="tovalueholder">Tot<input id="js-range-to" type="text" value="${pricefilter.maxvalue}">
</div>
</div>
<p class="errormessage">Het linkerbedrag moet altijd kleiner zijn dan het rechterbedrag.</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="1" data-max="${minimumOrderUnityFilter.maximumValue}" data-rangeset="${minimumOrderUnityFilter.minimumOrderUnityListRange}" data-from="1" data-to="${minimumOrderUnityFilter.maximumValueSelected}" data-decimals="0" data-mark="," data-prefix="" data-q="${minimumOrderUnityFilter.q}">
<div class="fromvalueholder">
<input class="no-spin" id="min-order-unit-js-range-from" type="number" value="1">
</div>
<div class="tovalueholder">
<input class="no-spin" id="min-order-unit-js-range-to" type="number" value="${minimumOrderUnityFilter.maximumValueSelected}">
</div>
</div>
<p class="errormessage">Het linkerbedrag moet altijd kleiner zijn dan het rechterbedrag.</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-label="${i.label}" 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-label="${i.label}" 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-label="${i.label}" 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-label="${i.label}" 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);">Meer</a>
</div>
<div class="showless">
<a href="javascript:void(0);">Minder</a>
</div>
{/if}
</li>
{/if}
{if f.name == "productscore"}
<li class="accordion-navigation {if f.active == true} active{/if}">
<a href="#panelrating">${f.label}</a>
<div id="panelrating" class="content active attributeholder">
<div class="ratingpicker attributeblock">
<div class="first">
<ul>
{for i in f.items}
<li{if i.active == true} class="active"{/if}>
{if i.label != "allratings"}
<label title="${i.label}">
<input type="radio" name="reviewratings" id="${i.name}star" data-label="${i.label}" data-q="${i.q}" {if i.active == true} checked="checked" {/if}>
<span><span class="rating ${i.name}"></span>{if i.name != "five"} en meer{/if} (<span class="amount">${i.amount}</span>)</span>
</label>
{else}
<label title="Toon alles">
<input type="radio" name="reviewratings" id="allratings" data-q="${i.q}" {if i.active == true} checked="checked" {/if}>
<span>Toon alles</span>
</label>
{/if}
</li>
{/for}
</ul>
</div>
</div>
</div>
</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-label="${i.label}" 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);">Meer</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);">Minder</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-label="${i.label}" 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);">Meer</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);">Minder</a>
</div>
</li>
{/if}
{if index++==f.items.length}
</ul>
</div>
{/if}
{/for}
</div>
</div>
</li>
{/if}
{/for}
</ul>

Chips

Aantal tonen

1 - 2 van de 2 artikelen zichtbaar

Geselecteerde filters
Wis filters

Pretzels Treat zoutje

(0)
vanaf0,24 per stuk
Bereken prijs
Mini Pringles zoutje

(0)
vanaf1,45 per stuk
Bereken prijs

<ul>
{if pageCount > 1}
{if page > 0}
<li><a href="javascript:void(0);" class="prev">Vorige</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">Volgende</a></li>
{/if}
{/if}
</ul>

{for p in products}
<li class="producttile">
<a class="product-link" href="${p.url}" data-clicksku="${p.sku}"></a>
<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>
<div class="product-bottom">
{if p.variations.length > 1}
<div class="product__colors">
{eval}
variationsCount = 1;
{/eval}
{for v in p.variations}
{if variationsCount <= 5}
<a href="${v.url}" data-clicksku="${v.sku}" data-color-hover="${v.hoverImage}" title="${v.colorName}" 
{if v.colorHex != undefined}
style="background-color:${v.colorHex[0]}">{if v.colorHex[1] != undefined}<span style="background-color: ${v.colorHex[1]}"></span>{/if}{if v.colorHex[2] != undefined}<span style="background-color: ${v.colorHex[2]}"></span>{/if}{if v.colorHex[3] != undefined}<span style="background-color: ${v.colorHex[3]}"></span>{/if}</a>
{else}
></a>
{/if}
{elseif variationsCount == 6}
+
{/if}
{eval}
variationsCount = variationsCount + 1;
{/eval}
{/for}
</div>
{/if}
<div class="product-info">
<div class="product-name">
<h3>${p.description}</h3>
</div>
{if p.totalReviews > 0}
<div class="product__review ${p.starImage}">
(${p.totalReviews})
</div>
{else}
<div class="product__review no--reviews">(0)</div>
{/if}
<div class="product__price">vanaf
{if p.percentagePromotion == true}
<span class="price__from">${p.price}</span>
<span class="price__for">${p.productPercentagePromotionNewPrice} <span class="price__a-piece">per stuk</span>
</span>
{else}
<span>${p.price} <span class="price__a-piece">per stuk</span>
</span>
{/if}
</div><div class="product-cta">
<span class="button button--orange">Bereken prijs</span>
</div></div>
</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}

Helaas hebben we geen producten gevonden die aan jouw zoekcriteria voldoen. Pas je selectie aan door filters in- of uit te schakelen.

Wij gebruiken cookies om onze website te verbeteren en gebruiksvriendelijker te maken. We slaan daarbij niet je persoonsgegevens op.
Zelf instellen

Chips Bedrukken

Chips

Filter

Chips

Pretzels Treat zoutje

Mini Pringles zoutje