templates/accueil/overview.html.twig line 1

  1. {% set lang = app.request.attributes.get('_locale') %}
  2. <div id="overview-main" class="tab-content">
  3.     <div id="overview_standard" class="overview-tab active">
  4.         <div class="col-lg-12 col-md-12 col-sm-12 col-12 p-0">
  5.             <div class="col-inner space-60">
  6.                 <div class="widget-bloglatest">
  7.                     <div class="pts-widget">
  8.                         <div class="widget-latestblog block block-borderbox">
  9.                             <div class="block_content border-0">
  10.                                 <div class="boxcarousel widget-content owl-carousel-play" data-ride="owlcarousel">
  11.                                     {% if products|length > 3 %}
  12.                                         <div class="carousel-controls">
  13.                                             <div class="left carousel-control left_carousel disabled">
  14.                                                 <i class="fa-solid fa-angle-left fa-sm"></i>
  15.                                             </div>
  16.                                             <div class="right carousel-control right_carousel">
  17.                                                 <i class="fa-solid fa-angle-right fa-sm"></i>
  18.                                             </div>
  19.                                         </div>
  20.                                     {% endif %}
  21.                                     <div class="owl-carousel grid owl-theme" data-columns="3" data-pagination="false" data-navigation="true" data-desktop="[1200,3]" data-desktopsmall="[992,2]" data-tablet="[768,1]" data-mobile="[480,1]">
  22.                                         <div class="owl-wrapper-outer" style="height: 430px;">
  23.                                             <div class="owl-wrapper">
  24.                                                 {% if products|filter(p => p.category_default != 18) %}
  25.                                                     {% for product in products %}
  26.                                                         <div class="owl-item {{ loop.first ? 'active' : '' }}" style="width: 214px;">
  27.                                                             <div class="item">
  28.                                                                 <div class="blog_container grid clearfix">
  29.                                                                     <div class="product-block position-relative" itemscope="" itemtype="https://schema.org/Product" style="position: static; margin-right: 0px; margin-left: 0px;">
  30.                                                                         <div class="product-container">
  31.                                                                             <div class="Certifications">
  32.                                                                                 {% for supplier in product.suppliers|split(',') %}
  33.                                                                                     {% set imagePath = '../../../ps/img/su/' ~ product.id_suppliers|split(',')[loop.index0] %}
  34.                                                                                     {% set imageName = product.id_suppliers|split(',')[loop.index0] %}
  35.                                                                                     {% set imageExtension = (imageName == '4') ? 'png' : 'jpg' %}
  37.                                                                                     <img width="20px" height="20px" src="{{ imagePath ~ '.' ~ imageExtension }}" alt="{{ supplier }}" title="{{ supplier }}">
  38.                                                                                 {% endfor %}
  39.                                                                             </div>
  40.                                                                             <div class="left-block">
  41.                                                                                 <div class="product-image-container image">
  42.                                                                                     <a class="img product_img_link" href="/{{ lang }}/capteurs-de-force/{{ product.link_rewrite }}" title="{{ product.name }}" itemprop="url">
  43.                                                                                         <img class="replace-2x img-responsive pts-image" src="https://www.sensy.com/{{ product.id_image1 }}-home_default/{{ product.link_rewrite }}.jpg" alt="{{ product.legend1 }}" title="{{ product.legend1 }}" itemprop="image">
  44.                                                                                     </a>
  45.                                                                                     {% if product.id_image2 %}
  46.                                                                                         <span class="hover-image"> 
  47.                                                                                             <a class="img-back product_img_link" href="/{{ lang }}/capteurs-de-force/{{ product.link_rewrite }}" title="{{ product.name }}">
  48.                                                                                                 <img class="replace-2x img-responsive pts-image" src="https://www.sensy.com/{{ product.id_image2 }}-home_default/{{ product.link_rewrite }}.jpg" alt="{{ product.legend2 }}" title="{{ product.legend2 }}" width="370" height="340">
  49.                                                                                             </a>
  50.                                                                                         </span>
  51.                                                                                     {% endif %}
  52.                                                                                 </div>
  53.                                                                                 <div class="product-label-wrap"></div>
  54.                                                                                 <div class="color-list-container product-colors"></div>
  55.                                                                             </div>
  56.                                                                             <div class="right-block">
  57.                                                                                 <div class="product-meta">
  58.                                                                                     <h4 class="name" itemprop="sku"> <a class="product-name" href="/{{ lang }}/capteurs-de-force/{{ product.link_rewrite }}" title="{{ product.name }}" itemprop="url">{{ product.reference }}</a></h4>
  59.                                                                                     <div class="product-desc description" itemprop="name"> {{ product.name }}</div>
  60.                                                                                     <div class="clearfix product-box"></div>
  61.                                                                                 </div>
  62.                                                                                 <div class="button-container action" style="padding-left: 20%;">
  63.                                                                                     <div>
  64.                                                                                         <div class="pts-atchover"><a class="btn" href="/{{ lang }}/capteurs-de-force/{{ product.link_rewrite }}" data-id-product="{{ product.id_product }}" title="{{ 'details'|trans({}, 'configurateur')|raw }}"><i class="fas fa-search"></i></a></div>
  65.                                                                                         <div class="pts-atchover"><a class="btn " href="//files.sensy.com/datasheets/{{ product.file_name }}" target="_blank" title="{{ 'datasheet'|trans({}, 'configurateur')|raw }}"><i class="fas fa-download"></i></a></div>
  66.                                                                                         <div class="pts-atchover"><a class="btn add_to_compare" href="/{{ lang }}/capteurs-de-force/{{ product.link_rewrite }}" data-id-product="{{ product.id_product }}" title="{{ 'add.compare'|trans({}, 'configurateur')|raw }}"><i class="fas fa-sync-alt"></i></a></div>
  67.                                                                                     </div>
  68.                                                                                 </div>
  69.                                                                             </div>
  70.                                                                         </div>
  71.                                                                         <div class="SousProduit ShadowBox" style="display: none;">
  72.                                                                             <table class="mx-1">
  73.                                                                                 <tbody>
  74.                                                                                     {% if product.attr_prec %}
  75.                                                                                         <tr>
  76.                                                                                             <td>{{ 'precision'|trans({}, 'configurateur')|raw }}</td>
  77.                                                                                             <td>{{ product.attr_prec|replace({',': ', '})|truncate(25) }}</td>
  78.                                                                                         </tr>
  79.                                                                                     {% endif %}
  80.                                                                                     {% if product.attr_cap %}
  81.                                                                                         <tr>
  82.                                                                                             <td>{{ 'capacite'|trans({}, 'configurateur')|raw }}</td>
  83.                                                                                             <td>{{ product.attr_cap|replace({',': ', '})|truncate(25) }}</td>
  84.                                                                                         </tr>
  85.                                                                                     {% endif %}
  86.                                                                                     <tr>
  87.                                                                                         <td colspan="2" class="TableDescription" itemprop="description">{{ product.description|raw }}</td>
  88.                                                                                     </tr>
  89.                                                                                 </tbody>
  90.                                                                             </table>
  91.                                                                         </div>
  92.                                                                         <div itemprop="brand" itemscope="" itemtype="https://schema.org/Brand">
  93.                                                                             <meta itemprop="name" content="SENSY">
  94.                                                                         </div>
  95.                                                                         <div itemprop="offers" itemscope="" itemtype="https://schema.org/Offer">
  96.                                                                             <meta itemprop="price" content="">
  97.                                                                             <meta itemprop="priceCurrency" content="EUR">
  98.                                                                             <link itemprop="availability" href="https://schema.org/InStock">
  99.                                                                             <meta itemprop="url" content="/{{ lang }}/capteurs-de-force/{{ product.link_rewrite }}">
  100.                                                                         </div>
  101.                                                                     </div>
  102.                                                                 </div>
  103.                                                             </div>
  104.                                                         </div>
  105.                                                     {% endfor %}
  106.                                                 {% else %}
  107.                                                     {% for product in products %}
  108.                                                         <div class="owl-item {{ loop.first ? 'active' : '' }}" style="width: 250px;">
  109.                                                             <div class="item">
  110.                                                                 <div class="blog_container grid clearfix">
  111.                                                                     <div class="product-block position-relative" itemscope="" itemtype="https://schema.org/Product" style="position: static; margin-right: 0px; margin-left: 0px;">
  112.                                                                         <div class="product-container">
  113.                                                                             <div class="Certifications">
  114.                                                                                 {% for supplier in product.suppliers|split(',') %}
  115.                                                                                     {% set imagePath = '../../../ps/img/su/' ~ product.id_suppliers|split(',')[loop.index0] %}
  116.                                                                                     {% set imageName = product.id_suppliers|split(',')[loop.index0] %}
  117.                                                                                     {% set imageExtension = (imageName == '4') ? 'png' : 'jpg' %}
  119.                                                                                     <img width="20px" height="20px" src="{{ imagePath ~ '.' ~ imageExtension }}" alt="{{ supplier }}" title="{{ supplier }}">
  120.                                                                                 {% endfor %}
  121.                                                                             </div>
  122.                                                                             <div class="left-block">
  123.                                                                                 <div class="product-image-container image">
  124.                                                                                     <a class="img product_img_link" href="/{{ lang }}/instrumentation/{{ product.link_rewrite }}" title="{{ product.name }}" itemprop="url">
  125.                                                                                         <img class="replace-2x img-responsive pts-image" src="https://www.sensy.com/{{ product.id_image1 }}-home_default/{{ product.link_rewrite }}.jpg" alt="{{ product.legend1 }}" title="{{ product.legend1 }}" itemprop="image">
  126.                                                                                     </a>
  127.                                                                                     {% if product.id_image2 %}
  128.                                                                                         <span class="hover-image"> 
  129.                                                                                             <a class="img-back product_img_link" href="/{{ lang }}/instrumentation/{{ product.link_rewrite }}" title="{{ product.name }}">
  130.                                                                                                 <img class="replace-2x img-responsive pts-image" src="https://www.sensy.com/{{ product.id_image2 }}-home_default/{{ product.link_rewrite }}.jpg" alt="{{ product.legend2 }}" title="{{ product.legend2 }}" width="370" height="340">
  131.                                                                                             </a>
  132.                                                                                         </span>
  133.                                                                                     {% endif %}
  134.                                                                                 </div>
  135.                                                                                 <div class="product-label-wrap"></div>
  136.                                                                                 <div class="color-list-container product-colors"></div>
  137.                                                                             </div>
  138.                                                                             <div class="right-block">
  139.                                                                                 <div class="product-meta">
  140.                                                                                     <h4 class="name" itemprop="sku"> <a class="product-name" href="/{{ lang }}/instrumentation/{{ product.link_rewrite }}" title="{{ product.name }}" itemprop="url">{{ product.reference }}</a></h4>
  141.                                                                                     <div class="product-desc description" itemprop="name"> {{ product.name }}</div>
  142.                                                                                     <div class="clearfix product-box"></div>
  143.                                                                                 </div>
  144.                                                                                 <div class="button-container action" style="padding-left: 20%;">
  145.                                                                                     <div>
  146.                                                                                         <div class="pts-atchover"><a class="btn" href="/{{ lang }}/instrumentation/{{ product.link_rewrite }}" data-id-product="{{ product.id_product }}" title="{{ 'details'|trans({}, 'configurateur')|raw }}"><i class="fas fa-search"></i></a></div>
  147.                                                                                         <div class="pts-atchover"><a class="btn " href="//files.sensy.com/datasheets/{{ product.file_name }}" target="_blank" title="{{ 'datasheet'|trans({}, 'configurateur')|raw }}"><i class="fas fa-download"></i></a></div>
  148.                                                                                         <div class="pts-atchover"><a class="btn add_to_compare" href="/{{ lang }}/instrumentation/{{ product.link_rewrite }}" data-id-product="{{ product.id_product }}" title="{{ 'add.compare'|trans({}, 'configurateur')|raw }}"><i class="fas fa-sync-alt"></i></a></div>
  149.                                                                                     </div>
  150.                                                                                 </div>
  151.                                                                             </div>
  152.                                                                         </div>
  153.                                                                         <div class="SousProduit ShadowBox" style="display: none;">
  154.                                                                             <table class="mx-1">
  155.                                                                                 <tbody>
  156.                                                                                     {% if product.attr_prec %}
  157.                                                                                         <tr>
  158.                                                                                             <td>{{ 'precision'|trans({}, 'configurateur')|raw }}</td>
  159.                                                                                             <td>{{ product.attr_prec|replace({',': ', '})|truncate(25) }}</td>
  160.                                                                                         </tr>
  161.                                                                                     {% endif %}
  162.                                                                                     {% if product.attr_cap %}
  163.                                                                                         <tr>
  164.                                                                                             <td>{{ 'capacite'|trans({}, 'configurateur')|raw }}</td>
  165.                                                                                             <td>{{ product.attr_cap|replace({',': ', '})|truncate(25) }}</td>
  166.                                                                                         </tr>
  167.                                                                                     {% endif %}
  168.                                                                                     <tr>
  169.                                                                                         <td colspan="2" class="TableDescription" itemprop="description">{{ product.description|raw }}</td>
  170.                                                                                     </tr>
  171.                                                                                 </tbody>
  172.                                                                             </table>
  173.                                                                         </div>
  174.                                                                         <div itemprop="brand" itemscope="" itemtype="https://schema.org/Brand">
  175.                                                                             <meta itemprop="name" content="SENSY">
  176.                                                                         </div>
  177.                                                                         <div itemprop="offers" itemscope="" itemtype="https://schema.org/Offer">
  178.                                                                             <meta itemprop="price" content="">
  179.                                                                             <meta itemprop="priceCurrency" content="EUR">
  180.                                                                             <link itemprop="availability" href="https://schema.org/InStock">
  181.                                                                             <meta itemprop="url" content="/{{ lang }}/instrumentation/{{ product.link_rewrite }}">
  182.                                                                         </div>
  183.                                                                     </div>
  184.                                                                 </div>
  185.                                                             </div>
  186.                                                         </div>
  187.                                                     {% endfor %}
  188.                                                 {% endif %}
  189.                                             </div>
  190.                                         </div>
  191.                                     </div>
  192.                                 </div>
  193.                             </div>
  194.                         </div>
  195.                     </div>
  196.                 </div>
  197.             </div>
  198.         </div>
  199.     </div>
  200.     <div id="overview_sm" class="overview-tab d-none">
  201.         <div class="col-lg-12 col-md-12 col-sm-12 col-12 p-0">
  202.             <div class="col-inner space-60">
  203.                 <div class="widget-bloglatest">
  204.                     <div class="pts-widget">
  205.                         <div class="widget-latestblog block block-borderbox">
  206.                             <div class="block_content border-0">
  207.                                 <div class=" boxcarousel widget-content owl-carousel-play" data-ride="owlcarousel">
  208.                                     {% if smProducts|length > 3 %}
  209.                                         <div class="carousel-controls">
  210.                                             <div class="left carousel-control left_carousel disabled">
  211.                                                 <i class="fa-solid fa-angle-left fa-sm"></i>
  212.                                             </div>
  213.                                             <div class="right carousel-control right_carousel">
  214.                                                 <i class="fa-solid fa-angle-right fa-sm"></i>
  215.                                             </div>
  216.                                         </div>
  217.                                     {% endif %}
  218.                                     <div class="owl-carousel grid owl-theme" data-columns="3" data-pagination="false" data-navigation="true" data-desktop="[1200,3]" data-desktopsmall="[992,2]" data-tablet="[768,1]" data-mobile="[480,1]">
  219.                                         <div class="owl-wrapper-outer" style="height: 430px;">
  220.                                             <div class="owl-wrapper">
  221.                                                 {% for product in smProducts %}
  222.                                                     <div class="owl-item {{ loop.first ? 'active' : '' }}" style="width: 214px;">
  223.                                                         <div class="item">
  224.                                                             <div class="blog_container grid clearfix">
  225.                                                                 <div class="product-block position-relative" itemscope="" itemtype="https://schema.org/Product" style="position: static; margin-right: 0px; margin-left: 0px;">
  226.                                                                     <div class="product-container">
  227.                                                                         <div class="left-block">
  228.                                                                             <div class="product-image-container image">
  229.                                                                                 <a class="img product_img_link" href="/{{ lang }}/capteurs-de-force/{{ product.link_rewrite }}" title="{{ product.name }}" itemprop="url">
  230.                                                                                     <img class="replace-2x img-responsive pts-image" src="https://www.sensy.com/{{ product.id_image1 }}-home_default/{{ product.link_rewrite }}.jpg" alt="{{ product.legend1 }}" title="{{ product.legend1 }}" itemprop="image">
  231.                                                                                 </a>
  232.                                                                             </div>
  233.                                                                             <div class="product-label-wrap"></div>
  234.                                                                             <div class="color-list-container product-colors"></div>
  235.                                                                         </div>
  236.                                                                         <div class="right-block">
  237.                                                                             <div class="product-meta">
  238.                                                                                 <h4 class="name" itemprop="sku"> <a class="product-name" href="/{{ lang }}/capteurs-de-force/{{ product.link_rewrite }}" title="{{ product.name }}" itemprop="url">{{ product.reference }}</a></h4>
  239.                                                                                 <div class="product-desc description" itemprop="name"> {{ product.name }}</div>
  240.                                                                                 <div class="clearfix product-box"></div>
  241.                                                                             </div>
  242.                                                                             <div class="button-container action" style="padding-left: 20%;">
  243.                                                                                 <div>
  244.                                                                                     <div class="pts-atchover"><a class="btn" href="/{{ lang }}/capteurs-de-force/{{ product.link_rewrite }}" data-id-product="{{ product.id_product }}" title="{{ 'details'|trans({}, 'configurateur')|raw }}"><i class="fas fa-search"></i></a></div>
  245.                                                                                     <div class=""><div class="btn"><i class="fas fa-download text-gray"></i></div></div>
  246.                                                                                     <div class="pts-atchover"><a class="btn add_to_compare" href="/{{ lang }}/capteurs-de-force/{{ product.link_rewrite }}" data-id-product="{{ product.id_product }}" title="{{ 'add.compare'|trans({}, 'configurateur')|raw }}"><i class="fas fa-sync-alt"></i></a></div>
  247.                                                                                 </div>
  248.                                                                             </div>
  249.                                                                         </div>
  250.                                                                     </div>
  251.                                                                     <div itemprop="brand" itemscope="" itemtype="https://schema.org/Brand">
  252.                                                                         <meta itemprop="name" content="SENSY">
  253.                                                                     </div>
  254.                                                                     <div itemprop="offers" itemscope="" itemtype="https://schema.org/Offer">
  255.                                                                         <meta itemprop="price" content="">
  256.                                                                         <meta itemprop="priceCurrency" content="EUR">
  257.                                                                         <link itemprop="availability" href="https://schema.org/InStock">
  258.                                                                         <meta itemprop="url" content="/{{ lang }}/capteurs-de-force/{{ product.link_rewrite }}">
  259.                                                                     </div>
  260.                                                                 </div>
  261.                                                             </div>
  262.                                                         </div>
  263.                                                     </div>
  264.                                                 {% endfor %}
  265.                                             </div>
  266.                                         </div>
  267.                                     </div>
  268.                                 </div>
  269.                             </div>
  270.                         </div>
  271.                     </div>
  272.                 </div>
  273.             </div>
  274.         </div>
  275.     </div>
  276. </div>