Werbeartikel der Marke Stabilo

Filter

Farbe
Preis (€)

Ab

bis

Der linke Betrag muss immer kleiner sein als der rechte.
Mindestbestellmenge

Der linke Betrag muss immer kleiner sein als der rechte.
Material
- Kunststoff (3)
Schreibfarbe
- blauschreibend (1)
Marke
- Stabilo (3)

<ul class="accordion" data-accordion>
<li class="accordion-navigation active">
<a href="#panelprice"> (€)</a>
<div id="panelprice" class="content active">
<div id="price-slider-values-holder" class="slidervaluesholder" data-min="0.50" data-max="0.70" data-rangeset='[["33%",[0.52,0.05]],["66%",[0.59,0.05]]]' data-from="0,50" data-to="0,70" 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="0,50">
</div>
<div class="tovalueholder">
<input id="js-range-to" type="text" value="0,70">
</div>
</div>
<p class="errormessage">Der linke Betrag muss immer kleiner sein als der rechte.</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="0.50" data-max="0.70" data-rangeset='[["33%",[0.52,0.05]],["66%",[0.59,0.05]]]' data-from="0,50" data-to="0,70" data-decimals="2" data-mark="," data-prefix="" data-q="${pricefilter.q}">
<div class="fromvalueholder">Ab<input id="js-range-from" type="text" value="${pricefilter.minvalue}">
</div>
<div class="tovalueholder">bis<input id="js-range-to" type="text" value="${pricefilter.maxvalue}">
</div>
</div>
<p class="errormessage">Der linke Betrag muss immer kleiner sein als der rechte.</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">Der linke Betrag muss immer kleiner sein als der rechte.</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);">Mehr</a>
</div>
<div class="showless">
<a href="javascript:void(0);">Weniger</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"} und mehr{/if} (<span class="amount">${i.amount}</span>)</span>
</label>
{else}
<label title="Alles anzeigen">
<input type="radio" name="reviewratings" id="allratings" data-q="${i.q}" {if i.active == true} checked="checked" {/if}>
<span>Alles anzeigen</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);">Mehr</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);">Weniger</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);">Mehr</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);">Weniger</a>
</div>
</li>
{/if}
{if index++==f.items.length}
</ul>
</div>
{/if}
{/for}
</div>
</div>
</li>
{/if}
{/for}
</ul>

Anzahl

1 - 3 von den 3 Artikel sichtbar

Ausgewählten Filter
Filter löschen

+

Stabilo Green Fancy Bio

(0)
Ab0,52 € pro Stück
Preis berechnen
+

Stabilo Swing Cool Marker

(0)
Ab0,59 € pro Stück
Preis berechnen
+

Stabilo Boss® original Marker

(0)
Ab0,65 € pro Stück
Preis berechnen

<ul>
{if pageCount > 1}
{if page > 0}
<li><a href="javascript:void(0);" class="prev">Vorherige</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ächste</a></li>
{/if}
{/if}
</ul>

{for p in products}
<li class="producttile">
<a class="product-link" href="${p.url}" data-clicksku="${p.sku}"></a>
<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>
<div class="product-bottom">
{if p.variations.length > 1}
<div class="product__colors">
{eval}
variationsCount = 1;
{/eval}
{for v in p.variations}
{if variationsCount <= 5}
<a href="${v.url}" data-clicksku="${v.sku}" data-color-hover="${v.hoverImage}" title="${v.colorName}" 
{if v.colorHex != undefined}
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>
{else}
></a>
{/if}
{elseif variationsCount == 6}
+
{/if}
{eval}
variationsCount = variationsCount + 1;
{/eval}
{/for}
</div>
{/if}
<div class="product-info">
<div class="product-name">
<h3>${p.description}</h3>
</div>
{if p.totalReviews > 0}
<div class="product__review ${p.starImage}">
(${p.totalReviews})
</div>
{else}
<div class="product__review no--reviews">(0)</div>
{/if}
<div class="product__price">Ab
{if p.percentagePromotion == true}
<span class="price__from">${p.price}</span>
<span class="price__for">${p.productPercentagePromotionNewPrice} <span class="price__a-piece">pro Stück</span>
</span>
{else}
<span>${p.price} <span class="price__a-piece">pro Stück</span>
</span>
{/if}
</div><div class="product-cta">
<span class="button button--orange">Preis berechnen</span>
</div></div>
</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}

Leider konnten wir keine Produkte zu Ihrer Suche finden.

Wir setzen Cookies ein, um das Angebot nutzerfreundlich und funktionaler zu gestalten. Unsere Cookies sammeln und speichern keinerlei persönliche Daten wie Ihren Namen oder Ihre E-Mail-Adresse.
Einstellung bearbeiten

Werbeartikel der Marke Stabilo

Marken

Filter

Stabilo Green Fancy Bio

Stabilo Swing Cool Marker

Stabilo Boss® original Marker