{{#if quantity}}
    <article class="article_container added" id="item_description_{{product_id}}">
{{else}}
    <article class="article_container" id="item_description_{{product_id}}">
{{/if}}

    {{#if friendlyURL}}
        <a class="article_name" title="{{i18n "product.showForm"}} {{product_description}}" href="{{STORE_CONTEXT_ROOT}}{{friendlyURL}}" itemprop="url"><span itemprop="name" id="description_text">{{product_description}}</span></a>
    {{else}}
        <a class="article_name" title="{{i18n "product.showForm"}} {{product_description}}" href="#" itemprop="url"><span itemprop="name" id="description_text">{{product_description}}</span></a>
    {{/if}}

        <!--informacion de gluten y calorias -->
        <div class="info_container">

            {{#if kcal}}
                <span class="calories">{{kcal}} <span>kcal</span></span>
                <a class="info" title="{{i18n "productTemplate.productoCon"}} {{kcal}} {{i18n "productTemplate.kilocalorias"}}" href="javascript:void(0);">
                    <span class="info_text">{{i18n "productTemplate.productoCon"}} {{kcal}} {{i18n "productTemplate.kilocalorias"}}.</span>
                </a>
            {{/if}}

            {{#if flagIcons}}
                {{#each flagIcons}}
                    <img class="info_icon" alt="{{productIconTooltipKey}}" src="{{MEDIA_CONTENT_URL}}/resize_39x39{{productIconUrlKey}}" width="39" height="39">

                    {{#if productIconTooltipKey}}
                        <a class="info" title="{{productIconTooltipKey}}" href="javascript:void(0);">
                            <span class="info_text">{{productIconTooltipKey}}</span>
                        </a>
                    {{/if}}
                {{/each}}
            {{/if}}
        </div>

        <img class="article_image" alt="{{product_description}}"
             data-original="{{MEDIA_CONTENT_URL}}/resize_190x200{{product_large_image}}"
             src="{{MEDIA_CONTENT_URL}}/resize_190x200{{product_large_image}}" width="190" height="200">

        <meta itemprop="image" content="{{MEDIA_CONTENT_URL}}/resize_190x200{{product_large_image}}">

        <div class="article_price_container" itemprop="offers" itemscope itemtype="http://schema.org/Offer">

            <!-- Price -->
            {{#if on_sale_price}}
                <span class="offer">{{i18n "product.before"}} <span id="list_price_{{product_id}}"></span>{{i18n "commons.euro_symbol"}}</span>
                <span class="article_price" itemprop="price"><span id="sale_price_{{product_id}}"></span></span>
                <span class="currency">{{i18n "commons.euro_symbol"}}</span>
                <script>
                    formatNumber('{{price}}', 'list_price_{{product_id}}');
                    formatNumber('{{on_sale_price}}', 'sale_price_{{product_id}}');
                </script>
            {{else}}
                {{#if promotion_text}}
                    <span class="offer">{{promotion_text}}</span>
                {{/if}}
                <span class="article_price" itemprop="price"><span id="list_price_{{product_id}}"></span></span>
                <span class="currency">{{i18n "commons.euro_symbol"}}</span>
                <script>
                    formatNumber('{{price}}', 'list_price_{{product_id}}');
                </script>
            {{/if}}

            <meta itemprop="priceCurrency" content="EUR">
            <div class="unit_container">
                {{^pOrderResume}}
                    <a class="substract_button" title="{{i18n "productTemplate.menos"}}" href="javascript:void(0);">-</a>
                {{/if}}
                <label class="quantity_container">
                    {{#if quantity}}
                        {{#if pOrderResume}}
                            <input class="input_quantity_product" id="item_quantity_{{product_id}}" type="number" data-product="{{product_id}}" value="{{quantity}}"  style="background-color: #D8CCC9; color:white" disabled>
                        {{else}}
                            <input class="input_quantity_product" id="item_quantity_{{product_id}}" type="number" data-product="{{product_id}}" value="{{quantity}}" min="1" max="999" required autocomplete="off">
                        {{/if}}
                    {{else}}
                        {{#if ingredientUnits}}
                            <input class="input_quantity_product" id="item_quantity_{{product_id}}" type="number" data-product="{{product_id}}" value="{{ingredientUnits}}" min="1" max="999" required autocomplete="off">
                        {{else}}
                            <input class="input_quantity_product" id="item_quantity_{{product_id}}" type="number" data-product="{{product_id}}" value="" min="1" max="999" required autocomplete="off">
                        {{/if}}
                    {{/if}}
                </label>
                {{^pOrderResume}}
                    <a class="add_button" title="{{i18n "productTemplate.mas"}}" href="javascript:void(0);">+</a>
                    <a class="added_tick" title="{{i18n "product.changeUnits"}}" href="javascript:void(0);"></a>
                {{/if}}
            </div>

            {{#if pum_weight}}
                <div class="article_pum">
                    <span>{{pum_weight}}</span>
                </div>
            {{else}}
                {{#if pum}}
                    <div class="article_pum">
                        <span>{{pum}}</span>
                    </div>
                {{else}}
                    <div class="article_pum">
                        <span>&nbsp;</span>
                    </div>
                {{/if}}
            {{/if}}

            {{#eq sku_state "7"}}
                <a class="white_button" style="line-height: 30px" title="{{i18n "productTemplate.anadirCarrito"}}" href="javascript:condisAlert('{{i18n "product.not.availalable"}}')">{{i18n "commons.addCart_btn"}} &gt;</a>
            {{else}}
                {{#if bought_from}}

                <input  id="checkout_tagging_{{product_id}}" value="{{checkout_tagging}}"  style="display: none;">
                    <a data-product-id="{{product_id}}" class="orange_button btn_add2cart" title="{{i18n "productTemplate.anadirCarrito"}}" onClick="dataLayer.push({event: 'event_gtm',category:'acciones usuario', action:'a�adir producto desde listado'}); ;javascript:callingTaggingEnpoints('{{add2cart}}');javascript:callingTaggingEnpoints('{{click}}');" href="javascript:addToCartFromItemList('{{product_id}}', '{{bought_from}}')">{{i18n "commons.addCart_btn"}} &gt;</a>
                {{else}}
                    <a data-product-id="{{product_id}}" class="orange_button btn_add2cart" title="{{i18n "productTemplate.anadirCarrito"}}" onClick="dataLayer.push({event: 'event_gtm',category:'acciones usuario', action:'a�adir producto desde listado'})" href="javascript:addToCartFromItemList('{{product_id}}')">{{i18n "commons.addCart_btn"}} &gt;</a>
                {{/if}}
            {{/eq}}
            <span class="added_button">{{i18n "product.added"}}</span>

            {{#if friendlyURL}}
            {{#if wishlist}}
                <a class="white_button" title="{{i18n "productTemplate.anadirMiLista"}}" href="javascript:addToListFromItemList('{{product_id}}','{{wishlist}}')" onClick="dataLayer.push({event: 'event_gtm',category:'acciones usuario', action:'a�adir producto a lista'});">{{i18n "commons.addlist"}}</a>
            {{else}}
            <a class="white_button" title="{{i18n "productTemplate.anadirMiLista"}}" href="javascript:addToListFromItemList('{{product_id}}')" onClick="dataLayer.push({event: 'event_gtm',category:'acciones usuario', action:'a�adir producto a lista'});">{{i18n "commons.addlist"}}</a>
            {{/if}}
            {{/if}}
        </div>

        {{#if friendlyURL}}
            <a class="article_link" title="{{i18n "product.showForm"}} {{product_description}}" href="{{STORE_CONTEXT_ROOT}}{{friendlyURL}}" onClick="javascript:callingTaggingEnpoints('{{click}}')" itemprop="url"></a>
        {{else}}
            <a class="article_link" title="{{i18n "product.showForm"}} {{product_description}}" href="#" itemprop="url"></a>
        {{/if}}
        <div class="hover_container">
            <div class="hover">
                <div class="info_symbol"></div>
            </div>
        </div>

        {{#if large_promotion_media}}
            <img width="116" height="114" src="{{MEDIA_CONTENT_URL}}/resize_128x128{{large_promotion_media}}" alt="{{long_promotion_text}}" class="promotion_image">
        {{/if}}

        {{#if long_promotion_text}}
        <!-- <a class="more_info" title="{{i18n "product.promo.info"}}" href="javascript:void(0);"> -->
        <a class="more_info" href="javascript:void(0);">
            <span class="tooltip">
                {{long_promotion_text}}
                <span class="arrow"></span>
            </span>
        </a>
        {{/if}}
    </article>