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

Open in your IDE?
  1. <h1 class="d-none" id="h1_hidden">{{ h1_1|raw }}</h1>
  2. <div class="page--mainwrap single-product p-0 slideJs single-product-desktop">
  3.     <div class="page--mainwrap-content-tabs">
  4.         <div class="page--mainwrap-content-tabs-single">
  5.             {% if currentLocale == "ja" %}
  6.                 <div class="page--mainwrap-content-tabs-single-txt" style="transform: none; left:20%"><p>{{ "Technical information"|trans }}</p></div>
  7.             {% else %}
  8.                 <div class="page--mainwrap-content-tabs-single-txt"><p>{{ "Technical information"|trans }}</p></div>
  9.             {% endif %}
  10.         </div>
  11.         <div class="page--mainwrap-content-tabs-single">
  12.             {% if currentLocale == "ja" %}
  13.                 <div class="page--mainwrap-content-tabs-single-txt" style="transform: none; left:20%"><p>{{ "Projects associated"|trans }}</p></div>
  14.             {% else %}
  15.                 <div class="page--mainwrap-content-tabs-single-txt"><p>{{ "Projects associated"|trans }}</p></div>
  16.             {% endif %}
  17.         </div>
  18.     </div>
  19.     <div class="page--mainwrap-header single-product--header">
  20.         <h2 class="page--mainwrap-header-heading">
  21.             {% if product is defined %}
  22.                 {{ product.name }}
  23.             {% endif %}
  24.         </h2>
  25.         <hr>
  26.         {% include 'layouts/block/breadcrumbs.html.twig' %}
  27.     </div>
  28.     <div class="page--mainwrap-content single-product--content detail--content">
  29.         <div class="single-product--content-desc page--mainwrap-content-desc">
  30.             <div class="single-product--content-desc-img">
  31.                 {% if product.attachmentsFile['urls'][0]['webp']['thumb_320x280'] is defined  %}
  32.                     <picture>
  33.                         <source srcset="{{ product.attachmentsFile['urls'][0]['webp']['thumb_320x280'] }}" type="image/webp">
  34.                         <source srcset="{{ product.attachmentsFile['urls'][0]['jpg']['thumb_320x280'] }}" type="image/jpeg">
  35.                         <img src="{{ product.attachmentsFile['urls'][0]['jpg']['thumb_320x280'] }}" alt="{{ product.name }}" class="single-product--content-desc-img-thumb">
  36.                     </picture>
  37.                 {% else %}
  38.                     <picture>
  39.                         <source srcset="{{ product.attachmentsFile['urls'][1]['webp']['thumb_320x280'] }}" type="image/webp">
  40.                         <source srcset="{{ product.attachmentsFile['urls'][1]['jpg']['thumb_320x280'] }}" type="image/jpeg">
  41.                         <img src="{{ product.attachmentsFile['urls'][1]['jpg']['thumb_320x280'] }}" alt="{{ product.name }}" class="single-product--content-desc-img-thumb">
  42.                     </picture>
  43.                 {% endif %}
  44.             </div>
  45.             <div class="single-product--content-desc-txt">
  46.                 <div class="single-product--content-desc-txt-title txt--label">
  47.                     <h3 class="txt--label">{{ 'Product ADN'|trans|upper }}</h3>
  48.                 </div>
  49.                 {{ product.description|raw }}
  50.                 {% if product.moq %}
  51.                     <div class="alert alert-dark" role="alert" style="text-align: center; flex: 1;">
  52.                         {{ "Minimum order quantity 200 m2"|trans|raw }}
  53.                     </div>
  54.                 {% endif %}
  55.             </div>
  56.         </div>
  57.         <div class="single-product--content-menus">
  58.             <div class="single-product--content-menus-menu-composition single-product--content-menus-menu">
  59.                 <div class="single-product--content-menus-menu-title">
  60.                     <h3 class="txt--label">{{ 'Technical details'|trans|upper }}</h3>
  61.                 </div>
  62.                 <div class="single-product--content-menus-menu-content">
  63.                     <ul class="single-product--content-menus-menu-content-list p-0">
  64.                         <li>{{ 'Composition description' | trans }}</li>
  65.                         <li>{{ 'Warranty 10 years' | trans }}</li>
  66.                         <li>{{ 'Level of use Class 33' | trans }}</li>
  67.                         <li>{{ 'Reaction to fire description' | trans }}</li>
  68.                         <li><a href="{{ path("pages_2tec2Play_index", { _locale: currentLocale }) }}">{{ "Sizes"|trans }}</a></li>
  69.                         <li><a href="{{ path('pages_aboutOurFloors_detail', { _locale:  currentLocale, sectionSlug: section_acoustic.slug }) }}">{{ "Acoustic Comfort Backing"|trans }}</a></li>
  70.                     </ul>
  71.                 </div>
  72.                 {% if product.name == "Maple" %}
  73.                    <h3 class="txt--label" style="margin-top: 20px;">
  74.                        <a href="https://www.youtube.com/watch?v=1dHpBqEp9Kg" target="_blank" style="color: #607980;">{{ '角度による色の変化を見る'|trans|upper }}</a>
  75.                    </h3>
  76.                 {% elseif product.name == "Olive" %}
  77.                    <h3 class="txt--label" style="margin-top: 20px;">
  78.                        <a href="https://www.youtube.com/watch?v=p1USh7xHRLM" target="_blank" style="color: #607980;">{{ '角度による色の変化を見る'|trans|upper }}</a>
  79.                    </h3>
  80.                 {% endif %}
  81.             </div>
  82.             <div class="single-product--content-menus-menu single-product--content-menus-menu-shape">
  83.                 <div class="single-product--content-menus-menu-title">
  84.                     <h3 class="txt--label">{{ product.collection.tile ? "Available in various shapes" | trans | upper : 'Available roll' | trans | upper }}</h3>
  85.                 </div>
  87.                 {% if product.collection.tile %}
  88.                     <div class="single-product--content-menus-menu-content">
  89.                         <div class="single-product--content-menus-menu-content-list">
  90.                             <div class="single-product--content-menus-menu-content-list-icons d-flex justify-content-between align-items-center col-12 p-0 mt-1 mb-2">
  91.                                 <span class="col-15 p-0"><img src="{{ asset('build/icon/2tec2_detailshape_triangle.svg') }}" alt="{{ "triangle shape icon"|trans }}"></span>
  92.                                 <span class="col-15 p-0"><img src="{{ asset('build/icon/2tec2_detailshape_square.svg') }}" alt="{{ "square shape icon"|trans }}"></span>
  93.                                 <span class="col-15 p-0"><img src="{{ asset('build/icon/2tec2_detailshape_minisquare.svg') }}" alt="{{ "mini-square shape icon"|trans }}"></span>
  94.                                 <span class="col-15 p-0"><img src="{{ asset('build/icon/2tec2_detailshape_plank.svg') }}" alt="{{ "plank shape icon"|trans }}"></span>
  95.                                 <span class="col-15 p-0"><img src="{{ asset('build/icon/2tec2_detailshape_diamond.svg') }}" alt="{{ "diamond shape icon"|trans }}"></span>
  96.                                 <span class="col-15 p-0"><img src="{{ asset('build/icon/2tec2_detailshape_hexagon.svg') }}" alt="{{ "hexagon shape icon"|trans }}"></span>
  97.                             </div>
  98.                             <a href="{{ path("pages_2tec2Play_index", { _locale: currentLocale }) }}" class="cta-button btn page-btn">
  99.                                 {{ include('layouts/buttons/2tec2_multi_tab.html.twig') }}
  100.                                 {{ 'Read more' | trans }}
  101.                             </a>
  102.                         </div>
  103.                     </div>
  104.                 {% endif %}
  105.                 {% if not product.collection.tile %}
  106.                     <a href="{{ path("pages_2tec2Play_index", { _locale: currentLocale }) }}" class="cta-button btn page-btn">
  107.                         {{ include('layouts/buttons/2tec2_multi_tab.html.twig') }}
  108.                         {{ 'Read more' | trans }}
  109.                     </a>
  110.                 {% endif %}
  111.             </div>
  112.             <div class="single-product--content-menus-menu-download single-product--content-menus-menu">
  113.                 <div class="single-product--content-menus-menu-title">
  114.                     <h3 class="txt--label">{{ 'Download'|trans|upper }}</h3>
  115.                 </div>
  116.                 <div class="single-product--content-menus-menu-content">
  117.                     <ul class="single-product--content-menus-menu-content-list p-0">
  118. {#                        <li class="add-technical-to-download" >{{ 'Technical sheet' | trans }}</li>
  119.                         <li class="add-installation-to-download" >{{ 'Installation' | trans }}</li>
  120.                         <li class="add-maintenance-to-download" >{{ 'Maintenance' | trans }}</li>#}
  121.                         <li>
  122.                             {% if currentLocale == 'en' %}
  123.                                 {% if product.collection.name == 'Desert' or product.collection.name == 'Marble' %}
  124.                                     <a href="{{asset('uploads/pdf/technical_informations/2tec2-en-1.pdf') }}" target="_blank">
  125.                                 {% elseif product.collection.name == 'Silva' %}
  126.                                     <a href="{{asset('uploads/pdf/technical_informations/2tec2-en-2023-silva_technicalsheet.pdf') }}" target="_blank">
  127.                                 {% else %}
  128.                                     <a href="{{asset('uploads/pdf/technical_informations/2tec2-en-2.pdf') }}" target="_blank">
  129.                                 {% endif %}
  130.                             {% elseif currentLocale == 'ja' %}
  131.                                 {# {% if product.collection.name == 'Desert' or product.collection.name == 'Marble' %}
  132.                                     <a href="{{asset('uploads/pdf/technical_informations/2tec2-jp-1.pdf') }}" target="_blank">
  133.                                 {% else %}
  134.                                     <a href="{{asset('uploads/pdf/technical_informations/2tec2-jp-2.pdf') }}" target="_blank">
  135.                                 {% endif %} #}
  136.                                     <a href="{{asset('uploads/pdf/technical_informations/2tec2-jp-2023.pdf') }}" target="_blank">
  137.                                 {% elseif currentLocale == 'fr' %}
  138.                                 <a href="https://limitededition.sharepoint.com/:b:/s/mediabank_/2tec2/EZc8UYdORtNPvsddtJLQbpgBESOsZGeDSnkaQ8dSWbmcCg?e=TWQZYz" target="_blank">
  139.                                     {% elseif currentLocale == 'nl' %}
  140.                                     <a href="https://limitededition.sharepoint.com/:b:/s/mediabank_/2tec2/ERWMm7hSLQBIiNGBAg1wLJEBXWxhJUPqtldl4NSsdKEXYg?e=qZQas2" target="_blank">
  141.                                         {% elseif currentLocale == 'de' %}
  142.                                         <a href="https://limitededition.sharepoint.com/:b:/s/mediabank_/2tec2/EeHjSbk4TetKg-YGl9x8y4UBhi9QV5HHmhU5hB2dF2dfDg?e=TlSBgx" target="_blank">
  143.                                             {% elseif currentLocale == 'es' %}
  144.                                             <a href="https://limitededition.sharepoint.com/:b:/s/mediabank_/2tec2/EfuOLvLdDv5Pgw1iEO14HuMB4Hf4wPQvI7YliIFKFURygg?e=Cacews" target="_blank">
  145.                                                 {% elseif currentLocale == 'it' %}
  146.                                                 <a href="https://limitededition.sharepoint.com/:b:/s/mediabank_/2tec2/EeKWBg-jJu9MrfaDTm4FLLUBm2QJIYG2fZh68iRIB7lL1w?e=bOfdPD" target="_blank">
  147.                                                     {% endif %}
  148.                                                     {{ 'Technical sheet' | trans }}
  149.                                                 </a>
  150.                         </li>
  151.                         <li><a href="https://limitededition.sharepoint.com/:f:/s/mediabank_/2tec2/EvymjjMNr3lItncIKWbcXDYBHp8t51IXqIpMOPU2kAx1HA?e=P0SgXS" target="_blank">{{ 'Installation' | trans }}</a></li>
  152.                         <li>
  153.                             {% if currentLocale == 'en' %}
  154.                             <a href="https://limitededition.sharepoint.com/:b:/s/mediabank_/2tec2/EUqs09pV5vVIvMGJV7RxMnsBQZt3TWHvNQbq-mdYMBDp_Q?e=UVgJBv" target="_blank">
  155.                             {% elseif currentLocale == 'ja' %}
  156.                                 <a href="https://limitededition.sharepoint.com/:b:/s/mediabank_/2tec2/EUqs09pV5vVIvMGJV7RxMnsBQZt3TWHvNQbq-mdYMBDp_Q?e=UVgJBv" target="_blank">
  157.                                 {% elseif currentLocale == 'fr' %}
  158.                                 <a href="https://limitededition.sharepoint.com/:b:/s/mediabank_/2tec2/EUz_d0I-UM5PvMdCT3ZuNm4Bw6UOPVAHz0-cIDUPT-m13w?e=NmVm3V" target="_blank">
  159.                                     {% elseif currentLocale == 'nl' %}
  160.                                     <a href="https://limitededition.sharepoint.com/:b:/s/mediabank_/2tec2/Efhflj8E2-lKh4UFIceal4sB524XIsG_gkKN2f2NI42clQ?e=E0SlKn" target="_blank">
  161.                                         {% elseif currentLocale == 'de' %}
  162.                                         <a href="https://limitededition.sharepoint.com/:b:/s/mediabank_/2tec2/EXkr-rJGCaJMl09Gq8CmFpQBRqbBNskwEdrtj5DIoha73A?e=czwv8z" target="_blank">
  163.                                             {% elseif currentLocale == 'es' %}
  164.                                             <a href="https://limitededition.sharepoint.com/:b:/s/mediabank_/2tec2/ETlxOh88ohxOvAELZiXvaEABUDWheDlzPO36HZZIbYrZNw?e=t6HFSU" target="_blank">
  165.                                                 {% elseif currentLocale == 'it' %}
  166.                                                 <a href="https://limitededition.sharepoint.com/:b:/s/mediabank_/2tec2/EcvmL2BRTXdMvOU0n7ZijeIBAA6TJGgG5Qg_Zg0cEjiaVw?e=11yaRG" target="_blank">
  167.                                                     {% endif %}
  168.                                                     {{ 'Maintenance' | trans }}
  169.                                                 </a>
  170.                         </li>
  171.                         <li><a href="https://limitededition.sharepoint.com/:f:/s/mediabank_/2tec2/Eh60aKBQTPNMoadCOKKCX6cBIUCfg6eoGSNN4vzLDFzAjQ?e=BzcUSA" target="_blank">{{ 'Bim files' | trans }}</a></li>
  172.                         <li><a href="https://limitededition.sharepoint.com/:f:/s/mediabank_/2tec2/EnAqEmPrd8JMuWAodJ0jsIABf6Wl9CSJj1NvSs56v2lUjA?e=b6OVve" target="_blank">{{ 'DOP' | trans }}</a></li>
  173.                         {#                        <li class="add-archicad-to-download" data-product="{{ product.id }}"  >{{ 'Bim files' | trans }}</li>
  174.                         <li class="add-revit-to-download" data-product="{{ product.id }}" >{{ 'DOP' | trans }}</li>#}
  175.                     </ul>
  176.                 </div>
  177.             </div>
  178.             {% if product.collection.tile %}
  179.                 <div class="single-product--content-menus-menu">
  180.                     <div class="single-product--content-menus-menu-title">
  181.                         <h3 class="txt--label">{{ "Installation pattern tiles" | trans | upper }}</h3>
  182.                     </div>
  183.                     <div class="single-product--content-menus-menu-content">
  184.                         <div class="single-product--content-menus-menu-content-list single-product--content-menus-menu-content-list-patern">
  185.                             {% if product.collection.checkerboard %}
  186.                                 <img src="{{ asset('build/icon/2tec2_tiles_checkerboard.svg') }}" title="{{ 'Checkerboard'|trans }}" alt="{{ 'checkerboard installation icon'|trans }}">
  187.                             {% endif %}
  188.                             {% if product.collection.monolithic %}
  189.                                 <img src="{{ asset('build/icon/2tec2_tiles_monolithic.svg') }}" title="{{ 'Monolithic'|trans }}" alt="{{ 'monolithic installation icon'|trans }}">
  190.                             {% endif %}
  191.                             {% if product.collection.brick %}
  192.                                 <img src="{{ asset('build/icon/2tec2_tiles_brick.svg') }}" title="{{ 'Brick'|trans }}" alt="{{ 'brick installation icon'|trans }}">
  193.                             {% endif %}
  194.                         </div>
  195.                     </div>
  196.                 </div>
  197.             {% endif %}
  198.         </div>
  199.         <div class="page--mainwrap-content-button single-product--content-button">
  200.             <a rel="canonical" href="{{ threeDSimulationUrl }}" class="add-product-to-cart cta-button btn page-btn" data-product="{{ product.id }}" data-redirect="true">
  201.                 {{ include('layouts/buttons/2tec2_3d_simulation.html.twig') }}
  202.                 {{ "3D Simulation" | trans }}
  203.             </a>
  204.             {% if product.moq %}
  205. {#                <a href="" class="cta-button btn page-btn" data-product="{{ product.id }}">
  206.                     {{ include('layouts/buttons/2tec2_basket.html.twig') }}
  207.                     {{ "Contact" | trans }}
  208.                 </a>#}
  209.                 <a id="btn-contact-product-1" href="{{ contact_url }}" class="cta-button btn page-btn">
  210.                     {{ 'Contact' | trans }}
  211.                 </a>
  212.             {% endif %}
  213.         </div>
  214.     </div>
  215.     <div class="page--mainwrap-content single-product--content detail--content">
  216.         <div id="productsProjectDesktop" class="page--mainwrap-content-react" data-filter="{% if filter is defined %}{{ filter }}{% endif %}"
  217.              data-filterValue="{% if filterValue is defined %}{{ filterValue }}{% endif %}">
  218.         </div>
  219.         <div class="page--mainwrap-content-button single-product--content-button">
  220.             <a rel="canonical" href="{{ threeDSimulationUrl }}" class="add-product-to-cart cta-button btn page-btn" data-product="{{ product.id }}" data-redirect="true">
  221.                 {{ include('layouts/buttons/2tec2_3d_simulation.html.twig') }}
  222.                 {{ "3D Simulation" | trans }}
  223.             </a>
  224.             {% if product.moq %}
  225.                 {#                <a href="" class="cta-button btn page-btn" data-product="{{ product.id }}">
  226.                     {{ include('layouts/buttons/2tec2_basket.html.twig') }}
  227.                     {{ "Contact" | trans }}
  228.                 </a>#}
  229.                 <a id="btn-contact-product-2" href="{{ contact_url }}" class="cta-button btn page-btn">
  230.                     {{ 'Contact' | trans }}
  231.                 </a>
  232.             {% endif %}
  233.         </div>
  234.     </div>
  235.     <div class="page--mainwrap-arrowInMiddlePage slideArrow">
  236.         <img src="{{ asset('build/icon/2tec2_arrow_bottom_black.svg') }}" alt="{{ 'caret down icon'|trans }}">
  237.     </div>
  238. </div>
  239. <div class="page--subwrap p-0 carouselLgDiv single-product-desktop">
  240.     <div class="page--subwrap-carousel-lg carouselLg carouselDiv">
  241.     </div>
  242. </div>