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

<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">
<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">Ab
{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">Zum Artikel</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}

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

Marken

Filter

Stabilo Boss® original Marker

Stabilo Green Fancy Bio

Stabilo Swing Cool Marker