twigfiddle.com - Fiddle pvxuqn v1 - Created on April 23, 2024 17:33

File
{% set badgeData = {
 'Ya disponible': 'instock',
 'Mínimo histórico': 'low',
 'Superventas': 'bestseller',
 'Novedad': 'new',
 'Patrocinado': 'sponsored',
 'Available now': 'instock',
 'Historic low': 'low',
 'Blockbuster': 'bestseller',
 'New': 'new',
 'Sponsored': 'sponsored'
} %}
{% set reviewSiteTitle = getConfig(reviewLinkSite, 'general.blog_title') %}
{% set analysisLinkText = '' != reviewSiteTitle ? 'ficha.compra.review' : 'ficha.compra.external.review' %}
{% if rating_type in ['finalista', 'ganador'] %}
 {% set analysisLinkText = '' != review_url ? 'ficha.compra.premios.review' : 'ficha.compra.premios.text' %}
{% endif %}
{% set hasDescriptionAuthor = author is not empty %}
{% set socialTwitter = config['social.twitter'] %}
{% set locale = 'MXN' == mainDeal.currency ? 'es_MX' : 'es' %}
{% set affiliateLinkAttr = config['frontend.add_sponsored_attribute_on_affiliate_link'] ? 'rel="nofollow, sponsored, noopener, noreferrer" target="_blank"' %}
{% set webpImageUrl = getWebpImage(image_url) %}
{% set isOutOfStock = otherDeal is empty and mainDeal.available is defined and mainDeal.available is empty %}
{% set desiredStore = 'amazon' %}
<div class="ficha-de-compra-container">
 <div class="ficha-compra-container ">
  <div class="ficha-compra-picture-container">
   {% if video_url is not empty %}
    <a rel="noopener, noreferrer" class="ficha-compra-video" href="{{ video_url }}" title="{{ 'ficha.compra.video.review'|trans }}"></a>
   {% endif %}
   <a {{ affiliateLinkAttr|raw }} href="{{ mainDeal.url }}" class="ficha-compra-picture">
    {% if '1' == config['frontend.flags.enable_webp_primary_image'] %}
     <amp-img src="{{ webpImageUrl }}" alt="{{ title }}" width="160" height="160">
      <amp-img src="{{ image_url }}" fallback alt="{{ title }}" width="160" height="160"></amp-img>
     </amp-img>
    {% else %}
     <amp-img src="{{ image_url }}" alt="{{ title }}" width="160" height="160"></amp-img>
    {% endif %}
   </a>
   {% if badge is not empty %}
    <span class="ficha-compra-badge-info m-badge-{{ badgeData[badge] }}">{{ badge }}</span>
   {% endif %}
  </div>
  <h5 class="ficha-compra-title">{{ title }}</h5>
  {% if price > 0 and mainDeal.price < price %}
   <span class="ficha-compra-price-original m-deal-price-greater">{{ price|format_currency(currency, locale = locale) }}</span>
  {% endif %}
  <div class="deal-component">
   <a {{ affiliateLinkAttr|raw }} href="{{ mainDeal.url }}" class="deal-main-price {% if isOutOfStock %}ecommerce-out-of-stock{% endif %}">{% if isOutOfStock %}{{'ficha.compra.outOfStock'|trans}}{% else %}{{ mainDeal.price|format_currency(mainDeal.currency, locale = locale) }}{% endif %}</a>
   {% if mainDeal.discount > 0 and mainDeal.available is not empty %}
    <a {{ affiliateLinkAttr|raw }} href="{{ mainDeal.url }}" class="deal-main-discount">-{{ mainDeal.discount }}%</a>
   {% endif %}
   <a {{ affiliateLinkAttr|raw }} href="{{ mainDeal.url }}" class="deal-main-store">{{ mainDeal.link_text }}</a>
  </div>
  {% if 1 == config['flags.enable_onelink_message'] and desiredStore == mainDeal.store|lower %}
   <div class="amazon-one-link-msg"></div>
  {% endif %}
  <div class="ficha-compra-sharing">
   <div class="ficha-compra-social-share">
    <a rel="noopener, noreferrer" href="whatsapp://send?text={{ title|url_encode }} {{ mainDeal.productSocialSharingLink|url_encode }}" class="ficha-compra-sharing-anchor ficha-compra-whatsapp " style="display:none;">whatsapp</a>
    <a rel="noopener, noreferrer" href="http://www.facebook.com/dialog/feed?app_id={{ config['facebook.apikey'] }}&redirect_uri={{ postUrl }}&link={{ mainDeal.productSocialSharingLink|url_encode }}" class="ficha-compra-sharing-anchor ficha-compra-facebook ">facebook</a>
    <a rel="noopener, noreferrer" href="https://twitter.com/intent/tweet?url={{ mainDeal.productSocialSharingLink|url_encode }}&text={{ getTweetText(title, socialTwitter)|url_encode }}&via={{ socialTwitter }}" target="_blank" class="ficha-compra-sharing-anchor ficha-compra-x">twitter</a>
   </div>
   {% if otherDeals is not empty %}
    <span class="ficha-compra-deals-toggler" tabindex="0" role="button" on="tap:{{ fichaCompraId }}.toggleVisibility,{{ fichaCompraId }}-ver.toggleVisibility,{{ fichaCompraId }}-Ocultar.toggleVisibility" ><span id="{{ fichaCompraId }}-ver">Ver {{ otherDeals|length }} ofertas más</span><span id="{{ fichaCompraId }}-Ocultar" hidden>Ocultar {{ otherDeals|length }} ofertas más</span></span>
   {% endif %}
  </div>
  {% if otherDeals is not empty %}
   <div id="{{ fichaCompraId }}" class="ficha-compra-deal" hidden>
    <ul>
     {% for otherDeal in otherDeals %}
      <li>
       <div class="deal-component">
        <a {{ affiliateLinkAttr|raw }} href="{{ otherDeal.url }}" class="deal-main-price">{{ otherDeal.price|format_currency(otherDeal.currency, locale = locale) }}</a>
        {% if otherDeal.discount > 0 %}
         <a {{ affiliateLinkAttr|raw }} href="{{ otherDeal.url }}" class="deal-main-discount">-{{ otherDeal.discount }}%</a>
        {% endif %}
        <a {{ affiliateLinkAttr|raw }} href="{{ otherDeal.url }}" class="deal-main-store">{{ otherDeal.link_text }}</a>
       </div>
      </li>
     {% endfor %}
    </ul>
    {% if 1 == config['flags.enable_onelink_message'] and desiredStore != mainDeal.store|lower and desiredStore in otherDeals|map(item => { 'store': item['store']|lower })|column('store') %}
     <div class="amazon-one-link-msg"></div>
    {% endif %}
   </div>
  {% endif %}
  {% if hasDescriptionAuthor or description is not empty %}
   <div class="ficha-compra-desc {{ hasDescriptionAuthor ? 'm-author' : ''}}">
    <p class="ficha-compra-quote">{{ description }}</p>
    {% if hasDescriptionAuthor %}
     <span class="ficha-compra-author">
      <amp-img src="{{ author_thumbnail }}" title="{{ author }}" width="40" height="40" >
     </span>
    {% endif %}
   </div>
  {% endif %}
  {% if 'none' != rating_type or '' != review_url %}
   <div class="ficha-compra-rating">
    {% if '' != review_url %}
     {% if 'none' != rating_type %}
      <a href="{{ review_url }}" class="badge-review {{ reviewRatingClass }}">
       {% if 'nota' == rating_type %}
        {{ rating_value }}
       {% elseif 'ganador' == rating_type' %}
        {{ 'ficha.compra.winner'|trans }}
       {% else %}
        {{ 'ficha.compra.finalist'|trans }}
       {% endif %}
      </a>
     {% endif %}
     <a href="{{ review_url }}" class="badge-text">{{ analysisLinkText|trans({'%site%': reviewSiteTitle, '%text%': rating_value }) }}</a>
    {% endif %}
    {% if '' == review_url %}
     <span class="badge-review {{ reviewRatingClass }}">
      {% if 'nota' == rating_type %}
       {{ rating_value }}
      {% elseif 'ganador' == rating_type %}
       {{ 'ficha.compra.winner'|trans }}
      {% else %}
       {{ 'ficha.compra.finalist'|trans }}
      {% endif %}
     </span>
     {% if 'nota' != rating_type %}
      <span class="badge-text">{{ analysisLinkText|trans({'%text%': rating_value}) }}</span>
     {% endif %}
    {% endif %}
   </div>
  {% endif %}
 </div>
</div>
Format