templates/main/site/views/Partials/Ingredients/ingredientsKonjac.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. <section>
  5.     {% include "main/site/views/Partials/Heroes/heroKonjac.html.twig" with {
  6.         headerTag: "h2"
  7.     } %}
  9.     <div class="section pt-3">
  10.         <div class="container-fluid">
  11.             <div class="section__title">
  12.                 <h3 class="h2 text-center underline-bottom max-title-width">
  13.                     {{ 'site.ingredients.sections.ingredient.ckonjac.titleV2'|trans }}
  14.                 </h3>
  15.             </div>
  17.             <!-- ingredient -->
  18.             <div class="row d-flex flex-column flex-sm-row">
  19.                 <div class="col-sm-7 order-1 order-sm-0">
  20.                     <div class="ingredient-item">
  21.                         <div class="ingredient-item__header">
  22.                             <div class="ingredient-item__header__image">
  23.                                 <picture>
  24.                                     <source srcset="{{ asset('/images/main/product/ingredients/konjac.webp') }} 1x, {{ asset('/images/main/product/ingredients/konjac@2x.webp') }} 1.5x" type="image/webp">
  25.                                     <source srcset="{{ asset('/images/main/product/ingredients/konjac.jpg') }} 1x, {{ asset('/images/main/product/ingredients/konjac@2x.jpg') }} 1.5x" type="image/jpg">
  26.                                     <img width="200" height="200" loading="lazy" class="radius-round" src="{{ asset('/images/main/product/ingredients/konjac.jpg') }}" alt="{{ 'site.home.sections.ingredients2.brulafine.kola.title'|trans }}">
  27.                                 </picture>
  28.                             </div>
  29.                             <div class="ingredient-item__header__body">
  30.                                 <h4 class="ingredient-item__header__title">{{ 'site.ingredients.sections.ingredient.ckonjac.konjac.name.part1'|trans }}</h4>
  31.                                 <p>{{ 'site.ingredients.sections.ingredient.ckonjac.konjac.name.part2'|trans | raw }}</p>
  32.                             </div>
  33.                         </div>
  34.                         <div class="ingredient-item__card">
  35.                             <h5 class="ingredient-item__card__title" type="button" data-toggle="collapse" data-target="#ckonjac-ingredient" aria-expanded="false">
  36.                                 {{ 'site.ingredients.titleDescription'|trans }}
  37.                                 {{icon('btn-arrow')}}
  38.                             </h5>
  39.                             <div id="ckonjac-ingredient" class="collapse">
  40.                                 <div class="ingredient-item__card__body">
  41.                                     <p>{{ 'site.ingredients.sections.ingredient.ckonjac.konjac.description.text1'|trans | raw }}</p>
  42.                                     <p>{{ 'site.ingredients.sections.ingredient.ckonjac.konjac.description.text2'|trans | raw }}</p>
  43.                                     <p>{{ 'site.ingredients.sections.ingredient.ckonjac.konjac.description.text3'|trans | raw }}</p>
  44.                                     {# {% set link = ('site.ingredients.sections.ingredient.ckonjac.konjac.description.link') | trans  %} #}
  45. {#                                    {% set link = '.' %}#}
  46. {#                                    {% if tracking is defined %}#}
  47. {#                                        {% if isAllowedAffsForText(tracking) %}#}
  48. {#                                            {% set link = ('site.ingredients.sections.ingredient.ckonjac.konjac.description.link') | trans  %}#}
  49. {#                                        {% endif %}#}
  50. {#                                    {% endif %}#}
  51.                                     <p>{{ 'site.ingredients.sections.ingredient.ckonjac.konjac.description.text4'|trans | raw }} {{ 'site.ingredients.sections.ingredient.ckonjac.konjac.description.link'|trans | raw }}</p>
  52.                                 </div>
  53.                             </div>
  54.                         </div>
  55.                     </div>
  56.                 </div>
  57.                 <div class="col-sm-4 col-sm-offset-1 order-0 order-sm-1 mb-3">
  58.                     <div class="stick-desktop">
  59.                         <div class="composition-table">
  60.                             <div class="composition-table__header">
  61.                                 <h4>{{ 'site.ingredients.titleInformation'|trans }}</h4>
  62.                             </div>
  63.                             <div class="composition-table__body">
  64.                                 <p>
  65.                                     <em>
  66.                                         {{ 'site.ingredients.sections.ingredient.ckonjac.sidebar.paragraph'|trans }}
  67.                                     </em>
  68.                                 </p>
  69.                                 <div class="composition-table__section">
  70.                                     <h5 class="composition-table__row">{{ 'site.ingredients.sections.ingredient.ckonjac.sidebar.subtitle'|trans | raw }}</h5>
  71.                                     <div>
  72.                                         {% for i in range(1,1) %}
  73.                                             <p class="composition-table__row">
  74.                                                 {{ ('site.ingredients.sections.ingredient.ckonjac.sidebar.list.'~i) | trans | raw }}
  75.                                             </p>
  76.                                         {% endfor %}
  77.                                     </div>
  78.                                 </div>
  79.                             </div>
  80.                         </div>
  81.                         {% if affiliateForLegalNotices(tracking) %}
  82.                             <p class="font-xs mb-0 mt-2">
  83.                                 <sup>*</sup>
  84.                                 {{ 'site.ingredients.sections.ingredient.ckonjac.sidebar.legal'|trans }}</p>
  85.                         {% endif %}
  86.                     </div>
  87.                 </div>
  88.             </div>
  89.             <!-- /ingredient -->
  91.         </div>
  92.     </div>
  93. </section>