... je bevindt je in

Tassen

Filter

Nieuw
Sale
Alle filters

Wis filters

Alle filters

i Onze prijzen en voorraadpositie zijn zichtbaar nadat je bent ingelogd
Label
- Coming soon 11
- WoW Sustainable 122
- New 7
- Sale 13
Wis filters Toon 0

{var count = 1}
{for f in filters}
{if f.type == "color"}
<li class="accordion colors"> <span class="accordion__title">${f.label}</span>
<div class="accordion__content filter__details" id="filter-color">
<ul> {var index = 0} {for i in f.items} {if i.colors}
<li class="{if i.active == true} active{/if}" title="${i.label} (${i.amount})">
<input type="checkbox" name="${i.label}" id="${i.id}" {if i.active == true}checked="checked"{/if} data-label="${i.label}" data-q="${i.q}">
<label for="${i.id}"><span class="square{if i.color=="#FFFFFF" || i.color=="#E8DCCA"} check-grey{/if}" style="background-color:${i.colors[0]};">
{if i.colors[1] != undefined}<span style="background-color:${i.colors[1]};"></span>{/if}
{if i.colors[2] != undefined}<span style="background-color:${i.colors[2]};"></span>{/if}
{if i.colors[3] != undefined}<span style="background-color:${i.colors[3]};"></span>{/if}
{if i.colors[4] != undefined}<span style="background-color:${i.colors[4]};"></span>{/if}
</span></label>
</li> {else}
<li class="{if i.active == true} active{/if}" title="${i.label} (${i.amount})">
<input type="checkbox" name="${i.label}" id="${i.id}" {if i.active == true}checked="checked"{/if} data-label="${i.label}" data-q="${i.q}">
<label for="${i.id}"><span class="square" style="background-image: url(${i.image});"></span></label>
</li> {/if} {/for} </ul> {if f.items.length>12}
<p> <a class="content--more" data-text-original="+ ${f.items.length - 12} Meer" data-text-alternate="Minder" href="javascript:void(0);">+ ${f.items.length - 12}Meer</a> </p> {/if} </div>
</li> {/if} {if (f.type == "checkbox" || f.type == "link") && f.name != "colorwithhex"}
<li class="accordion"> <span class="accordion__title">${f.label}</span>
<div class="accordion__content filter__details" id="filter-${f.name}">
<ul> {var index = 0} {for i in f.items}
<li class="{if i.active == true} active{/if}">
<input type="checkbox" name="${i.label}" id="${i.id}" {if i.active == true}checked="checked"{/if} data-label="${i.label}" data-q="${i.q}">
<label for="${i.id}"><span>${i.label} <span class="amount">${i.amount}</span></span></label>
</li> {/for} </ul> {if f.items.length>4}
<p> <a class="content--more" data-text-original="+ ${f.items.length - 4} Meer" data-text-alternate="Minder" href="javascript:void(0);">+ ${f.items.length - 4} Meer</a> </p> {/if} </div>
</li> {/if} 
{var count = count + 1} 
{/for}
<li class="sidebar__accordion--buttons">
<span class="button__remove">Wis filters</span>
<span class="button__add">Toon <span class="result-count">-</span></span>
</li>

... je bevindt je in

Tassen

Geen producten gevonden

{for p in products}
<li class="producttile" data-sku="${p.sku}">
<article class="producttile__info">
<div class="info__content">
<a class="content__url" href="${p.url}"></a>
{if p.ruleIcons}
<div class="content__icons left">
<ul>
{for i in p.ruleIcons}
{if i.image != undefined}
<li>
{if i.link != undefined}
<a href="${i.link}">
<img src="${i.image}">
</a>
{else}
<img src="${i.image}">
{/if}
{if i.text != undefined}
<span class="icon__description">${i.text}</span>
{/if}
</li>
{/if}
{/for}
</ul>
</div>
{/if}
{if p.customIcons}
<div class="content__icons right">
<ul>
{for i in p.customIcons}
{if i.image != undefined}
<li>
{if i.link != undefined}
<a href="${i.link}">
<img src="${i.image}">
</a>
{else}
<img src="${i.image}">
{/if}
{if i.text != undefined}
<span class="icon__description">${i.text}</span>
{/if}
</li>
{/if}
{/for}
</ul>
</div>
{/if}
<div class="content__image">
<img src="${p.image}" alt="${p.description}" data-original-src="${p.image}" data-product-sku="{if p.defaultVariationProductSku}${p.defaultVariationProductSku}{else}${p.sku}{/if}" />
</div>
<div class="content__sustainable{if p.gsesscore != undefined} gses__score" data-gses="${p.gsesscore}{/if}"></div>
<div class="content__icons bottom">
{if p.icons}
<ul>
{for i in p.icons}
{if i.image != undefined}
<li>
{if i.link != undefined}
<a href="${i.link}">
<img src="${i.image}">
</a>
{else}
<img src="${i.image}">
{/if}
{if i.text != undefined}
<span class="icon__description">${i.text}</span>
{/if}
</li>
{/if}
{/for}
</ul>
{/if}
</div>
<div class="content__label">
{if p.promotiontype}
{if p.promotiontype == "express"}
<span class="label--express">
<span class="label__text">Express Service</span>
<span class="label__color"></span>
</span>
{elseif p.promotiontype == "sale"}
<span class="label--sale">
<span class="label__text">Sale{if p.discountpercentage} ${p.discountpercentage}%{/if}</span>
<span class="label__color"></span>
</span>
{elseif p.promotiontype == "new"}
<span class="label--new">
<span class="label__text">New</span>
<span class="label__color"></span>
</span>
{else}
<span class="label--${p.promotiontype}">
<span class="label__text">${p.promotionlabel}</span>
<span class="label__color"></span>
</span>
{/if}
{/if}
</div>
<div class="content__text">
<header>
<h2>
<span>
{if p.displaySku}
${p.displaySku}
{else}
${p.sku}
{/if}
</span>${p.description}
</h2>
</header>
</div>
<div class="content__variants">
{if p.variations.length > 1}
{for v in p.variations}
<a href="${v.url}" data-color-hover="${v.img}" title="${v.colorName}" 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>
{/for}
{if p.totalVariations != undefined && p.totalVariations > 5}+{/if}
{/if}
</div>
<span class="content__price"></span>
<span class="content__brand">
{if p.brandlogo != ""} <img src="${p.brandlogo}" alt="" /> {/if}
</span>
</div>
</article>
</li> {/for}

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

Inloggen

Tassen

Filter

Tassen

LogoTool