<div class="a-productListing__productsGrid__element{{ ' banner' if product['type'] == 1 }}"> <div class="ddl-product-lol {% if product['leaflet_domain'] == 'starline' %}starline{% endif %} {{ ' -disableHover' if product['type'] == 1 }}xEqHeights soon-expire" title="{{ product['name'] }}"> <div class="status-bar cf"> {% if product['data'] and product['data']['tpn'] and product['data']['tpn'][0] %} {% if product['leaflet_domain'] == 'starline' %} <div class="hovershowtooltip"> <div class="inner">Ponuka je platná do {{ product.offerend | dmyDateFormat }}. Pre Tesco Online nákupy je ponuka platná pre objednávky doručené do {{ product.offerend | dmyDateFormat }}. </div> <div class="arrow-container"> <div class="arrow-down"></div> <div class="arrow-down-fg"></div> </div> </div> {% endif %} <a href="https://potravinydomov.itesco.sk/groceries/sk-SK/products/{{$product['data']['tpn'][0]}}" class="newddl-button left transparent ghs-link" tabindex="0" target="_blank"> <i class="icon"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="width: 20px !important" height="13" viewBox="0 0 23 13"> <defs> <path id="clxfa" d="M33.33 21.44c.44.1.67.38.67.8v3.1c0 .47-.38.84-.84.84h-.9a2.2 2.2 0 0 1-2.18 1.8 2.2 2.2 0 0 1-2.17-1.8h-7.9a2.22 2.22 0 0 1-2.2 1.82c-1.1 0-2-.79-2.19-1.82h-1.66c-.97 0-1.15-.92-1.25-1.41l-1.04-4.25-.41-.27a.3.3 0 0 1-.14-.23L11 18.73c0-.84.66-1.5 1.48-1.5h2.3l-.14.15a.46.46 0 0 0 0 .66.47.47 0 0 0 .66 0l.8-.8h.01l2.11-2.1c.14-.14.41-.19.58-.09.15.09.24.24.24.4 0 .13-.05.24-.14.33l-1.47 1.46h4.39l-1.47-1.46a.46.46 0 0 1 .1-.73c.17-.1.43-.05.57.1L24 18.08c.08.06.18.1.28.1.17 0 .32-.09.4-.24.1-.17.05-.43-.09-.57l-.14-.14h2.31c.77 0 1.39.57 1.47 1.3h1.75c.22 0 .8 0 1.03.71l.8 1.94zM28.7 25.8c0 .75.62 1.36 1.37 1.36.86 0 1.54-.77 1.35-1.65-.1-.52-.53-.93-1.05-1.04a1.38 1.38 0 0 0-1.67 1.33zm-2.17-1c-.05.23-.12.44-.22.63h1.6a2.2 2.2 0 0 1 2.16-1.81c1.09 0 2 .76 2.18 1.8h.9c.04 0 .07-.03.07-.06v-3.11-.04l-.06-.01-1.7-.28a.39.39 0 0 1-.3-.23l-.9-2.2c-.05-.16-.08-.17-.29-.17h-1.77-.02l-.06.71a.3.3 0 0 1-.14.23l-.41.27zm-8.25-4.07a.42.42 0 0 0-.42.43l.29 2.69a.42.42 0 1 0 .83-.02l-.28-2.69a.42.42 0 0 0-.42-.4zm-3 3.15c.02.21.2.38.41.38h.04a.42.42 0 0 0 .38-.46l-.43-2.69a.41.41 0 0 0-.45-.38.42.42 0 0 0-.38.46zm2.53 3.27c.61 0 1.13-.4 1.3-.96h-2.6c.16.56.68.96 1.3.96zm4.11-6a.42.42 0 0 0-.41-.42.41.41 0 0 0-.42.4l-.28 2.72c0 .22.18.4.41.4.23 0 .42-.18.42-.39zm2.17 3.1c.22 0 .4-.16.42-.36l.43-2.71a.41.41 0 0 0-.38-.45.42.42 0 0 0-.45.37l-.43 2.71c-.01.11.02.22.1.3.07.09.17.14.28.15z"></path> </defs> <g> <g clip-path="url(#clip-72B53A8F-48D2-421E-9EC9-9A8CE7DC52A1)" transform="translate(-11 -15)"> <use fill="#00549e" stroke="none" xlink:href="#clxfa"></use> </g> </g> </svg> </i> <div class="ddl_link_inline address shoponline" style="display: inline-block; vertical-align: middle;"> <span class="link"> <span class="label_wrapper"> <span class="label">Kúpiť teraz</span> </span> </span> </div> </a> {% endif %} {% if product['leaflet_domain'] == 'starline' and moment().valueOf() < product.productValidity %} <div class="promo-countdown{{ ' -lessThan48' if moment(product.productValidity).diff(moment(), 'hours') <= 48 }}"> <i class="icon -lessThan48"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="22" height="22" viewBox="0 0 22 22"> <defs> <path id="ywjka" d="M216.5 21a9.5 9.5 0 1 1-19 0 9.5 9.5 0 0 1 19 0z"/> <path id="ywjkb" d="M207 14.5v7h-5"/> </defs> <g> <g transform="translate(-196 -10)"> <use fill="#fff" fill-opacity="0" stroke="#fff" stroke-miterlimit="50" stroke-width="1.2" xlink:href="#ywjka"/> </g> <g transform="translate(-196 -10)"> <use fill="#fff" fill-opacity="0" stroke="#fff" stroke-miterlimit="50" stroke-width="1.2" xlink:href="#ywjkb"/> </g> </g> </svg> </i> <i class="icon normal"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="22" height="22" viewBox="0 0 22 22"> <defs> <path id="ywjka" d="M216.5 21a9.5 9.5 0 1 1-19 0 9.5 9.5 0 0 1 19 0z"/> <path id="ywjkb" d="M207 14.5v7h-5"/> </defs> <g> <g transform="translate(-196 -10)"> <use fill="#00539F" fill-opacity="0" stroke="#00539F" stroke-miterlimit="50" stroke-width="1.2" xlink:href="#ywjka"/> </g> <g transform="translate(-196 -10)"> <use fill="#00539F" fill-opacity="0" stroke="#00539F" stroke-miterlimit="50" stroke-width="1.2" xlink:href="#ywjkb"/> </g> </g> </svg> </i> <div class="promo-countdown-wrapper"> <p>Zľava končí</p> <b data-countdown="{{ product.productValidity | ymdhmsDateFormat}}" data-count-down-dur-locale="&quot;{\&quot;S\&quot;:\&quot;m\&quot;,\&quot;SS\&quot;:\&quot;m\&quot;,\&quot;s\&quot;:\&quot;d\&quot;,\&quot;ss\&quot;:\&quot;s\&quot;,\&quot;m\&quot;:\&quot;m\&quot;,\&quot;mm\&quot;:\&quot;m\&quot;,\&quot;h\&quot;:\&quot;h\&quot;,\&quot;hh\&quot;:\&quot;h\&quot;,\&quot;d\&quot;:\&quot;d\&quot;,\&quot;dd\&quot;:\&quot;d\&quot;,\&quot;w\&quot;:\&quot;t\&quot;,\&quot;ww\&quot;:\&quot;t\&quot;,\&quot;M\&quot;:\&quot;m\&quot;,\&quot;MM\&quot;:\&quot;m\&quot;,\&quot;y\&quot;:\&quot;r\&quot;,\&quot;yy\&quot;:\&quot;l\&quot;}&quot;"></b> </div> </div> {% endif %} </div> {% if product['type'] == 1 %} <div class="details-box"> {% else %} <a href="/akciove-ponuky/akciove-produkty/produkt/{{product['url']}}" class="details-box" tabindex="0"> {% endif %} {% if product['leaflet_domain'] == 'starline' %} <div class="discount"> <img src="/imgglobal/tescoce/product-ping/sized/101x101/our_price_tile_SK.png" alt="" title="" style="max-width:101px;max-height:101px;"> </div> {% elif product['data']['saving'] %} <div class="discount"> {% if product['data']['saving']['type'] === 'Buy X get Y' %} <div class="multibuy"> <span> {{ ('pridať #GET# zaplatiť za #BUY#').replace('#BUY#', '<p>' + product['data']['saving']['values'][0] + '</p>').replace('#GET#', '<p>'+ product['data']['saving']['values'][1] + '</p>') | safe }} </span> </div> {% elif product['data']['saving']['type'] === 'x product for half price' %} <span class="get-second-for"> <p>Other for</p> </span> <span class="value -getSecondFor1_2ofPrice"> ¹ <span>/</span> _{{{product['data']['saving']['values']}}} </span> <span class="of-price"> <p>of price</p> </span> {% elif product['data']['saving']['type'] === 'save % with clubcard' %} <span class="save-with-cc"><p>S Clubcard</p></span> <span class="value">-{{product['data']['saving']['values']}}_%</span> {% elif product['data']['saving']['type'] === 'price for x' %} <span style="font-size: 25px; margin-top: 15px; " class="save-with-cc"><p>Price for</p></span> <span style="font-size: 30px;margin-top: 10px;" class="value">{{product['data']['unit']}}</span> {% elif product['data']['saving']['type'] === 'cheaper if X' %} <div class="discount"> <div class="discountIfBuyMultiple"> <p>Discount if you buy</p> <p><span class="impact">{{ cheaperTypeText(product['data']['unit'], 0) }}</span> <span class="qty">{{ cheaperTypeText(product['data']['unit'], 1) }}</span></p> </div> </div> {% elif product['data']['saving']['type'] === 'X one is cheaper' %} <div class="discount"> <div class="discountIfBuyMultiple"> <p style="margin-top: 5px;"><span class="qty" style="font-size: 40px; font-weight: bold">{{ cheaperTypeText(product['data']['unit'], 0) }}</span>&nbsp;{{ cheaperTypeText(product['data']['unit'], 1) }}<br/>cheaper</p> </div> </div> {% elif product['data']['saving']['type'] === 'Buy X For $' %} <div class="discount"> <div class="discountIfBuyMultiple"> <p style="font-size: 33px; margin-top: 5px;">{{product['data']['saving']['values']}}</p> <p>for</p> <p> <span style="font-size: 28px; margin-bottom: -10px;">{{product['data']['new-price']['price']}}</span> € </p> </div> </div> {% else %} {% if product['data']['saving']['type'] === 'save $' or product['data']['saving']['type'] === 'save $ or more' %} <span class="value">-{{ Math.round(((product['data']['saving']['values'] / product['data']['old-price']['price']) * 100)) }}_%</span> {% else %} <span class="value">-{{product['data']['saving']['values']}}_%</span> {% endif %} {% endif %} </div> {% endif %} <div class="title"> <b class="name">{{product['name']}}</b> <span class="description">{{product['description']}}</span> {% if product['data']['si-unit'] and product['data']['new-price']['si-unit-price'] %} {% if typeof(product['data']['new-price']['si-unit-price']) == "string" %} <span>({{product['data']['si-unit']}} = {{product['data']['new-price']['si-unit-price']}} )</span> {% else %} <span>{{ implode("/", product['data']['new-price']['si-unit-price']) }} / {{product['data']['si-unit']}}</span> {% endif %} {% endif %} </div> {% if product['type'] == 1 and product['data']['new-price'] and product['data']['new-price']['price'] %} <div class="banner-text"> <span>{{ product['description'] }}</span> {% if product['data']['old-price'] and product['data']['old-price']['price'] %} <span class="old-price">{{ product['data']['old-price']['price'] }}</span> {% endif %} {% if product['data']['new-price'] and product['data']['new-price']['price']%} <span class="old-price">{{ product['data']['new-price']['price'] }}</span> {% endif %} </div> {% endif %} <div class="image"> <img src="{{ product['imageurl'] }}" alt="{{ product['name'] }}" style="max-width:188px;"> </div> {% if product['type'] == 1 and not product['data']['new-price'] or not product['data']['new-price']['price'] %} <div class="banner-text"> <span>{{ product['description'] }}</span> </div> {% endif %} <div class="price"> {% if product['data']['saving']['type'] === 'save % with clubcard' %} <span class="old-price -clubcardCase"> {{ product['data']['new-price']['price'] }} </span> <p class="withClubCard">S Clubcard:</p> <b class="new-price">{{product['data']['clubcard-price']['price'].split('.')[0]}}^{{{product['data']['clubcard-price']['price'].split('.')[1]}}}</b> {% elif product['data']['saving']['type'] === 'Buy X For $' %} <span class="old-price"></span> <b class="new-price">{{product['data']['old-price']['price'].split('.')[0]}}^{{{product['data']['old-price']['price'].split('.')[1]}}}</b> {% else %} {% if product['data']['old-price'] and product['data']['old-price']['price'] %} <span class="old-price"> {{ product['data']['old-price']['price'] }} </span> {% else %} <span class="old-price"></span> {% endif %} {% if product['data']['new-price'] and product['data']['new-price']['price'] %} <b class="new-price">{{product['data']['new-price']['price'].split('.')[0]}}^{{{product['data']['new-price']['price'].split('.')[1]}}}</b> {% endif %} {% endif %} </div> {% if product['type'] == 1 %} </div> {% else %} </a> {% endif %} <div class="shopping-list-parts"> <div class="add-button"> <i class="icon"> <svg viewBox="0 0 24 24" width="100%" height="100%"> <line x1="3" y1="12" x2="21" y2="12"></line> <line x1="12" y1="3" x2="12" y2="21"></line> </svg> </i> <div class="add-text ddl_link_inline address addtoshoppinglist"> <a> <span class="label_wrapper"> <span class="label">Pridať do zoznamu</span> </span> </a> </div> <span class="added-text">Pridané do<a href="/akciove-ponuky/nakupny-zoznam" title="zoznamu" target="_blank">zoznamu</a></span> </div> <div class="add-item"> <div class="add-item__inner"> <div class="newddl-text-field newddl-quantity qty_div"> <div class="newddl-button blue icon-bg standalone search-icon no-float less-button disabled"> <i class="icon"> <svg viewBox="0 0 24 8" width="100%" height="100%"> <line x1="3" y1="4" x2="21" y2="4"></line> </svg> </i> </div> <input type="text" class="newddl-quantity-input qty" value="1" min="1" tabindex="0"> <div class="newddl-button blue icon-bg standalone search-icon no-float more-button"> <i class="icon"> <svg viewBox="0 0 24 24" width="100%" height="100%"> <line x1="3" y1="12" x2="21" y2="12"></line> <line x1="12" y1="3" x2="12" y2="21"></line> </svg> </i> </div> </div> <div class="newddl-button blue secondary no-float no-icon min-width accept-button add_to_basket" onclick="addToBasket(this)" data-template="/akciove-ponuky/nakupny-zoznam" data-prod_id="{{ product['id'] }}"> <span class="link-label">Pridať do zoznamu</span> </div> <div class="cancel-link"> <a href="#cancel" title="Zrušiť" tabindex="0">Zrušiť</a> </div> </div> </div> <div class="added-item" style=""> <p class="t2 nddl">Pridané do <a href="/akciove-ponuky/nakupny-zoznam" title="zoznamu" target="_blank" tabindex="0">zoznamu</a></p> </div> </div> </div> </div>