Stabilo-produkter med tryck

Filtrera

Färg
Pris (SEK)

Från

Till

Summan till vänster måste alltid vara lägre än summan till höger
Lägsta kvantitet

Summan till vänster måste alltid vara lägre än summan till höger
TrustScore
- Visa alla
Material
- syntetiskt material (3)
Bläckfärg
- blått bläck (1)
Varumärke
- Stabilo (3)

<ul class="accordion" data-accordion>
<li class="accordion-navigation active">
<a href="#panelprice"> (SEK)</a>
<div id="panelprice" class="content active">
<div id="price-slider-values-holder" class="slidervaluesholder" data-min="5.50" data-max="7.50" data-rangeset='[["33%",[5.5,0.05]],["66%",[6.5,0.05]]]' data-from="5,50" data-to="7,50" data-decimals="2" data-mark="," data-prefix="" data-q="&SearchParameter=%26%40QueryTerm%3D*%26ContextCategoryUUID%3DRboKAAx70OYAAAFMhHh9usck%26ProductListPrice%3D%255B_FROM_%2BTO%2B_TO_%255D%26%40Sort.Rank%3D0">
<div class="fromvalueholder">
<input id="js-range-from" type="text" value="5,50">
</div>
<div class="tovalueholder">
<input id="js-range-to" type="text" value="7,50">
</div>
</div>
<p class="errormessage">Summan till vänster måste alltid vara lägre än summan till höger</p>
</div>
</li>
<li class="accordion-navigation active">
<a href="#panel${pricefilter.name}">${pricefilter.label}</a>
<div id="panel${pricefilter.name}" class="content active">
<div id="price-slider-values-holder" class="slidervaluesholder" data-min="5.50" data-max="7.50" data-rangeset='[["33%",[5.5,0.05]],["66%",[6.5,0.05]]]' data-from="5,50" data-to="7,50" data-decimals="2" data-mark="," data-prefix="" data-q="${pricefilter.q}">
<div class="fromvalueholder">Från<input id="js-range-from" type="text" value="${pricefilter.minvalue}">
</div>
<div class="tovalueholder">Till<input id="js-range-to" type="text" value="${pricefilter.maxvalue}">
</div>
</div>
<p class="errormessage">Summan till vänster måste alltid vara lägre än summan till höger</p>
</div>
</li>
{if minimumOrderUnityFilter.minimumOrderUnityListRange != ''}
<li class="accordion-navigation active">
<a href="#panel${minimumOrderUnityFilter.name}">${minimumOrderUnityFilter.label}</a>
<div id="panel${minimumOrderUnityFilter.name}" class="content active">
<div id="min-order-unit-slider-values-holder" class="slidervaluesholder" data-min="1" data-max="${minimumOrderUnityFilter.maximumValue}" data-rangeset="${minimumOrderUnityFilter.minimumOrderUnityListRange}" data-from="1" data-to="${minimumOrderUnityFilter.maximumValueSelected}" data-decimals="0" data-mark="," data-prefix="" data-q="${minimumOrderUnityFilter.q}">
<div class="fromvalueholder">
<input class="no-spin" id="min-order-unit-js-range-from" type="number" value="1">
</div>
<div class="tovalueholder">
<input class="no-spin" id="min-order-unit-js-range-to" type="number" value="${minimumOrderUnityFilter.maximumValueSelected}">
</div>
</div>
<p class="errormessage">Summan till vänster måste alltid vara lägre än summan till höger</p>
</div>
</li>
{/if}
{for f in filters}
{if f.type == "color"}
<li class="accordion-navigation {if f.active == true} active{/if}">
<a href="#panel${f.name}">${f.label}</a>
<div id="panel${f.name}" class="content {if f.active == true} active{/if} colorpickerholder attributeholder">
<div class="colorpicker attributeblock">
{var index = 0}
{for i in f.items}
{if index==0}
<div class="first">
<ul>
{/if}
{if index==12}
<div class="rest">
<ul>
{/if}
{if i.color}
{if i.color == "white" || i.color == "beige"}
<li style="background-color:${i.color};border-color:{if i.color == "white"}#D2D2D2{else}${i.color}{/if};" title="${i.label} (${i.amount})" class="{if i.active == true}active needsGreyMarker greymarker{/if}"><a id="${i.label}" href="javascript:void(0);" data-label="${i.label}" data-q="${i.q}"></a></li>
{else}
<li style="background-color:${i.color};border-color:${i.color};" title="${i.label} (${i.amount})" class="{if i.active == true}active{/if}"><a id="${i.label}" href="javascript:void(0);" data-label="${i.label}" data-q="${i.q}"></a></li>
{/if}
{else}
{if i.needsGreyMarker == true}
<li style="background-image:url(${i.image});" title="${i.label} (${i.amount})" class="{if i.active == true} active greymarker{else} imgfilter{/if} needsGreyMarker "><a id="${i.label}" href="javascript:void(0);" data-label="${i.label}" data-q="${i.q}"></a></li>
{else}
<li style="background-image:url(${i.image});" title="${i.label} (${i.amount})" class="{if i.active == true} active {else} imgfilter {/if}"><a id="${i.label}" href="javascript:void(0);" data-label="${i.label}" data-q="${i.q}"></a></li>
{/if}
{/if}
{if index==11}
</ul>
</div>
{/if}
{if index++==f.items.length}
</ul>
</div>
{/if}
{/for}
</div>
</div>
{if f.items.length > 11}
<div class="showmore">
<a href="javascript:void(0);">Mer</a>
</div>
<div class="showless">
<a href="javascript:void(0);">Färre</a>
</div>
{/if}
</li>
{/if}
{if f.name == "productscore"}
<li class="accordion-navigation {if f.active == true} active{/if}">
<a href="#panelrating">${f.label}</a>
<div id="panelrating" class="content active attributeholder">
<div class="ratingpicker attributeblock">
<div class="first">
<ul>
{for i in f.items}
<li{if i.active == true} class="active"{/if}>
{if i.label != "allratings"}
<label title="${i.label}">
<input type="radio" name="reviewratings" id="${i.name}star" data-label="${i.label}" data-q="${i.q}" {if i.active == true} checked="checked" {/if}>
<span><span class="rating ${i.name}"></span>{if i.name != "five"} och mer{/if} (<span class="amount">${i.amount}</span>)</span>
</label>
{else}
<label title="Visa alla">
<input type="radio" name="reviewratings" id="allratings" data-q="${i.q}" {if i.active == true} checked="checked" {/if}>
<span>Visa alla</span>
</label>
{/if}
</li>
{/for}
</ul>
</div>
</div>
</div>
</li>
{/if}
{if f.type == "productmarketingstatus"}
<li class="accordion-navigation {if f.active == true} active{/if}">
<a href="#panel${f.name}">${f.label}</a>
<div id="panel${f.name}" class="content {if f.active == true} active{/if} attributeholder">
<div class="attributeblock">
{var index = 0}
{for i in f.items}
{if index==0}
<div class="first">
<ul>
{/if}
{if index==3}
<div class="rest">
<ul>
{/if}
<li{if i.active == true} class="active"{/if}>
<label title="${i.label} (${i.amount})">
<input type="checkbox" name="${i.label}" id="${i.name}" {if i.active == true}checked="checked"{/if} data-label="${i.label}" data-q="${i.q}" />
<span>${i.label} (<span class="amount">${i.amount}</span>)</span>
</label>
</li>
{if index==2 && f.items.length>3}
<li>
<div class="showmore">
<a href="javascript:void(0);">Mer</a>
</div>
</li>
{/if}
{if index==2}
</ul>
</div>
{/if}
{if index+1==f.items.length && f.items.length>3}
<li>
<div class="showless">
<a href="javascript:void(0);">Färre</a>
</div>
</li>
{/if}
{if index++==f.items.length}
</ul>
</div>
{/if}
{/for}
</div>
</div>
</li>
{/if}
{if f.type == "check"}
<li class="accordion-navigation {if f.active == true} active{/if}">
<a href="#panel${f.name}">${f.label}</a>
<div id="panel${f.name}" class="content {if f.active == true} active{/if} attributeholder">
<div class="attributeblock">
{var index = 0}
{for i in f.items}
{if index==0}
<div class="first">
<ul>
{/if}
{if index==3}
<div class="rest">
<ul>
{/if}
<li{if i.active == true} class="active"{/if}>
<label title="${i.label} (${i.amount})">
<input type="checkbox" name="${i.label}" id="${i.name}" {if i.active == true}checked="checked"{/if} data-label="${i.label}" data-q="${i.q}" />
<span>${i.label} (<span class="amount">${i.amount}</span>)</span>
</label>
</li>
{if index==2 && f.items.length>3}
<li>
<div class="showmore">
<a href="javascript:void(0);">Mer</a>
</div>
</li>
{/if}
{if index==2}
</ul>
</div>
{/if}
{if index+1==f.items.length && f.items.length>3}
<li>
<div class="showless">
<a href="javascript:void(0);">Färre</a>
</div>
</li>
{/if}
{if index++==f.items.length}
</ul>
</div>
{/if}
{/for}
</div>
</div>
</li>
{/if}
{/for}
</ul>

Visa antal

1 - 3 av 3 synliga produkter

Valda filter
Radera filter

<ul>
{if pageCount > 1}
{if page > 0}
<li><a href="javascript:void(0);" class="prev">Föregående</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-page="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">Nästa</a></li>
{/if}
{/if}
</ul>

{for p in products}
<li class="producttile">
<div class="product-content">
<a href="${p.url}">
<div class="product-top">
<img class="product__image" src="${p.image}" srcset="${p.srcsetImage} 2x" data-product-sku="${p.sku}" alt="${p.description}" width="250" height="250"/>
{if p.promotion == true && p.percentagePromotion == false}
<span class="product__label">${p.promotionlabel}</span>
{else}
{if p.percentagePromotion == true}
<span class="product__label label--promotion">${p.productPercentagePromotionIcon}</span>
{/if}
{/if}
{if p.brandlogo != ""}
<img class="product__brand" src="${p.brandlogo}" />
{/if}
</div>
</a>
<div class="smallslider">
{for v in p.variations}
<div>
<a href="${v.url}" data-clicksku="${v.sku}">
<span class="smallslider__thumbnail" data-src="${v.img}" data-color-hover="${v.hoverImage}" data-title="${v.colorName}"></span>
</a>
</div>
{/for}
</div>
<a href="${p.url}">
<div class="product-info">
{if p.totalReviews > 0}
<div class="product__review ${p.starImage}">
(${p.totalReviews})
</div>
{/if}
<div class="product__price">Från
{if p.percentagePromotion == true}
<span class="price__from">${p.price}</span>
<span class="price__for">
<span class="price__currency">
</span>${p.productPercentagePromotionNewPrice}
</span>
{else}
<span>
<span class="price__currency">
</span>${p.price}
</span>
{/if}
</div>
</div>
<div class="product-name">
<h3>${p.description}</h3>
</div><div class="product-cta">
<span class="button button--orange">Visa produkt</span>
</div></a>
</div>
<input type="hidden" data-ga="productName" value="${p.description}"/>
<input type="hidden" data-ga="productSku" value="{if p.defaultVariationProductSku != null}${p.defaultVariationProductSku}{else}${p.sku}{/if}"/>
<input type="hidden" data-ga="productPrice" value="${p.priceValue}"/>
<input type="hidden" data-ga="productCat" value="${p.category}"/>
</li>
{/for}

Inga resultat med dessa sökkriterier.

Vi använder cookies för att förbättra användarupplevelsen på denna webbsidan. Våra cookies samlas ingen information och lagrar ingen personlig data så som namn och mailadresser.
Ändra inställningar

Varumärken

Filtrera

Stabilo Green Fancy Bio penna

Stabilo Swing Cool marker

Stabilo Boss® original markör