{{# products }} <div class="search-result-header"><h3>Förslag på produkter</h3></div> {{^ anyItems}} <span class="no-items">Inga produkter hittades.</span> {{/anyItems}} {{# items }} <div class="prodlist-row grid-layout-cols-3"> <div class="prodlist-row__img-wrapper"> {{# product.link }}<a class="product-list__image-link" href="{{ . }}">{{/ product.link }} <img class="prodlist-row__img" src="{{ product.image }}" alt="{{ product.manufacturer }} {{ product.labelNoMan }}"/> {{# product.overlayImage }}<img class="overlay-image" src="{{ . }}">{{/ product.overlayImage }} {{# product.campaignImage }} <img class="campaign-image" src="{{ . }}">{{/ product.campaignImage }} {{# product.link }}</a>{{/ product.link }} </div> <div class="prodlist-row__content-wrapper"> <div class="product-list__details"> <div class="product-list__title"> {{# product.link }}<a class="product-list__title-link" href="{{ . }}" title="{{ product.labelNoMan }}">{{/ product.link }} <span class="prodlist__manufacturer">{{ product.manufacturer }}</span> <span class="prodlist__label">{{ product.labelNoMan }}</span> {{# product.link }}</a>{{/ product.link }} </div> {{# product.recommended }} <div> <span class="product-list__recomended-tag-qs"> <i class="fas fa-star"></i> Rekommenderad av Advania </span> </div> {{/product.recommended}} {{# product.description }} <div class="product-list__description" title="{{ product.description }}"> {{# product.condition }} <span class="product-list__condition">{{ . }}</span> {{/ product.condition }}{{ product.description }} </div> {{/ product.description }} {{# minPackText }}<div class="product__minpack"> <span>Produkten kan köpas i antal av: {{ . }}</span> </div>{{/ minPackText }} <div class="product-list__partnumber">Artnr: {{ product.partNo }}</div> </div> </div> <div class="prodlist-row__buy-wrapper buy-form-container"> <div class="prodlist-row__price"> {{# prices.items }} <span class="product-price {{ type }}"> {{# prefix }}<span class="price-prefix">{{ . }}</span>{{/ prefix }} <span class="price-text">{{ price }}</span> {{# suffix }}<span class="price-suffix">{{ . }}</span>{{/ suffix }} {{# adminOnlyString}}<span class="price-suffix admin-only">&nbsp;{{ . }}&nbsp;</span>{{/adminOnlyString}} </span> {{/ prices.items }} </div> <div class="prodlist-row__prodinfo"> {{# product }} {{# stock }} <div class="product__stock{{# isIncomingStock}} product__stock--incoming-stock{{/ isIncomingStock }}{{# isNotInStock}} product__stock--no-stock{{/ isNotInStock }}"> {{# warehouseLabel }}<span class="product__stock--warehouse">{{ . }}</span>{{/ warehouseLabel }} <span class="product__stock--info"> {{# isInStock }} <i class="far fa-check-circle" aria-hidden="true"></i> {{# stockText }} <span class="product__stock-count">{{ . }}</span> <span class="product__stock-label">i lager</span> {{# showNonStockProductInfo }} <span class="product__stock-label"> (Ingen returrätt)</span> {{/ showNonStockProductInfo }} {{/ stockText }} {{^ stockText }} <span class="product__stock-label">Finns i lager</span> {{# showNonStockProductInfo }} <span class="product__stock-label"> (Ingen returrätt)</span> {{/ showNonStockProductInfo }} {{/ stockText }} {{/ isInStock }} {{# isIncomingStock }} <i class="far fa-arrow-alt-circle-down" aria-hidden="true"></i> {{# stockText }} <span class="product__stock-count">{{ . }}</span> <span class="product__stock-label">inkommande</span> {{# showNonStockProductInfo }} <span class="product__stock-label"> (Ingen returrätt)</span> {{/ showNonStockProductInfo }} {{/ stockText }} {{^ stockText }} <span class="product__stock-label">Inkommande lager</span> {{# showNonStockProductInfo }} <span class="product__stock-label"> (Ingen returrätt)</span> {{/ showNonStockProductInfo }} {{/ stockText }} {{/ isIncomingStock }} {{# isNotInStock }} <span class="product__stock-no-stock"> <i class="far fa-times-circle" aria-hidden="true"></i> <span class="product__stock-label">0 i lager</span> {{# showNonStockProductInfo }} <span class="product__stock-label"> (Ingen returrätt)</span> {{/ showNonStockProductInfo }} </span> {{/ isNotInStock }} {{# incomingDate }} <span class="product__stock-expected">Förväntad {{ . }}</span> {{/ incomingDate }} {{# incoming.items }} {{# qty }} <span class="product__stock-incoming"> <span class="product__stock-incoming-label">Inkommande</span> {{ . }}st </span> {{/ qty }} {{# eta }} <span class="product__stock-incoming"> <span class="product__stock-incoming-label">Förväntad</span> {{ . }} </span> {{/ eta }} {{/ incoming.items }} </span> {{# deliveryInfo }} <span class="delivery_info">{{ . }}</span> {{/deliveryInfo}} </div> {{/ stock }} {{/ product }} </div> <div class="quick-buy"> {{# buy }} <div class="buy-quantity-container" id="{{ forms.qty.name }}"> {{# forms.qty.fields.quantity }} <input type="text" name="{{ name }}" value="{{ value }}" data-validation="{{ field.rules }}"{{# field.attrs }} {{ name }}="{{ value }}"{{/ field.attrs }}> {{/ forms.qty.fields.quantity }} {{# forms.qty.fields.__node_form_class }} <input type="hidden" name="{{ name }}" value="{{ value }}"{{# field.attrs }} {{ name }}="{{ value }}"{{/ field.attrs }}> {{/ forms.qty.fields.__node_form_class }} </div> {{/ buy }} {{#allowBuyFromList}} {{# buy }} <button class="button buy-button" type="submit" data-id="{{ id }}" data-supplier-id="{{ supplierId }}" data-in-buy-form-container="true"{{# isBuy }} data-animate="true" {{/ isBuy }}title="{{# isBuy }}Lägg i kundvagn{{/ isBuy }}{{# isConfigure }}Konfigurera{{/ isConfigure }}" {{# disabled }}disabled{{/ disabled }}> <i class="fas fa-{{# isBuy }}shopping-cart{{/ isBuy }}{{# isConfigure }}wrench{{/ isConfigure }} buy-button-icon" aria-hidden="true"></i> </button> {{/ buy }} {{/allowBuyFromList}} {{^allowBuyFromList}} {{# buy }} <a class="product-link-to-page-anchor" href="{{ product.link }}"> <button class="button link-to-page-button" type="button" data-animate="true" title="Gå till produkt för att köpa"> <i class="fas fa-external-link-alt buy-button-icon link-to-page-icon" aria-hidden="true"></i> </button> </a> {{/ buy }} {{/allowBuyFromList}} </div> </div> </div> {{/ items }} {{/ products }}