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

Open in your IDE?
  1. <div id="single-product-smartphone" class="page--mainwrap single-product p-0 slideJs single-product-smartphone">
  2.     <div class="page--mainwrap-header single-product--header single-product--header-first">
  3.         <h3 class="page--mainwrap-header-heading">
  4.             {% if product is defined %}
  5.                 {{ product.name }}
  6.             {% endif %}
  7.         </h3>
  8.     </div>
  9.     <div class="page--mainwrap-arrow slideArrow">
  10.         <img src="{{ asset('build/icon/2tec2_arrow_bottom_black.svg') }}" alt="{{ 'caret down icon'|trans }}">
  11.     </div>
  12. </div>
  13. <div class="page--mainwrap single-product p-0 slideJs single-product-smartphone">
  14.     <div class="page--mainwrap-header single-product--header">
  15.         <h3 class="page--mainwrap-header-heading">
  16.             {% if product is defined %}
  17.                 {{ product.name }}
  18.             {% endif %}
  19.         </h3>
  20.     </div>
  21.     <div class="page--mainwrap-content single-product--content">
  22.         <div class="single-product--content-desc page--mainwrap-content-desc">
  23.             <div class="single-product--content-desc-img">
  24.                 <picture>
  25.                     <source srcset="{{ product.attachmentsFile['urls'][0]['webp']['thumb_320x280'] }}" type="image/webp">
  26.                     <source srcset="{{ product.attachmentsFile['urls'][0]['jpg']['thumb_320x280'] }}" type="image/jpeg">
  27.                     <img src="{{ product.attachmentsFile['urls'][0]['jpg']['thumb_320x280'] }}" alt="{{ product.name }}" class="single-product--content-desc-img-thumb">
  28.                 </picture>
  29.             </div>
  30.             <div class="single-product--content-desc-txt scrollableDiv scrollableY">
  31.                 <div class="scrollableY-content">
  32.                     <div class="single-product--content-desc-txt-title txt--label">
  33.                         <h3 class="txt--label">{{ 'Product ADN'|trans|upper  }}</h3>
  34.                     </div>
  35.                     <p>{{ product.description|raw }}</p>
  36.                     <div class="single-product--content-desc-txt-buttons">
  37.                         <a rel="canonical" href="{{ threeDSimulationUrl }}" class="add-product-to-cart cta-button btn page-btn" data-product="{{ product.id }}" data-redirect="true">
  38.                             {{ include('layouts/buttons/2tec2_3d_simulation.html.twig') }}
  39.                             {{ "3D Simulation" | trans }}
  40.                         </a>
  41.                         {% if product.moq %}
  42.                             {#{{ include('layouts/buttons/2tec2_basket.html.twig') }}
  43.                             {{ "Order sample" | trans }}#}
  44.                             <div class="alert alert-dark" role="alert" style="text-align: center; flex: 1;">
  45.                                 {{ "Minimum order quantity 200 m2"|trans|raw }}
  46.                             </div>
  47.                             <a id="btn-contact-product-3" href="{{ contact_url }}" class="cta-button btn page-btn">
  48.                                 {{ 'Contact' | trans }}
  49.                             </a>
  50.                         {% endif %}
  51.                     </div>
  52.                 </div>
  53.             </div>
  54.         </div>
  55.         <div class="single-product--content-menus">
  56.             <div class="single-product--content-menus-menu mobileview--menu">
  57.                 <div class="single-product--content-menus-menu-title mobileview--toggler toggler--subtitle">
  58.                     <h3 class="txt--label">{{ 'Technical details'|trans|upper }}</h3>
  59.                     <span class="mobileview--caretdown toggler--caretdown"><i class="fas fa-caret-down"></i></span>
  60.                 </div>
  61.                 <div class="single-product--content-menus-menu-content mobileview--toggled-content toggler--list collapse show">
  62.                     <ul class="single-product--content-menus-menu-content-list">
  63.                         <li>{{ 'Composition description' | trans }}</li>
  64.                         <li>{{ 'Warranty 10 years' | trans }}</li>
  65.                         <li>{{ 'Level of use Class 33' | trans }}</li>
  66.                         <li>{{ 'Reaction to fire description' | trans }}</li>
  67.                         <li>{{ 'Tile size description' | trans }}</li>
  68.                         <li>{{ 'Total thickness description' | trans }}</li>
  69.                         <li>{{ 'Impact sound reduction description' | trans }}</li>
  70.                     </ul>
  71.                 </div>
  72.             </div>
  73.             <div class="single-product--content-menus-menu mobileview--menu">
  74.                 <div class="single-product--content-menus-menu-title mobileview--toggler toggler--subtitle">
  75.                     <h3 class="txt--label">{{ 'Download'|trans|upper }}</h3>
  76.                     <span class="mobileview--caretdown toggler--caretdown"><i class="fas fa-caret-down"></i></span>
  77.                 </div>
  78.                 <div class="single-product--content-menus-menu-content mobileview--toggled-content toggler--list collapse">
  79.                     <ul class="single-product--content-menus-menu-content-list">
  80.                         <li>{{ 'Composition description' | trans }}</li>
  81.                         <li>{{ 'Warranty 10 years' | trans }}</li>
  82.                         <li>{{ 'Level of use Class 33' | trans }}</li>
  83.                         <li>{{ 'Reaction to fire description' | trans }}</li>
  84.                         <li><a href="{{ path("pages_2tec2Play_index", { _locale: currentLocale }) }}">{{ "Sizes"|trans }}</a></li>
  85.                         <li><a href="{{ path('pages_aboutOurFloors_detail', { _locale:  currentLocale, sectionSlug: section_acoustic.slug }) }}">{{ "Acoustic Comfort Backing"|trans }}</a></li>
  86.                     </ul>
  87.                 </div>
  88.             </div>
  89.             <div class="single-product--content-menus-menu mobileview--menu">
  90.                 <div class="single-product--content-menus-menu-title mobileview--toggler toggler--subtitle">
  91.                     <h3 class="txt--label">{{ product.collection.tile ? "Available in various shapes" | trans | upper : 'Available roll' | trans | upper }}</h3>
  92.                     <span class="mobileview--caretdown toggler--caretdown"><i class="fas fa-caret-down"></i></span>
  93.                 </div>
  94.                 {% if product.collection.tile %}
  95.                     <div class="single-product--content-menus-menu-content mobileview--toggled-content toggler--list collapse">
  96.                         <ul class="single-product--content-menus-menu-content-list">
  97.                             <li 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">
  98.                                 <span class="col-15 p-0"><img src="{{ asset('build/icon/2tec2_detailshape_triangle.svg') }}" alt="{{ "triangle shape icon"|trans }}"></span>
  99.                                 <span class="col-15 p-0"><img src="{{ asset('build/icon/2tec2_detailshape_square.svg') }}" alt="{{ "square shape icon"|trans }}"></span>
  100.                                 <span class="col-15 p-0"><img src="{{ asset('build/icon/2tec2_detailshape_minisquare.svg') }}" alt="{{ "mini-square shape icon"|trans }}"></span>
  101.                                 <span class="col-15 p-0"><img src="{{ asset('build/icon/2tec2_detailshape_plank.svg') }}" alt="{{ "plank shape icon"|trans }}"></span>
  102.                                 <span class="col-15 p-0"><img src="{{ asset('build/icon/2tec2_detailshape_diamond.svg') }}" alt="{{ "diamond shape icon"|trans }}"></span>
  103.                                 <span class="col-15 p-0"><img src="{{ asset('build/icon/2tec2_detailshape_hexagon.svg') }}" alt="{{ "hexagon shape icon"|trans }}"></span>
  104.                             </li>
  105.                             <a href="{{ path("pages_2tec2Play_index", { _locale: currentLocale }) }}" class="cta-button btn page-btn">
  106.                                 {{ include('layouts/buttons/2tec2_multi_tab.html.twig') }}
  107.                                 {{ 'Read more' | trans }}
  108.                             </a>
  109.                         </ul>
  110.                     </div>
  111.                 {% endif %}
  112.                 {% if not product.collection.tile %}
  113.                     <a href="{{ path("pages_2tec2Play_index", { _locale: currentLocale }) }}" class="cta-button btn page-btn">
  114.                         {{ include('layouts/buttons/2tec2_multi_tab.html.twig') }}
  115.                         {{ 'Read more' | trans }}
  116.                     </a>
  117.                 {% endif %}
  118.             </div>
  119.         </div>
  120.     </div>
  121.     <div class="page--mainwrap-arrow slideArrow">
  122.         <img src="{{ asset('build/icon/2tec2_arrow_bottom_black.svg') }}" alt="{{ 'caret down icon'|trans }}">
  123.     </div>
  124. </div>
  125. <div class="page--mainwrap single-product p-0 slideJs single-product-smartphone">
  126.     <div class="page--mainwrap-header single-product--header">
  127.         <h3 class="page--mainwrap-header-heading">
  128.             {% if product is defined %}
  129.                 {{ product.name }}
  130.             {% endif %}
  131.         </h3>
  132.     </div>
  133.     <div class="page--mainwrap-content single-product--associated">
  134.         <div class="single-product--content-desc-last page--mainwrap-content-desc">
  135.             <p class="single-product--content-desc-title txt--label">
  136.                 {{ "Projects associated"|trans }}
  137.             </p>
  138.         </div>
  139.         <div id="productsProjectSmartphone" class="page--mainwrap-content-react" data-filter="{% if filter is defined %}{{ filter }}{% endif %}"
  140.              data-filterValue="{% if filterValue is defined %}{{ filterValue }}{% endif %}">
  141.         </div>
  142.     </div>
  143.     <div class="single-product--content-button page--mainwrap-content-button">
  144.         <a rel="canonical" href="{{ threeDSimulationUrl }}" class="add-product-to-cart cta-button btn page-btn" data-product="{{ product.id }}" data-redirect="true">
  145.             {{ include('layouts/buttons/2tec2_3d_simulation.html.twig') }}
  146.             {{ "3D Simulation" | trans }}
  147.         </a>
  148.         {% if product.moq %}
  149.             <a id="btn-contact-product-4" href="{{ contact_url }}" class="cta-button btn page-btn">
  150.                 {{ 'Contact' | trans }}
  151.             </a>
  152.         {% endif %}
  153.     </div>
  154.     <div class="page--mainwrap-arrow slideArrow">
  155.         <img src="{{ asset('build/icon/2tec2_arrow_bottom_black.svg') }}" alt="{{ 'caret down icon'|trans }}">
  156.     </div>
  157. </div>