... du er her

Gavesett

Filter

Ny
Alle filtre

Slett filtere

Alle filtre

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

... du er her

Gavesett

7 Produkter
Filtrer etter
Relevans
- Relevans
- Bestselgere
Viste produkter
24
- 24
- 48
- 96

Mine filter
Slett filtere

Ingen produkter funnet

{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">Salg{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">Ny</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>

8220Merch Set Bamboo Boost gavesett

8222Merch Set Bio Based gavesett

8223Merch Set Recycled gavesett

8224Merch Set Coffee Waste gavesett

8225Merch Set Summer gavesett

8226Merch Set DayTrip gavesett

8227Merch Set Beach gavesett

LogoTool

Logg inn

Gavesett

Filter

Gavesett

LogoTool