you are currently viewing

WoW Sustainable Collection

Filter

New
Sale
All filters

Erase filters

All 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} More" data-text-alternate="Less" href="javascript:void(0);">+ ${f.items.length - 12}More</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} More" data-text-alternate="Less" href="javascript:void(0);">+ ${f.items.length - 4} More</a> </p> {/if} </div>
</li> {/if} 
{var count = count + 1} 
{/for}
<li class="sidebar__accordion--buttons">
<span class="button__remove">Erase filters</span>
<span class="button__add">Show <span class="result-count">-</span></span>
</li>

you are currently viewing

WoW Sustainable Collection

492 Articles
Sort by
Relevance
- Relevance
- Best seller
Articles shown
24
- 24
- 48
- 96

My filter selection
Erase filters

Eco

W368Sproutworld Unsharpened Pencil

+
Eco

W002RPET Bottle 500 ml water bottle
Eco

W360Coffee Mug On The Go 250 ml coffee cup
Sale 50%

W300Recycled Leather Sunglasses Pouch
Eco

W367Sproutworld Sharpened Pencil

+
Eco

5691Topflask Premium RCS Recycled Steel drinking bottle

+
Eco

W464Recycled Leather Luggage Tag
Eco

W420Rackpack Gamebox Chess
Eco

W341Join The Pipe Nairobi Ring Bottle White 500 ml

+
Eco

W428BE O Bottle 500 ml drinking bottle
Eco

W168Coffee Socks
Sale 50%

W098RPET Umbrella 23,5 inch
Eco

W304Sugarcane Cup 360 ml drinking cup
Eco

W069Natural Bottle Slim 500 ml drinking bottle
Eco

W139Recycled Leather Refillable Paper Notebook A5
Eco

W075Coffee Pen
Eco

W429BE O Coffee Cup 340 ml
Eco

W338RPET Bottle 750 ml drinking bottle
Eco

W072Waboba Sustainable Sport item - Soccerball
Eco

W010Rackpack Desk Topper
Eco

W051Natural Bottle 500 ml drinking bottle
Eco

W361Join The Pipe Nairobi Ring Bottle Black 500 ml

+
Eco

W100Seed Paper Notebook A5
Eco

W378Unwaste Duopack Soap & Scrub bar

No products found

{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>

Log in

WoW Sustainable Collection

Filter

WoW Sustainable Collection

LogoTool