templates/frontend/product/textileDescription.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% trans_default_domain 'store' %}
  3. {% block css %}
  4.     {{ parent() }}
  5.     <style>
  6.         .eye-icon {
  7.             margin-top: -113px;
  8.             margin-left: 6px;
  9.             position: absolute;
  10.             color: white;
  11.             font-size: 14px;
  12.         }
  14.         @media (min-width: 768px) {
  15.             .column.is-one-third, .column.is-one-third-tablet {
  16.                 width:20%;
  17.             }
  18.         }
  19.     </style>
  20. {% endblock %}
  21. {% block javascripts %}
  22.     {{ parent() }}
  23.     <script>
  24.         // Popup window code
  25.         function newPopup(url) {
  26.             popupWindow = window.open(
  27.                 url,'popUpWindow','height=700,width=800,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')
  28.         }
  29.         function newPopupImage(url) {
  30.             popupWindow = window.open(
  31.                 url,'popUpWindow','left=10,top=10,width=800;height=700;resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')
  32.         }
  33.     </script>
  34. {% endblock %}
  35. {% block content %}
  36.     <!-- START OF CATEGORY NAME SECTION -->
  37.     <section class="section">
  38.         <div class="container">
  39.             <div class="columns is-multiline">
  41.                 <div class="column is-full"><h1>
  42.                     <span class="is-size-2 ">{{ 'textileDescriptions'|trans }}</span></h1>
  43.                 </div>
  45.                 <div class="column is-full">
  46.                     <div class="left-25">
  47.                         <h2 class="title is-4"><span class="has-text-weight-bold">{{ group.name }}</span></h2>
  48.                         {{ group.description }}
  49.                         {% if group.imageName %}
  50.                             <br/>
  51.                             <br/>
  52.                             <a style="text-decoration: underline;" href="JavaScript:newPopup('/images/parameter_groups/{{ group.imageName }}');">{{ 'show_real_live_pictures'|trans }}</a>
  53.                         {% endif %}
  55.                         <div class="divider"></div>
  56.                         <div class="columns is-multiline multiple-images">
  57.                         {% for value in group.values %}
  58.                             {% if value.deletedBy is null and value.visible == 1 %}
  59.                                 <div class="is-one-fifth" style="padding:20px;">
  60.                                     <figure class="image is-128x128-desktop is-64x64-tablet">
  61.                                         {% if value.photo3d %}
  62.                                             <a target="_blank" title="{{ 'view_product_in_colour'|trans }}" href="{{ value.photo3d }}">
  63.                                                 <img src="/images/parameters/{{ value.imageName }}">
  64.                                                 <i class="fa fa-eye eye-icon"></i>
  65.                                             </a>
  66.                                         {% else %}
  67.                                             <img src="/images/parameters/{{ value.imageName }}">
  68.                                         {% endif %}
  69.                                         <figcaption class="has-text-centered is-size-7">
  70.                                             {{ value.name }}
  71.                                             <br/>
  72.                                             {% if value.photo3d %}
  73.                                                 <a target="_blank" title="{{ 'view_product_in_colour'|trans }}" href="{{ value.photo3d }}">
  74.                                                     <img src="https://www.centrumkrzesel.pl/web/uploads/360.jpg" style="width: 20px; margin-left:auto; margin-right:auto;">
  75.                                                 </a>
  76.                                             {% endif %}
  77.                                         </figcaption>
  78.                                     </figure>
  79.                                 </div>
  80.                             {% endif %}
  81.                         {% endfor %}
  82.                         </div>
  83.                         <h2 class="title is-4"><span class="has-text-weight-bold">{{ 'productsContainingTextile'|trans }}</span></h2>
  85.                         <div class="columns is-multiline lista-produktow" v-match-heights="{ el: [ '.with-description' ] }">
  86.                             {% for productData in products %}
  87.                                 {% set product = productData[0] %}
  88.                                 {% include 'frontend/components/smallProduct.html.twig' with {'isOneThird':1, 'product':product, 'productData':productData} %}
  89.                             {% endfor %}
  90.                         </div>
  91.                     </div>
  93.                     <div class="level-right">
  94.                         <div class="level-item">
  95.                             {{ knp_pagination_render(products) }}
  96.                         </div>
  97.                     </div>
  99.                 </div>
  101.             </div>
  102.         </div>
  103.     </section>
  104.     <!-- END OF CATEGORY NAME SECTION -->
  105. {% endblock %}
  106. {% block meta_desc_key %}
  107.     {{ parent() }}
  108.     {% if app.request.locale == 'pl' %}
  109.         {# veltis tag #}
  110.         {#
  111.         <script async src='https://app.veltis.io/uploads/veltis.js'></script><script>window.veltisData = window.veltisData || []; function veltisTag() { veltisData.push(arguments); } veltisTag('js', new Date()); veltisTag('config', '1aadaf84c154d3e3'); </script>
  112.         #}
  113.     {% endif %}
  114. {% endblock %}