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


    {{#if mobile_promotion_media}}
        <img width="137" height="32" src="{{MEDIA_CONTENT_URL}}{{mobile_promotion_media}}"  alt="{{long_promotion_text}}" class="promotion_image">
    {{/if}}

    <a class="product_link" title="Ver ficha de {{product_description}}" onClick="javascript:callingTaggingEnpoints('{{click}}')" {{#if friendlyURL}} href="{{STORE_CONTEXT_ROOT}}{{friendlyURL}}" {{else}}href="#"{{/if}} itemprop="url">

        <div class="product_data">
            <span class="name" itemprop="name" id="description_text">{{product_description}}</span>

            <span class="data">Marca: <span itemprop="brand">{{brand}}</span></span>

            {{#if kcal}}
                <span class="data">{{kcal}} kcal</span>
            {{/if}}

            {{#if promotion_text}}
                <span class="data"><span style="font-weight: bold; color: #E56A5A;">{{promotion_text}}</span></span>
            {{/if}}

            {{#if flagIcons}}
                {{#each flagIcons}}
                    <span class="data">{{productIconTooltipKey}}</span>
                {{/each}}
            {{/if}}

        </div>
        <img class="product_image" alt="{{product_description}}" data-original="{{MEDIA_CONTENT_URL}}/resize_190x200{{product_large_image}}"
            src="{{MEDIA_CONTENT_URL}}/resize_190x200{{product_large_image}}"  style="display: block;">
        <meta itemprop="image" content="{{MEDIA_CONTENT_URL}}/resize_190x200{{product_large_image}}">
    </a>

    <div class="product_price_container" itemprop="offers" itemscope="" itemtype="http://schema.org/Offer">
        {{#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}}

        {{#if on_sale_price}}
            <span class="product_previous_price"><span itemprop="price" id="list_price_{{product_id}}"></span>{{i18n "mobile.commons.euro_symbol"}}</span>
            <span class="product_price"><span itemprop="price" id="sale_price_{{product_id}}"></span>{{i18n "mobile.commons.euro_symbol"}}</span>
            <meta itemprop="priceCurrency" content="EUR">
            <script>
                formatNumber('{{price}}', 'list_price_{{product_id}}');
                formatNumber('{{on_sale_price}}', 'sale_price_{{product_id}}');
            </script>
        {{else}}
            <span class="product_price"><span itemprop="price" id="list_price_{{product_id}}"></span>{{i18n "mobile.commons.euro_symbol"}}</span>
            <meta itemprop="priceCurrency" content="EUR">

            <script>
                formatNumber('{{price}}', 'list_price_{{product_id}}');
            </script>
        {{/if}}
          <meta itemprop="priceCurrency" content="EUR">

    </div>
    <div class="unit_container">
        {{#if quantity}}
            {{^pOrderResume}}
                <a class="substract_button visible" title="{{i18n "mobile.productTemplate.menos"}}" href="javascript:removeItemFromList('{{product_id}}');"></a>
            {{/pOrderResume}}
        {{else}}
            <a class="substract_button" title="{{i18n "mobile.productTemplate.menos"}}" href="javascript:removeItemFromList('{{product_id}}');"></a>
        {{/if}}

        {{#if quantity}}
         {{#if pOrderResume}}
            <span id="item_quantity_{{product_id}}" class="quantity_container" style="padding-left:20px">{{quantity}}</span>
           {{else}}
           <span id="item_quantity_{{product_id}}" class="quantity_container">{{quantity}}</span>
            {{/if}}
        {{else}}
            {{#if ingredientUnits}}
                <span id="item_quantity_{{product_id}}" class="quantity_container">{{ingredientUnits}}</span>
            {{else}}
                <span id="item_quantity_{{product_id}}" class="quantity_container">0</span>
            {{/if}}
        {{/if}}
        {{^pOrderResume}}
            <a class="add_button" title="Mas" href="javascript:addItemFromList('{{product_id}}');"></a>
        {{/if}}
    </div>

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



        {{#eq sku_state "7"}}
            <a class="white_button temporal" title="{{i18n "mobile.productTemplate.anadirCarrito"}}" href="javascript:condisAlert('{{i18n "mobile.product.not.availalable"}}')"></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 "mobile.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:addItemToCartFromList('{{product_id}}', 'PLP')"></a>
            {{else}}
                <a data-product-id="{{product_id}}" class="orange_button btn_add2cart" title="{{i18n "mobile.productTemplate.anadirCarrito"}}" onClick="dataLayer.push({event: 'event_gtm', category:'acciones usuario', action:'a�adir producto desde listado'});" href="javascript:addItemToCartFromList('{{product_id}}', 'PLP')"></a>
            {{/if}}
        {{/eq}}


        <span class="added_button"></span>

    </div>

</article>