... je bevindt je in

Alle producten

Filter

Nieuw
Sale
Alle filters

Wis filters

Alle filters

{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

Alle producten

1.480 artikelen
Sorteer op
Relevantie
- Relevantie
- Best verkocht
aantal tonen
24
- 24
- 48
- 96

Mijn filterselectie
Wis filters

0567Stilolinea S45 Solid pennen

+
Voorraad laden...
Green

0568Senator SuperHit Bio pennen

Voorraad laden...
0572Multi Box lunchbox

Voorraad laden...
0589RescueHammer COB veiligheidshamer

Voorraad laden...
0590SmartKey multitool

Voorraad laden...
0604Wireless RCS r-ABS Powerbank 8000 oplader

Voorraad laden...
0619Rainbow zonnebril

Voorraad laden...
0668Malibu Matt Black zonnebril

Voorraad laden...
0678Sunscreen Spray HookUp factor 30

+
Voorraad laden...
0679Victorinox Swiss Classic tafelmes

Voorraad laden...
0680Kambukka® Etna 300 ml thermosbeker

Voorraad laden...
0684Ivana 340 ml mok

Voorraad laden...
0685Ivana 340 ml mok

Voorraad laden...
0686Zonia 310 ml mok

Voorraad laden...
0687Zonia 310 ml mok

Voorraad laden...
0688Kambukka® Etna 500 ml thermosbeker

Voorraad laden...
0692Victorinox messenhoesje

Voorraad laden...
0743Lipbalm Glossy lippenbalsem

Voorraad laden...
Sale 75%

0745iOS Connector iphone

Voorraad laden...
0754Solar RCS Powerbank 4000 oplader

Voorraad laden...
Green

0755Pocket ECO A6 notitieboek

Voorraad laden...
0756Pocket ECO A5 notitieboek

Voorraad laden...
0757CorkNote A5 notitieboek

Voorraad laden...
0765Nolan rugzak

Voorraad laden...

Geen producten gevonden

{var index = 0}
{for p in products}
{var index = index + 1}
<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 {if index > 3} class="lazy" data-src="${p.image}"{else} src="${p.image}" {/if} alt="${p.description}" data-original-src="${p.image}" data-product-sku="{if p.defaultVariationProductSku}${p.defaultVariationProductSku}{else}${p.sku}{/if}" width="250" height="250" />
</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__stock" >Voorraad laden...</span>
<span class="content__brand">
{if p.brandlogo != ""} <img {if index > 3} class="brandlogo lazy" data-src="${p.brandlogo}"{else} class="brandlogo" src="${p.brandlogo}"{/if} 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

Alle producten

Filter

Alle producten

LogoTool