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">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">Uusi</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" >Ladataan tietoa</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>

1873Trojes Champagne Bucket samppanjasanko

W328Plastic Bank Champagne Cooler viininjäähdytin

1200Butler Bamboo tarjoilijanveitsi

1329WineWood viinilaatikko

1354Wine Bag-to-Give GRS RPET lahjapussi

2137Jute Canvas Double Wine Bag lahjapussi

2141Jute Canvas Wine Bag tuplaviinikassi

2508Rackpack Winetool

3667WineTaste viinilahjasarja

3938Celebrate pullonkorkki

4333Bordeaux korkkiruuvi

4406Stylo Vino korkkiruuvi

5063Vindeux viinisarja

6881CoolSteel RCS Recycled Steel viininjäähdytin

7046Château viinilahjasarja

W003Rackpack Original

W006Rackpack Say Cheese

W010Rackpack Desk Topper

W011Rackpack Wine Sign

W013Rackpack Casa de Tapas Small

W014Rackpack Casa de Tapas Large

W016RRackpack Wine Truck

W018Rackpack Tweet Suite

W388KYWIE Wine Cooler Suede viininjäähdytin

LogoTool

Kirjaudu sisään

Viinitarvikkeet

Suodatin

Viinitarvikkeet

LogoTool