... 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.413 artikelen
Sorteer op
Relevantie
aantal tonen
24
- 24
- 48
- 96

Mijn filterselectie
Wis filters

Green

W001Coffee Notebook A5 notitieboek
Green

W002RPET Bottle 500 ml waterfles
Green

W003Rackpack Original
Green

W006Rackpack Say Cheese
Green

W010Rackpack Desk Topper
Green

W013Rackpack Casa de Tapas Small
Green

W014Rackpack Casa de Tapas Large
Sale 25%

W015Rackpack Rockin' Roller Couch Tray
Green

W016Rackpack Wine Truck
Green

W018Rackpack Tweet Suite
Sale 10%

W028Walter Bamboo Single Dock 15W organizer en oplader
Sale 10%

W030Walter Bamboo Big Dock 15W organizer en oplader
Green

W033Walter Spinning Dock telefoonhouder
Sale 75%

W036Walter Wallet Recycled Aluminium Slim -4- kaarthouder
Sale 75%

W037Walter Wallet Original -7- kaarthouder
Green

W039Walter Waste Dock - Koelkasten oplader
Green

W043Circular&Co Recycled Coffee Cup 227 ml koffiebeker

+
Green

W044Circular&Co Recycled Coffee Cup 340 ml koffiebeker

+
Green

W051Natural Bottle 500 ml drinkfles
Green

W055Oxious Hammam Towels - Vibe Luxury stripe hamamdoek

+
Green

W056Oxious Hammam Towels - Promo hamamdoek
Green

W058Oxious Scarf - Bright sjaal
Sale 20%

W059Bamboo Cooking Set keukenset
Green

W069Natural Bottle Slim 500 ml drinkfles

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

Alle producten

Filter

Alle producten

LogoTool