templates/pages/collection/section/single-collection-desktop.html.twig line 1

Open in your IDE?
  1. <div class="page--mainwrap single-collection p-0 slideJs single-collection-desktop">
  2.     <div class="page--mainwrap-content-tabs">
  3.         <div class="page--mainwrap-content-tabs-single">
  4.             {% if currentLocale == "ja" %}
  5.                 <div class="page--mainwrap-content-tabs-single-txt" style="transform: none; left:20%"><p>{{ "Technical information"|trans }}</p></div>
  6.             {% else %}
  7.                 <div class="page--mainwrap-content-tabs-single-txt"><p>{{ "Technical information"|trans }}</p></div>
  8.             {% endif %}
  9.         </div>
  10.         <div class="page--mainwrap-content-tabs-single">
  11.             {% if currentLocale == "ja" %}
  12.                 <div class="page--mainwrap-content-tabs-single-txt" style="transform: none; left:20%"><p>{{ "Projects associated"|trans }}</p></div>
  13.             {% else %}
  14.                 <div class="page--mainwrap-content-tabs-single-txt"><p>{{ "Projects associated"|trans }}</p></div>
  15.             {% endif %}
  16.         </div>
  17.     </div>
  18.     <div class="page--mainwrap-header single-collection--header">
  19.         <h1 class="page--mainwrap-header-heading">
  20.             {% if collection is defined %}
  21.                 {{ collection.name }}
  22.             {% endif %}
  23.         </h1>
  24.         <hr>
  25.         {% include 'layouts/block/breadcrumbs.html.twig' %}
  26.     </div>
  27.     <div class="page--mainwrap-content single-collection--content detail--content">
  28.         <div class="single-collection--content-desc page--mainwrap-content-desc">
  29.             <div class="single-collection--content-desc-img">
  30.                 <picture>
  31.                     <source srcset="{{ collection.attachmentsFile['urls'][0]['webp']['thumb_320x280'] }}" type="image/webp">
  32.                     <source srcset="{{ collection.attachmentsFile['urls'][0]['jpg']['thumb_320x280'] }}" type="image/jpeg">
  33.                     <img src="{{ collection.attachmentsFile['urls'][0]['jpg']['thumb_320x280'] }}" alt="{{ collection.name }}" class="single-collection--content-desc-img-thumb">
  34.                 </picture>
  35.             </div>
  36.             <div class="single-collection--content-desc-txt">
  37.                 <div class="single-collection--content-desc-txt-title txt--label">
  38.                     <h2 class="txt--label">{{ 'Collection DNA'|trans|upper  }}</h2>
  39.                 </div>
  40.                 {{ collection.description|raw }}
  41.             </div>
  42.         </div>
  43.         <div class="single-collection--content-menus">
  44.             <div class="single-collection--content-menus-menu-composition">
  45.                 <div class="single-collection--content-menus-menu-title">
  46.                     <h3 class="txt--label">{{ 'Technical details'|trans|upper }}</h3>
  47.                 </div>
  48.                 <div class="single-collection--content-menus-menu-content">
  49.                     <ul class="single-collection--content-menus-menu-content-list">
  50.                         <li>{{ 'Composition description' | trans }}</li>
  51.                         <li>{{ 'Warranty 10 years' | trans }}</li>
  52.                         <li>{{ 'Level of use Class 33' | trans }}</li>
  53.                         <li>{{ 'Reaction to fire description' | trans }}</li>
  54.                         <li><a href="{{ path("pages_2tec2Play_index", { _locale: currentLocale }) }}">{{ "Sizes"|trans }}</a></li>
  55.                         <li><a href="{{ path('pages_aboutOurFloors_detail', { _locale:  currentLocale, sectionSlug: section_acoustic.slug }) }}">{{ "Acoustic Comfort Backing"|trans }}</a></li>
  56.                     </ul>
  57.                 </div>
  58.             </div>
  59.             <div class="single-collection--content-menus-menu-shape single-collection--content-menus-menu">
  60.                 <div class="single-collection--content-menus-menu-title">
  61.                     <h3 class="txt--label">{{ collection.tile ? "Available in various shapes" | trans | upper : 'Available roll' | trans | upper }}</h3>
  62.                 </div>
  64.                 {% if collection.tile %}
  65.                     <div class="single-collection--content-menus-menu-content">
  66.                         <div class="single-collection--content-menus-menu-content-list">
  67.                             <div class="single-collection--content-menus-menu-content-list-icons d-flex justify-content-between align-items-center col-12 p-0 my-3">
  68.                                 <span class="col-15 p-0"><img src="{{ asset('build/icon/2tec2_detailshape_triangle.svg') }}" alt="{{ "triangle shape icon"|trans }}"></span>
  69.                                 <span class="col-15 p-0"><img src="{{ asset('build/icon/2tec2_detailshape_square.svg') }}" alt="{{ "square shape icon"|trans }}"></span>
  70.                                 <span class="col-15 p-0"><img src="{{ asset('build/icon/2tec2_detailshape_minisquare.svg') }}" alt="{{ "mini-square shape icon"|trans }}"></span>
  71.                                 <span class="col-15 p-0"><img src="{{ asset('build/icon/2tec2_detailshape_plank.svg') }}" alt="{{ "plank shape icon"|trans }}"></span>
  72.                                 <span class="col-15 p-0"><img src="{{ asset('build/icon/2tec2_detailshape_diamond.svg') }}" alt="{{ "diamond shape icon"|trans }}"></span>
  73.                                 <span class="col-15 p-0"><img src="{{ asset('build/icon/2tec2_detailshape_hexagon.svg') }}" alt="{{ "hexagon shape icon"|trans }}"></span>
  74.                             </div>
  75.                             <a href="{{ path("pages_2tec2Play_index", { _locale: currentLocale }) }}" class="cta-button btn page-btn">
  76.                                 {{ include('layouts/buttons/2tec2_multi_tab.html.twig') }}
  77.                                 {{ 'Read more' | trans }}
  78.                             </a>
  79.                         </div>
  80.                     </div>
  81.                 {% endif %}
  82.                 {% if not collection.tile %}
  83.                     <a href="{{ path("pages_2tec2Play_index", { _locale: currentLocale }) }}" class="cta-button btn page-btn">
  84.                         {{ include('layouts/buttons/2tec2_multi_tab.html.twig') }}
  85.                         {{ 'Read more' | trans }}
  86.                     </a>
  87.                 {% endif %}
  88.             </div>
  89.             <div class="single-collection--content-menus-menu-download">
  90.                 <div class="single-collection--content-menus-menu-title">
  91.                     <h3 class="txt--label">{{ 'Download'|trans|upper }}</h3>
  92.                 </div>
  93.                 <div class="single-collection--content-menus-menu-content">
  94.                     <ul class="single-collection--content-menus-menu-content-list p-0">
  95.                         <li>
  96.                             {% if currentLocale == 'en' %}
  97.                                 {% if collection.name == 'Desert' or collection.name == 'Marble' %}
  98.                                     <a href="{{asset('uploads/pdf/technical_informations/2tec2-en-1.pdf') }}" target="_blank">
  99.                                 {% else %}
  100.                                     <a href="{{asset('uploads/pdf/technical_informations/2tec2-en-2.pdf') }}" target="_blank">
  101.                                 {% endif %}
  102.                             {% elseif currentLocale == 'ja' %}
  103.                                 {% if collection.name == 'Desert' or collection.name == 'Marble' %}
  104.                                     <a href="{{asset('uploads/pdf/technical_informations/2tec2-jp-1.pdf') }}" target="_blank">
  105.                                 {% else %}
  106.                                     <a href="{{asset('uploads/pdf/technical_informations/2tec2-jp-2.pdf') }}" target="_blank">
  107.                                 {% endif %}
  108.                                 {% elseif currentLocale == 'fr' %}
  109.                                 <a href="https://limitededition.sharepoint.com/:b:/s/mediabank_/2tec2/EZc8UYdORtNPvsddtJLQbpgBESOsZGeDSnkaQ8dSWbmcCg?e=TWQZYz" target="_blank">
  110.                                     {% elseif currentLocale == 'nl' %}
  111.                                     <a href="https://limitededition.sharepoint.com/:b:/s/mediabank_/2tec2/ERWMm7hSLQBIiNGBAg1wLJEBXWxhJUPqtldl4NSsdKEXYg?e=qZQas2" target="_blank">
  112.                                         {% elseif currentLocale == 'de' %}
  113.                                         <a href="https://limitededition.sharepoint.com/:b:/s/mediabank_/2tec2/EeHjSbk4TetKg-YGl9x8y4UBhi9QV5HHmhU5hB2dF2dfDg?e=TlSBgx" target="_blank">
  114.                                             {% elseif currentLocale == 'es' %}
  115.                                             <a href="https://limitededition.sharepoint.com/:b:/s/mediabank_/2tec2/EfuOLvLdDv5Pgw1iEO14HuMB4Hf4wPQvI7YliIFKFURygg?e=Cacews" target="_blank">
  116.                                                 {% elseif currentLocale == 'it' %}
  117.                                                 <a href="https://limitededition.sharepoint.com/:b:/s/mediabank_/2tec2/EeKWBg-jJu9MrfaDTm4FLLUBm2QJIYG2fZh68iRIB7lL1w?e=bOfdPD" target="_blank">
  118.                                                     {% endif %}
  119.                                                     {{ 'Technical sheet' | trans }}
  120.                                                 </a>
  121.                         </li>
  122.                         <li><a href="https://limitededition.sharepoint.com/:f:/s/mediabank_/2tec2/EvymjjMNr3lItncIKWbcXDYBHp8t51IXqIpMOPU2kAx1HA?e=P0SgXS" target="_blank">{{ 'Installation' | trans }}</a></li>
  123.                         <li>
  124.                             {% if currentLocale == 'en' %}
  125.                             <a href="https://limitededition.sharepoint.com/:b:/s/mediabank_/2tec2/EUqs09pV5vVIvMGJV7RxMnsBQZt3TWHvNQbq-mdYMBDp_Q?e=UVgJBv" target="_blank">
  126.                                 {% elseif currentLocale == 'fr' %}
  127.                                 <a href="https://limitededition.sharepoint.com/:b:/s/mediabank_/2tec2/EUz_d0I-UM5PvMdCT3ZuNm4Bw6UOPVAHz0-cIDUPT-m13w?e=NmVm3V" target="_blank">
  128.                                     {% elseif currentLocale == 'nl' %}
  129.                                     <a href="https://limitededition.sharepoint.com/:b:/s/mediabank_/2tec2/Efhflj8E2-lKh4UFIceal4sB524XIsG_gkKN2f2NI42clQ?e=E0SlKn" target="_blank">
  130.                                         {% elseif currentLocale == 'de' %}
  131.                                         <a href="https://limitededition.sharepoint.com/:b:/s/mediabank_/2tec2/EXkr-rJGCaJMl09Gq8CmFpQBRqbBNskwEdrtj5DIoha73A?e=czwv8z" target="_blank">
  132.                                             {% elseif currentLocale == 'es' %}
  133.                                             <a href="https://limitededition.sharepoint.com/:b:/s/mediabank_/2tec2/ETlxOh88ohxOvAELZiXvaEABUDWheDlzPO36HZZIbYrZNw?e=t6HFSU" target="_blank">
  134.                                                 {% elseif currentLocale == 'it' %}
  135.                                                 <a href="https://limitededition.sharepoint.com/:b:/s/mediabank_/2tec2/EcvmL2BRTXdMvOU0n7ZijeIBAA6TJGgG5Qg_Zg0cEjiaVw?e=11yaRG" target="_blank">
  136.                                                     {% endif %}
  137.                                                     {{ 'Maintenance' | trans }}
  138.                                                 </a>
  139.                         </li>
  140. {#                        <li class="add-technical-to-download" >{{ 'Technical sheet' | trans }}</li>
  141.                         <li class="add-installation-to-download" >{{ 'Installation' | trans }}</li>
  142.                         <li class="add-maintenance-to-download" >{{ 'Maintenance' | trans }}</li>
  143.                         <li><a href="https://limitededition.sharepoint.com/sites/mediabank_/2tec2" target="_blank">{{ 'Mediabank' | trans }}</a></li>#}
  144.                     </ul>
  145.                 </div>
  146.             </div>
  147.             {% if collection.tile %}
  148.                 <div class="single-collection--content-menus-menu">
  149.                     <div class="single-collection--content-menus-menu-title">
  150.                         <h3 class="txt--label">{{ "Installation pattern tiles" | trans | upper }}</h3>
  151.                     </div>
  152.                     <div class="single-collection--content-menus-menu-content">
  153.                         <div class="single-collection--content-menus-menu-content-list single-collection--content-menus-menu-content-list-patern">
  154.                             {% if collection.checkerboard %}
  155.                                 <img src="{{ asset('build/icon/2tec2_tiles_checkerboard.svg') }}" title="{{ 'Checkerboard'|trans }}" alt="{{ 'checkerboard installation icon'|trans }}">
  156.                             {% endif %}
  157.                             {% if collection.monolithic %}
  158.                                 <img src="{{ asset('build/icon/2tec2_tiles_monolithic.svg') }}" title="{{ 'Monolithic'|trans }}" alt="{{ 'monolithic installation icon'|trans }}">
  159.                             {% endif %}
  160.                             {% if collection.brick %}
  161.                                 <img src="{{ asset('build/icon/2tec2_tiles_brick.svg') }}" title="{{ 'Brick'|trans }}" alt="{{ 'brick installation icon'|trans }}">
  162.                             {% endif %}
  163.                         </div>
  164.                     </div>
  165.                 </div>
  166.             {% endif %}
  167.         </div>
  168.         <div class="page--mainwrap-content-button single-collection--content-button">
  169.             <a rel="canonical" href="{{ threeDSimulationUrl }}" class="cta-button btn page-btn add-collection-to-cart" data-collection="{{ collection.id }}" data-redirect="true">
  170.                 {{ include('layouts/buttons/2tec2_3d_simulation.html.twig') }}
  171.                 {{ "3D Simulation" | trans }}
  172.             </a>
  173.         </div>
  174.     </div>
  175.     <div class="page--mainwrap-content single-collection--content detail--content">
  176.         <div id="productCollectionDesktop" class="page--mainwrap-content-react" data-filter="{% if filter is defined %}{{ filter }}{% endif %}"
  177.              data-filterValue="{% if filterValue is defined %}{{ filterValue }}{% endif %}" ></div>
  178.         <div class="page--mainwrap-content-button single-collection--content-button">
  179.             <a rel="canonical" href="{{ threeDSimulationUrl }}" class="cta-button btn page-btn add-collection-to-cart" data-collection="{{ collection.id }}" data-redirect="true">
  180.                 {{ include('layouts/buttons/2tec2_3d_simulation.html.twig') }}
  181.                 {{ "3D Simulation" | trans }}
  182.             </a>
  183.         </div>
  184.     </div>
  185.     <div class="page--mainwrap-arrowInMiddlePage slideArrow">
  186.         <img src="{{ asset('build/icon/2tec2_arrow_bottom_black.svg') }}" alt="{{ 'caret down icon'|trans }}">
  187.     </div>
  188. </div>
  189. <div class="page--subwrap p-0 carouselLgDiv single-collection-desktop">
  190.     <div class="page--subwrap-carousel-lg carouselLg carouselDiv">
  191.     </div>
  192. </div>