templates/main/site/views/Partials/Heroes/heroKonjacDetails.html.twig line 1

Open in your IDE?
  1. {% trans_default_domain 'Site' %}
  2. {% from ('main/site/views/Partials/icon.html.twig') import icon  %}
  4. <div class="hero">
  5.     <div class="container-fluid">
  6.         <div class="hero__wrapper">
  7.             <div class="hero__image">
  8.                 <picture>
  9.                     <source srcset="{{ asset('/images/main/product/hero-konjac-'~app.request.locale~'.webp') }} 1x, {{ asset('/images/main/product/hero-konjac-'~app.request.locale~'@2x.webp') }} 1.5x" type="image/webp">
  10.                     <source srcset="{{ asset('/images/main/product/hero-konjac-'~app.request.locale~'.png') }} 1x, {{ asset('/images/main/product/hero-konjac-'~app.request.locale~'@2x.png') }} 1.5x" type="image/png">
  11.                     <img width="416" height="362" loading="lazy" src="{{ asset('/images/main/product/hero-konjac-'~app.request.locale~'.png') }}" alt="{{ 'site.common.hero.ckonjacDetails.title'|trans }}">
  12.                 </picture>
  13.             </div>
  14.             <div class="hero__body">
  15.                 <div class="underline-bottom hero__title">
  16.                     {% set title = affiliateForLegalNotices(tracking) ? 'site.common.hero.ckonjacDetails.title'|trans ~ '<sup>*</sup>' | raw : 'site.common.hero.ckonjacDetails.title'|trans %}
  18.                     {% if headerTag is defined %}
  19.                         {% if headerTag == 'h1' %}
  20.                             <h1>{{ title | raw }}</h1>
  21.                         {% elseif headerTag == 'h2' %}
  22.                             <h2>{{ title | raw }}</h2>
  23.                         {% elseif headerTag == 'h3' %}
  24.                             <h3>{{ title | raw }}</h3>
  25.                         {% else %}
  26.                             <p>{{ title | raw }}</p>
  27.                         {% endif %}
  28.                     {% else %}
  29.                         {{ title }}
  30.                     {% endif %}
  31.                  
  32.                 </div>
  35.                 <div class="hero__content">
  36.                     <div class="hero__text">
  37.                         <p>
  38.                             {{ 'site.common.hero.ckonjacDetails.text'|trans({"%shippingAmount%": showShippingAmount(app.request)}) | raw }}
  39.                             {% if affiliateForLegalNotices(tracking) %}
  40.                                 <sup>*</sup>
  41.                             {% endif %}
  42.                         </p>
  43.                     </div>
  44.                     <div class="hero__icons">
  45.                         {% if (app.request.locale == 'fr') %}
  46.                             <img src="{{ asset('images/main/icon-france-'~app.request.locale~'.svg') }}" loading="lazy" alt="">
  47.                         {% endif %}
  48.                         <img src="{{ asset('images/main/satisfait-'~app.request.locale~'.svg') }}" loading="lazy" alt="">
  49.                         <img src="{{ asset('images/main/icon-vegan.svg') }}" loading="lazy" alt="">
  50.                     </div>
  52.                     <p class="hero__text__under-btn">
  53.                         {% if affiliateForLegalNotices(tracking) %}
  54.                             {{ 'site.common.hero.ckonjacDetails.legal'|trans }}
  55.                         {% endif %}
  56.                     </p>
  57.                 </div>
  58.             </div>
  59.         </div>
  60.     </div>
  61. </div>