templates/website/page/liver-product.html.twig line 1

  1. {% extends '@web/base.html.twig' %}
  2. {% set metaParams = {
  3.     'title': product.metaTitle,
  4.     'description': product.metaDescription,
  5.     'keywords': product.metaDescription,
  6.     'ogImage': product.metaImage,
  7. } %}
  8. {% block meta %}
  9.     {% include '@web/parts/meta.html.twig' with metaParams %}
  10. {% endblock meta %}
  11. {% block title %}{{ product.metaTitle }}{% endblock title %}
  12. {% block body %}
  13.     <section class="main-products-section">
  14.         <div class="container-fluid">
  15.             <div class="row">
  16.                 <div class="col-lg-10 m-auto">
  17.                     <ul class="wrapper-navigation">
  18.                         <li>
  19.                             <a href="{{ path('page_index') }}">
  20.                                 {{ 'Home'|trans }}
  21.                             </a>
  22.                         </li>
  23.                         <li>
  24.                             <a href="{{ path('page_heritage_products') }}">
  25.                                 {{ 'Products'|trans }}
  26.                             </a>
  27.                         </li>
  28.                         <li>
  29.                             <span>{{ product.title }}</span>
  30.                         </li>
  31.                     </ul>
  32.                     <div class="section-product-view">
  33.                         <div class="wrapper-product-view-content">
  34.                             <div class="wrapper-image">
  35.                                 <img style="width: 100%" src="{{ product.image }}" alt="product thumbnail">
  36.                             </div>
  37.                             <div class="wrapper-description">
  38.                                 <h2>
  39.                                     {{ product.title }}
  40.                                 </h2>
  41.                                 <ul>
  42.                                     <li>
  43.                                         <span>{{ 'Year'|trans }}:</span>
  44.                                         <strong>{{ product.weight }}</strong>
  45.                                     </li>
  46.                                     <li>
  47.                                         <span>{{ 'Size'|trans }}:</span>
  48.                                         <strong>{{ product.type }}</strong>
  49.                                     </li>
  50.                                     {% if product.stone %}
  51.                                     <li>
  52.                                         <span>{{ 'Creator'|trans }}:</span>
  53.                                         <strong> {{ product.stone }}</strong>
  54.                                     </li>
  55.                                     {% endif %}
  56.                                 </ul>
  57.                                 <div class="wrapper-bottom">
  58.                                     <h4>
  59.                                         {{ product.price|number_format ~ 'դրամ'|trans }}
  60.                                     </h4>
  61.                                     <button class="main-shop-btn">
  62.                                         {{ 'ADD TO CARD'|trans }}
  63.                                         <svg width="20" height="17" viewBox="0 0 20 17" fill="none"
  64.                                              xmlns="http://www.w3.org/2000/svg">
  65.                                             <path d="M15.9987 11.8333H5.16536L3.08203 3.5H18.082L15.9987 11.8333Z"
  66.                                                   fill="#0F0F0F"></path>
  67.                                             <path d="M1 1H2.45833L3.08333 3.5M3.08333 3.5L5.16667 11.8333H16L18.0833 3.5H3.08333Z"
  68.                                                   stroke="#0F0F0F" stroke-width="2" stroke-linecap="round"
  69.                                                   stroke-linejoin="round"></path>
  70.                                             <path d="M5.16797 16C5.85832 16 6.41797 15.4404 6.41797 14.75C6.41797 14.0596 5.85832 13.5 5.16797 13.5C4.47761 13.5 3.91797 14.0596 3.91797 14.75C3.91797 15.4404 4.47761 16 5.16797 16Z"
  71.                                                   stroke="#0F0F0F" stroke-width="2" stroke-linecap="round"
  72.                                                   stroke-linejoin="round"></path>
  73.                                             <path d="M16 16C16.6904 16 17.25 15.4404 17.25 14.75C17.25 14.0596 16.6904 13.5 16 13.5C15.3096 13.5 14.75 14.0596 14.75 14.75C14.75 15.4404 15.3096 16 16 16Z"
  74.                                                   stroke="#0F0F0F" stroke-width="2" stroke-linecap="round"
  75.                                                   stroke-linejoin="round"></path>
  76.                                         </svg>
  77.                                     </button>
  78.                                 </div>
  79.                             </div>
  80.                         </div>
  81.                         {% if product.productDescription %}
  82.                         <div class="wrapper-additional-information">
  83.                             <h3>
  84.                                 {{ 'Description'|trans }}
  85.                             </h3>
  86.                             {{ product.productDescription }}
  87.                         </div>
  88.                         {% endif %}
  89.                         <div class="wrapper-additional-information">
  90.                             <h3>
  91.                                 {{ delivery.title }}
  92.                             </h3>
  93.                            {{ delivery.description|raw }}
  94.                             <div class="payment-methods">
  95.                                 <ul>
  96.                                     <li>
  97.                                         <img src="{{ asset('images/visa.png') }}" alt="Visa">
  98.                                     </li>
  99.                                     <li>
  100.                                         <img src="{{ asset('images/mastercard.png') }}" alt="MasterCard">
  101.                                     </li>
  102.                                     <li>
  103.                                         <img src="{{ asset('images/arca.png') }}" alt="ArCa">
  104.                                     </li>
  105.                                 </ul>
  106.                             </div>
  107.                         </div>
  108.                     </div>
  109.                     <div class="wrapper-recent-products">
  110.                         <h5>
  111.                             {{ 'YOU MIGHT ALSO LIKE'|trans }}
  112.                         </h5>
  113.                         <div class="swiper mySwiper">
  114.                             <div class="swiper-wrapper">
  115.                                 {% for item in products %}
  116.                                     <div class="swiper-slide">
  117.                                         <a href="{{ path('page_heritage_product_view',{'id':item.id}) }}"
  118.                                            class="wrapper-item">
  119.                                             <div class="wrapper-image">
  120.                                                 <img src="{{ item.image }}" alt="">
  121.                                             </div>
  122.                                             <span class="wrapper-description">
  123.                                             <strong>
  124.                                                 {{ item.title ~ ' - ' ~ item.stone }}
  125.                                             </strong>
  126.                                             <span>
  127.                                                {{ item.price|number_format ~ 'դրամ'|trans }}
  128.                                             </span>
  129.                                         </span>
  130.                                         </a>
  131.                                     </div>
  132.                                 {% endfor %}
  133.                             </div>
  134.                         </div>
  135.                     </div>
  136.                 </div>
  137.             </div>
  138.         </div>
  139.     </section>
  140. {% endblock %}