Clipper Interall

{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">Aktion{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">Neu</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" >Bestand wird geprüft</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>

1937Case Logic Commence Recycled Backpack 15,6 inch

1513Case Logic Laptop Backpack 17 inch Laptop-Rucksack

1518Case Logic Reflect 14 inch Laptop Sleeve Laptoptasche

1519Case Logic Reflect 15,6 inch Laptop Sleeve

1521Case Logic Advantage 15,6 inch Attaché Laptoptasche

2070Case Logic Jaunt Backpack 15,6 inch Laptop-Rucksack

2462Case Logic Invigo 15,6 inch Laptop Sleeve

2463Case Logic Invigo 14 inch Laptop Sleeve

2465Case Logic Invigo Backpack 15,6 inch

2859Case Logic Era Laptop Backpack 15,6 inch Rucksack

2860Case Logic Uplink Recycled Laptop Backpack 15,6 inch

1514Case Logic Reflect 13 inch Laptop Sleeve Laptoptasche

LogoTool

Login

Case Logic

Filter

Case Logic

LogoTool