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>

W075Coffee Pen pennen

W144Paper Wheatstraw Pen tarwestro pennen

W375Coffee Pen Italia

W402Recycled Paper Pen

0568Senator SuperHit Bio pennen

0866Senator Evoxx Polished Recycled pennen

1001Stilolinea Pier Mix Recycled pennen

1019Digiprint GRS Recycled Pen

1020Tokai Bamboo Pen

1052Alvar GRS Recycled Alu Pen

1060Milk-Carton Pen

1167Stilolinea S45 RPET pennen

1169Stilolinea S45 Recycled pennen

1212Senator Evoxx Polished Recycled White Clip pennen

1282Gift Sleeve geschenkverpakking

1284Luca Touch Bamboo stylus pen

1335Sento Bamboo pennen

1337Bio-Stone Pen

1434Stilolinea Baron 03 Total Recycled pennen

1449Stilolinea Ingeo Pen pennen

1455Stilolinea Ingeo Pen Green Office pennen

1473Saya Bamboo Pen

1484Senator Trento Matt Recycled pennen

1538Boston Bamboo pennen

LogoTool

Inloggen

Eco pennen

Filter

Eco pennen

LogoTool