Clipper Interall

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

W113Corn Backpack rugzak

W405Hemp Backpack (250 g/m²) rugzak

0841Reflex Bag rugzak

0850Cotton Promo (125 g/m²) rugzak

1173Combi Organic Backpack (160 g/m²) rugzak

1174Organic Cotton Promo (140 g/m²) rugzak

1232SafeLine laptop rugzak

1233PromoBag GRS RPET rugzak

1235PromoBag 210D rugzak

1264Nolan Canvas rugzak

1265Nolan GRS RPET Felt rugzak

1273Wolkat Agadir Recycled Textile Backpack rugzak

1513Case Logic Laptop Backpack 17 inch laptoprugzak

1705GRS RPET Felt PromoBag Plus rugzak

1937Case Logic Commence Recycled Backpack 15,6 inch rugzak

2000Non-Woven PromoBag rugzak

2070Case Logic Jaunt Backpack 15,6 inch laptoprugzak

2616Non-Woven Promobag GRS RPET rugzak

2627Backpack Cover beschermhoes

3156PromoNaturel (100 g/m²) rugzak

3157PromoColour (120 g/m²) rugzak

3234GRS Recycled Cotton PromoBag (180 g/m²) rugzak

3388SafeBag rugzak

3655GRS Recycled Cotton PromoBag Plus (180 g/m²) rugzak

LogoTool

Inloggen

Rugzakken

Filter

Rugzakken

LogoTool