{% if product['magicItem'] == 1 %} <div class="a-productListing__productsGrid__element"> <div id="magic_item-67d2a78f4c4f6__{{ product['id'] }}" class="ddl-product-lol magic_item{% if 0 == product['id'] %}form_open{% endif %}" > <div class="details-box" id="magic_item-{{ product['id'] }}"> <div class="name_container"> <div class="nddl t2 name">{{ product['name'] }}</div> <div class="nddl t3 subtitle">{{ product['subtitle'] }}</div> </div> <div class="animation"> {% if product['animation'] or product['animation_mp4'] %} <video autoplay muted loop playsinline webkit-playsinline preload="auto" > {% if product['animation'] %} <source src="{{ product['animation'] }}" type="video/webm" /> {% endif %} {% if product['animation_mp4'] %} <source src="{{ product['animation_mp4'] }}" type="video/mp4" /> {% endif %} </video> {% endif %} {% if product['image'] %} <img src="{{ product['image'] }}" alt="magic_item-67d2a78f4c4f6__{{ product['id'] }}__image_alt" /> {% endif %} </div> </div> <div class="shopping-list-parts"> <a href="?apage=0&page=0&magic_item_form={{ product['id'] }}#magic_item-{{ product['id'] }}" class="add-button magic_item_join" > <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"> <div> <span class="label_wrapper"> <span class="label"></span> </span> </div> </div> </a> <form action="?apage=0&page=0&magic_item_form={{ product['id'] }}#magic_item-{{ product['id'] }}" method="POST" id="magic_item-{{ product['id'] }}__form" class="magic_item__form" data-options='[]' > <input type="hidden" name="__token" value="N2EwM2VkYzU4MmM5ZDAyMTU0ZmE2YzlmNjdmZWU2YzM=" /> <input type="hidden" name="id" value="{{ product['id'] }}" /> <input type="hidden" name="hid" value="{{ product['hid'] }}" /> <h3></h3> <h4></h4> <div class="FormValidate__field magic_item__form__field email"> <label for="magic_item-67d2a78f4c4f6__{{ product['id'] }}__email" class="nddl-sr-only" > </label> <input type="email" name="email" id="magic_item-67d2a78f4c4f6__{{ product['id'] }}__email" placeholder="" /> <div class="FormValidate__field__error error_text"></div> </div> <div class="FormValidate__field magic_item__form__field name"> <label for="magic_item-67d2a78f4c4f6__{{ product['id'] }}__name" class="nddl-sr-only" > </label> <input type="text" name="name" data-type="name" id="magic_item-67d2a78f4c4f6__{{ product['id'] }}__name" placeholder="" /> <div class="FormValidate__field__error error_text"></div> </div> <div class="FormValidate__field magic_item__form__checkbox consent"> <input class="nddl-sr-only choff" id="magic_item-67d2a78f4c4f6__{{ product['id'] }}__consent" name="consent" type="checkbox" /> <label class="mark" for="magic_item-67d2a78f4c4f6__{{ product['id'] }}__consent"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50.3px" height="62px" viewBox="0 0 50.3 62" style="enable-background:new 0 0 50.3 62;" xml:space="preserve" > <g> <path class="checkbox" fill="#333" d="M48.7,17.2l-4.9-4.9c-0.7-0.7-1.8-0.7-2.4,0L17.5,36.2l-8.4-8.4c-0.7-0.7-1.8-0.7-2.4,0l-4.9,4.9 c-0.7,0.7-0.7,1.8,0,2.4L15.7,49c0.5,0.5,1.1,1.2,1.8,1.2s1.4-0.7,1.9-1.2l29.4-29.4C49.4,19,49.4,17.9,48.7,17.2z" ></path> </g> </svg> </label> <label class="label" for="magic_item-67d2a78f4c4f6__{{ product['id'] }}__consent"> </label> <div class="FormValidate__field__error error_text"></div> </div> <div class="FormValidate__field magic_item__form__checkbox newsletter"> <input class="nddl-sr-only choff" id="magic_item-67d2a78f4c4f6__{{ product['id'] }}__newsletter" name="newsletter" type="checkbox" /> <label class="mark" for="magic_item-67d2a78f4c4f6__{{ product['id'] }}__newsletter"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50.3px" height="62px" viewBox="0 0 50.3 62" style="enable-background:new 0 0 50.3 62;" xml:space="preserve" > <g> <path class="checkbox" fill="#333" d="M48.7,17.2l-4.9-4.9c-0.7-0.7-1.8-0.7-2.4,0L17.5,36.2l-8.4-8.4c-0.7-0.7-1.8-0.7-2.4,0l-4.9,4.9 c-0.7,0.7-0.7,1.8,0,2.4L15.7,49c0.5,0.5,1.1,1.2,1.8,1.2s1.4-0.7,1.9-1.2l29.4-29.4C49.4,19,49.4,17.9,48.7,17.2z" ></path> </g> </svg> </label> <label class="label" for="magic_item-67d2a78f4c4f6__{{ product['id'] }}__newsletter"> </label> <div class="FormValidate__field__error error_text"></div> </div> <button class="newddl-button white xmas2018 no-float no-icon submit"> <span class="link-label"></span> </button> </form> </div> </div> </div> {% else %} <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">Az ajánlat érvényes {{ 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://bevasarlas.tesco.hu/groceries/hu-HU/products/{{ product['data']['tpn'][0] }}" class="newddl-button left transparent ghs-link" tabindex="0" target="_blank"> <div class="ddl_link_inline address shoponline" style="display: inline-block; vertical-align: middle;"> <span class="link"> <span class="label_wrapper"> <span class="label">Rendelj most</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>Kedvezmény vége</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;m\&quot;,\&quot;ss\&quot;:\&quot;m\&quot;,\&quot;m\&quot;:\&quot;p\&quot;,\&quot;mm\&quot;:\&quot;p\&quot;,\&quot;h\&quot;:\&quot;\u00f3\&quot;,\&quot;hh\&quot;:\&quot;\u00f3\&quot;,\&quot;d\&quot;:\&quot;n\&quot;,\&quot;dd\&quot;:\&quot;n\&quot;,\&quot;w\&quot;:\&quot;h\&quot;,\&quot;ww\&quot;:\&quot;h\&quot;,\&quot;M\&quot;:\&quot;h\&quot;,\&quot;MM\&quot;:\&quot;h\&quot;,\&quot;y\&quot;:\&quot;\u00e9\&quot;,\&quot;yy\&quot;:\&quot;\u00e9\&quot;}&quot;"></b> </div> </div> {% endif %} </div> {% if product['type'] == 1 %} <div class="details-box"> {% else %} <a href="/akciok/akcios-termekek/termek/{{product['url']}}" class="details-box" tabindex="0"> {% endif %} {{product['productBoxContent']|safe}} {% 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"> <div> <span class="label_wrapper"> <span class="label">Hozzáadás</span> </span> </div> </div> <span class="added-text">Hozzáadva<a href="/ajanlatok/termekek/bevasarlo-lista" title="bevásárlólista" target="_blank">bevásárlólista</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="/ajanlatok/termekek/bevasarlo-lista" data-prod_id="{{ product['id'] }}"> <span class="link-label">Hozzáadás </span> </div> <div class="cancel-link"> <a href="#cancel" title="Mégsem" tabindex="0">Mégsem</a> </div> </div> </div> <div class="added-item" style=""> <p class="t2 nddl">Hozzáadva <a href="/ajanlatok/termekek/bevasarlo-lista" title="bevásárlólista" target="_blank" tabindex="0">bevásárlólista</a></p> </div> </div> </div> {% if product['data']['loyality'] and product['data']['loyality']['name'] == 'minion' and product['data']['loyality']['sticker-count'] %} <div class="minions-sticker"> <img src="/imgglobal/tescoce/ddl/product/sticker/minions/HU/smaller/{{ product['data']['loyality']['sticker-count'] }}.png" alt="minion-sticker-{{ product['data']['loyality']['sticker-count'] }}" /> </div> {% endif %} {% if product['data']['loyality'] and product['data']['loyality']['name'] == 'spin_n_win'%} <div class="spin_n_win__sticker"> <img src="/imgglobal/tescoce/ddl/product/sticker/spin_n_win/HU/default-min.png" alt="spin_n_win__sticker" /> </div> {% endif %} </div> {% endif %}