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

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