templates/produit/produit.html.twig line 156

  1. {% extends 'base.html.twig' %}
  3. {% block stylesheets %}
  4.     <link rel="stylesheet" href="{{ asset('plugins/dropzone/css/dropzone.css') }}" />
  5.     <link rel="stylesheet" href="{{ asset('assets/css/produit.min.css') }}" />
  6.     <link rel="stylesheet" href="{{ asset('assets/css/accueil.min.css') }}" />
  7. {% endblock %}
  9. {% block javascript %}
  10.     <script src="{{ asset('plugins/dropzone/js/dropzone.js') }}"></script>
  11.     <script src="{{ asset('assets/js/produit/produit.js') }}"></script>
  12.     <script src="{{ asset('assets/js/accueil/accueil.js') }}"></script>
  13. {% endblock %}
  15. {% block _app_data %}
  16.     app_data.path.devis = "{{ path('devis')|base64_encode }}";
  17. {% endblock %}
  19. {% block title %}
  20.     {% for content in contents %}
  21.         {{ content.name|raw }}
  22.     {% endfor %}
  23. {% endblock %}
  25. {% block description %}
  26.     {% for content in contents %}
  27.         {{ content.meta_description }}
  28.     {% endfor %}
  29. {% endblock %}
  31. {% block content %}
  32.     {% for content in contents %}
  33.         <div class="main-content">
  34.             <div class="main-content-inner no-gutter">
  35.                 <div class="container">
  36.                     <div class="row">
  37.                         <div id="left_column" class="sidebar column col-12 col-sm-12 col-md-0 col-lg-0 offcanvas-sidebar"></div>
  38.                         <div id="center_column" class="center_column space-60 col-12 col-sm-12 col-md-12 col-lg-12">
  39.                             <div id="content">
  40.                                 <div itemscope="" itemtype="https://schema.org/Product">
  41.                                     <meta itemprop="url" content="/{{ lang }}/weighing-load-cells/{{ content.link_rewrite }}">
  42.                                     <meta itemprop="productID" content="false">
  43.                                     <meta itemprop="gtin13" content="false">
  44.                                     <div class="primary_block">
  45.                                         <div class="row">
  46.                                             <div class="pb-left-column col-12 col-sm-12 col-md-5">
  47.                                                 <div id="image-block" class="clearfix">
  48.                                                     <span id="view_full_size">
  49.                                                         <img style="cursor: default" id="bigpic" itemprop="image" src="https://www.sensy.com/{{ content.id_image1 }}-large_default/{{ content.link_rewrite }}.jpg" title="{{ content.legend1 }}" alt="{{ content.legend1 }}">
  50.                                                     </span>
  51.                                                 </div>
  52.                                                 <div id="views_block" class="clearfix ">
  53.                                                     <span class="view_scroll_spacer"><a id="view_scroll_left" class="carousel-control left" title="Other views" href="javascript:{}" style="cursor: default; opacity: 0;"><i class="icon-angle-left"></i></a></span>
  54.                                                     <div id="thumbs_list">
  55.                                                         <ul id="thumbs_list_frame" style="width: 297px;">
  56.                                                             {% for img in content.id_imagea|split(",") %}
  57.                                                                 <li id="thumbnail_{{ img }}">
  58.                                                                     <a style="cursor: default" class="{{ loop.first ? "shown" : "" }}" href="https://www.sensy.com/{{ img }}-thickbox_default{{ content.link_rewrite }}.jpg" onclick="return false;" data-fancybox-group="other-views" title="{{ content.legenda|split(",")[loop.index0] }}">
  59.                                                                         <img class="img-responsive" id="thumb_{{ img }}" src="https://www.sensy.com/{{ img }}-cart_default/{{ content.link_rewrite }}.jpg" alt="{{ content.legenda|split(",")[loop.index0] }}" title="{{ content.legenda|split(",")[loop.index0] }}" height="173" width="135" itemprop="image">
  60.                                                                     </a>
  61.                                                                 </li>
  62.                                                             {% endfor %}
  63.                                                         </ul>
  64.                                                     </div>
  65.                                                     <span class="view_scroll_spacer">
  66.                                                         <a id="view_scroll_right" class="carousel-control right" title="Other views" href="javascript:{}" style="cursor: default; opacity: 0;"><i class="icon-angle-right"></i></a>
  67.                                                     </span>
  68.                                                 </div>
  69.                                                 <div style="margin-bottom: 30px; display: none;">
  70.                                                     <div data-bs-toggle="tooltip" title="" style="width:17px;" data-original-title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vel faucibus est, non scelerisque lacus. Morbi ac lectus id urna elementum vestibulum quis non enim"> <span class="icon-signal"></span></div>
  71.                                                 </div>
  72.                                                 <p class="resetimg clear no-print"> <span id="wrapResetImages" style="display: none;"> <a href="https://www.sensy.com/en/weighing-load-cells/bending-beam-load-cells-2000s" data-id="resetImages"> <i class="icon-repeat"></i> Display all pictures </a> </span></p>
  73.                                             </div>
  74.                                             <div class="pb-right-column col-12 col-sm-12 col-md-7">
  75.                                                 <h1 itemprop="name">{{ content.name }}</h1>
  76.                                                 <hr class="HrSpecials">
  77.                                                 <div class="Fichiers">
  78.                                                     <a class="btn add_to_compare custom-tooltip" href="https://www.sensy.com/en/weighing-load-cells/bending-beam-load-cells-2000s" data-id-product="{{ content.id_product }}">
  79.                                                         <i class="fas fa-chart-bar me-2"></i>{{ 'add.compare.br'|trans({}, 'configurateur')|raw }}
  80.                                                     </a>
  81.                                                     <a class="btn add_to_compare_Like custom-tooltip" target="_blank" href="https://files.sensy.com/datasheets/FP_2000S_EN.pdf">
  82.                                                         <i class="fas fa-download me-2"></i><span>PDF <br>DATASHEET</span> 
  83.                                                     </a>
  84.                                                 </div>
  85.                                                 <div class="Certifications">
  86.                                                     {% for supplier in content.suppliers|split(',') %}
  87.                                                         {% set imagePath = '../../../ps/img/su/' ~ content.id_suppliers|split(',')[loop.index0] %}
  88.                                                         {% set imageName = content.id_suppliers|split(',')[loop.index0] %}
  89.                                                         {% set imageExtension = (imageName == '4') ? 'png' : 'jpg' %}
  91.                                                         <img width="20px" height="20px" src="{{ imagePath ~ '.' ~ imageExtension }}" alt="{{ supplier }}" title="{{ supplier }}">
  92.                                                     {% endfor %}
  93.                                                 </div>
  94.                                                 <hr class="HrSpecials">
  95.                                                 <p id="product_reference"> <label>{{ 'reference'|trans({}, 'configurateur')|raw }} :</label> <span class="editable" itemprop="sku">{{ content.reference }}</span></p>
  96.                                                 <div id="short_description_block">
  97.                                                     <div id="short_description_content" class="rte align_justify" itemprop="description">
  98.                                                         {{ content.description|replace({'data-toggle': 'data-bs-toggle', 'data-original-title': 'title'})|raw }}
  99.                                                     </div>
  100.                                                 </div>
  101.                                                 <div id="oosHook"></div>
  102.                                                 <form id="buy_block" action="https://www.sensy.com/en/panier" method="post" data-product-img="{{ content.id_image1 }}">
  103.                                                     <p class="hidden"> <input type="hidden" name="token" value="8f1b449abfe3158e253559ba7d0b73d6"> <input type="hidden" name="id_product" value="{{ content.id_product }}" id="product_page_product_id"> <input type="hidden" name="add" value="1"> <input type="hidden" name="id_product_attribute" id="idCombination" value="2083"></p>
  104.                                                     <div class="box-info-product">
  105.                                                         <div class="content_prices clearfix">
  106.                                                             <div class="clear"></div>
  107.                                                         </div>
  108.                                                         <div id="StandardSurMesure" class="tab-nav">
  109.                                                             <ul class="nav nav-tabs" role="tablist">
  110.                                                                 <li class="nav-item" id="LiLienStandard"><a href="#Standard" id="LienStandard" class="nav-link active" data-bs-toggle="tab"><span>Standard</span></a></li>
  111.                                                                 {% if content.category_default != 18 %}
  112.                                                                     <li id="LiLienSurMesure" class="nav-item"><a href="#SurMesure" id="LienSurMesure" class="nav-link" data-bs-toggle="tab"><span>{{ 'custom'|trans({}, 'configurateur')|raw }}</span></a></li>
  113.                                                                 {% endif %}
  114.                                                             </ul>
  115.                                                         </div>
  116.                                                         <div id="Boutons">
  117.                                                             {% if content.category_default != 18 %}
  118.                                                                 <div id="PourStandard" class="d-none product_attributes SurMesure" data-product-id="{{ content.id_product }}">{{ 'gamme.standard'|trans({}, 'configurateur')|raw }}</div>
  119.                                                                 <div id="PourSurMesure" class="product_attributes Standard" data-product-id="{{ content.id_product }}">{{ 'specific.need'|trans({}, 'configurateur')|raw }}</div>
  120.                                                             {% endif %}
  121.                                                             <div id="add_to_quotation" data-product-id="{{ content.id_product }}" data-target="#myModal">{{ 'panier'|trans({}, 'configurateur')|raw }}</div>
  122.                                                         </div>
  123.                                                         {{ 'modal'|trans({}, 'devis')|raw }}
  124.                                                         <div id="Standard" class="product_attributes clearfix">
  125.                                                             {# <p id="minimal_quantity_wanted_p" style="display: none;"> The minimum purchase order quantity for the product is <b id="minimal_quantity_label">1</b></p> #}
  126.                                                             <div id="attributes">
  127.                                                                 <div class="clearfix"></div>
  128.                                                                 {% if content.category_default != 18 %}
  129.                                                                     <fieldset class="attribute_fieldset mb-2">
  130.                                                                         <label class="attribute_label" for="group_4">{{ 'capacite'|trans({}, 'configurateur')|raw }}</label>
  131.                                                                         <div class="attribute_list">
  132.                                                                             <select name="group_4" id="group_4" class="form-control form-select border border-gray attribute_select no-print">
  133.                                                                                 {% for cap in content.attr_cap|split(",") %}
  134.                                                                                     <option value="{{ content.attr_cap_id|split(",")[loop.index0] }}" {% if loop.first %}selected="selected"{% endif %} title="{{ cap }}">{{ cap }}</option>
  135.                                                                                 {% endfor %}
  136.                                                                             </select>
  137.                                                                         </div>
  138.                                                                     </fieldset>
  139.                                                                     <fieldset class="attribute_fieldset my-2">
  140.                                                                         <label class="attribute_label" for="group_5">{{ 'precision'|trans({}, 'configurateur')|raw }}</label>
  141.                                                                         <div class="attribute_list">
  142.                                                                             <select name="group_5" id="group_5" class="form-control form-select border border-gray attribute_select no-print">
  143.                                                                                 {% for prec in content.attr_prec|split(",") %}
  144.                                                                                     <option value="{{ content.attr_prec_id|split(",")[loop.index0] }}" {% if loop.first %}selected="selected"{% endif %} title="{{ prec }}">{{ prec }}</option>
  145.                                                                                 {% endfor %}
  146.                                                                             </select>
  147.                                                                         </div>
  148.                                                                     </fieldset>
  149.                                                                 {% else %}
  150.                                                                     <fieldset class="attribute_fieldset">
  151.                                                                         <label class="attribute_label" for="group_6">{{ 'ref.article'|trans({}, 'configurateur')|raw }}</label>
  152.                                                                         <div class="attribute_list">
  153.                                                                             <select name="group_6" id="group_6" class="form-control form-select border border-gray attribute_select no-print">
  154.                                                                                 {% set cartable = caracteristiques|first %}
  155.                                                                                 {% for cartitle in cartable["Products"] %}
  156.                                                                                     <option value="{{ cartitle["id"] }}" title="{{ cartitle["nom"] }}">{{ cartitle["nom"] }}</option>
  157.                                                                                 {% endfor %}
  158.                                                                             </select>
  159.                                                                         </div>
  160.                                                                     </fieldset>
  161.                                                                 {% endif %}
  162.                                                                 
  163.                                                             </div>
  164.                                                             <fieldset class="attribute_fieldset my-2">
  165.                                                                 <label class="attribute_label" style="font-size:11px; line-height:20px;" for="DescriptionStandard">{{ 'description.short'|trans({}, 'configurateur')|raw }}</label>
  166.                                                                 <div class="attribute_list"><textarea name="nom" id="DescriptionStandard" rows="3" cols="30"></textarea></div>
  167.                                                             </fieldset>
  168.                                                         </div>
  169.                                                         <div id="SurMesure" class="product_attributes d-none">
  170.                                                             <fieldset class="attribute_fieldset my-2">
  171.                                                                 <label class="attribute_label" for="group_4">{{ 'capacite'|trans({}, 'configurateur')|raw }}</label>
  172.                                                                 <div class="attribute_list"><input type="text" id="group_4" name="group_4"></div>
  173.                                                             </fieldset>
  174.                                                             <fieldset class="attribute_fieldset my-2">
  175.                                                                 <label class="attribute_label" for="group_5">{{ 'precision'|trans({}, 'configurateur')|raw }}</label>
  176.                                                                 <div class="attribute_list"> <input type="text" id="group_5" name="group_5"></div>
  177.                                                             </fieldset>
  178.                                                             <fieldset class="attribute_fieldset my-2">
  179.                                                                 <label class="attribute_label" style="font-size:11px; line-height:20px;" for="DescriptionSurMesure">{{ 'description.short'|trans({}, 'configurateur')|raw }}</label>
  180.                                                                 <div class="attribute_list"><textarea name="nom" id="DescriptionSurMesure" rows="3" cols="30"></textarea></div>
  181.                                                             </fieldset>
  182.                                                         </div>
  183.                                                         <p id="quotation_quantity_wanted_p">
  184.                                                             <label for="quotation_quantity_wanted">{{ 'quantite'|trans({}, 'configurateur')|raw }}</label>
  185.                                                             <input type="number" min="1" name="qty" id="quotation_quantity_wanted" class="text" value="1" style="width:50px;">
  186.                                                             {# <a href="#" data-field-qty="qty" class="btn btn-default button-minus product_quantity_down"><span><i class="icon-minus"></i></span></a>
  187.                                                             <a href="#" data-field-qty="qty" class="btn btn-default button-plus product_quantity_up"> <span><i class="icon-plus"></i></span></a> #}
  188.                                                             <span class="clearfix"></span>  
  189.                                                         </p>
  190.                                                         <input type="hidden" value="20230912085423" id="FilesId">
  191.                                                     </div>
  192.                                                 </form>
  193.                                                 <div class="image_upload_div SurMesure d-none" id="DropZone">
  194.                                                     <form action="/img/upload.php" class="dropzone dz-clickable" id="my-awesome-dropzone">
  195.                                                         <div class="dz-default dz-message"><span><i class=" uploadFile fa-sharp fa-light fa-copy"></i><br>{{ 'drop'|trans({}, 'configurateur')|raw }}</span></div>
  196.                                                     </form>
  197.                                                 </div>
  198.                                             </div>
  199.                                         </div>
  200.                                     </div>
  201.                                     <div class="block_product_info">
  202.                                         <div class="row">
  203.                                             <div class="tabs-info block col-lg-9 col-md-9 col-sm-12">
  204.                                                 <div class="tab-nav">
  205.                                                     <ul class="nav nav-tabs" role="tablist">
  206.                                                         <li class="nav-item active"><a class="nav-link active" href="#producttab-datasheet" data-bs-toggle="tab"><span>{{ 'data.sheet'|trans({}, 'configurateur')|raw }}</span></a></li>
  207.                                                         <li class="nav-item"><a class="nav-link" href="#producttab-download" data-bs-toggle="tab">{{ 'documentation.download'|trans({}, 'configurateur')|raw }}</a></li>
  208.                                                         {% set uniqueAccessory = [] %}
  209.                                                         {% for accessory in accessories %}
  210.                                                             {% if not (accessory.name in uniqueAccessory)  %}
  211.                                                                 {% set uniqueAccessory = uniqueAccessory|merge([accessory.name]) %}
  212.                                                                 <li class="nav-item"><a class="nav-link" id="product_extra_tab_{{ uniqueAccessory|length }}" data-bs-toggle="tab" href="#tab_content_{{ uniqueAccessory|length }}"><span>{{ accessory.name }}</span></a></li>
  213.                                                             {% endif %}
  214.                                                         {% endfor %}
  215.                                                     </ul>
  216.                                                 </div>
  217.                                                 <div class="tab-content tab_product_content">
  218.                                                     <div id="producttab-datasheet" class="page-product-box tab-pane active">
  219.                                                         <table class="table-data-sheet">
  220.                                                             <tbody>
  221.                                                                 <tr class="TheTR">
  222.                                                                     <th></th>
  223.                                                                     {% set cartable = caracteristiques|first %}
  224.                                                                     {% for cartitle in cartable["Products"] %}
  225.                                                                         <th>{{ cartitle["nom"] }}</th>
  226.                                                                     {% endfor %}
  227.                                                                 </tr>
  228.                                                                 {% for caracteristique in caracteristiques %}
  229.                                                                     {% if loop.index is even %}
  230.                                                                         {% set rowparity = "even" %}
  231.                                                                     {% else %}
  232.                                                                         {% set rowparity = "odd" %}
  233.                                                                     {% endif %}
  234.                                                                     <tr class="{{ rowparity }}">
  235.                                                                         <td>
  236.                                                                             {% if caracteristique.url %}
  237.                                                                                 <a href="/{{ lang }}{{ caracteristique.url }}" class="data-sheet-link hover-blue">{{ caracteristique.FeatureName }}</a>
  238.                                                                                 {% if caracteristique.meta_description %}
  239.                                                                                     <div data-bs-toggle="tooltip" style="width:17px; display: inline; padding-left:10px;" title="{{ caracteristique.meta_description }}" data-original-title="{{ caracteristique.meta_description }}">
  240.                                                                                         <i class="text-black fas fa-info-circle"></i>
  241.                                                                                         {# <a href="/{{ lang }}{{ caracteristique.url }}"><i class="text-black fas fa-info-circle hover-blue"></i></a> #}
  242.                                                                                     </div>
  243.                                                                                 {% endif %}
  244.                                                                             {% else %}
  245.                                                                                 {{ caracteristique.FeatureName }}
  246.                                                                                 {% if caracteristique.meta_description %}
  247.                                                                                     <div data-bs-toggle="tooltip" style="width:17px; display: inline; padding-left:10px;" title="{{ caracteristique.meta_description }}"><i class="text-black fas fa-info-circle"></i></div>
  248.                                                                                 {% endif %}
  249.                                                                             {% endif %}
  250.                                                                         </td>
  251.                                                                         {% for prod in caracteristique.Products %}
  252.                                                                             <td>
  253.                                                                                 {{ prod.value }}
  254.                                                                             </td>
  255.                                                                         {% endfor %}
  256.                                                                     </tr>
  257.                                                                 {% endfor %}
  258.                                                             </tbody>
  259.                                                         </table>
  260.                                                         {{ 'addendum'|trans({}, 'configurateur')|raw }}
  261.                                                     </div>
  262.                                                     <div class="page-product-box tab-pane" id="producttab-download">
  263.                                                         {% if files|filter(f => f.category == "Datasheets") %}
  264.                                                             <div class="TitreCategorie">{{ 'datasheets'|trans({}, 'configurateur')|raw }}</div>
  265.                                                             <ul class="list-unstyled">
  266.                                                                 {% for file in files|filter(f => f.category == "Datasheets") %}
  267.                                                                     <li><a data-version="1" data-name="{{ file.file_name }}" target="_blank" class="Document" title="" href="https://files.sensy.com/datasheets/{{ file.file_name }}"><i class="fas fa-download me-2"></i><span class="texte">{{ file.file_name }} ({{ file.file_size|format_size }})</span> </a></li>
  268.                                                                 {% endfor %}
  269.                                                             </ul>
  270.                                                         {% endif %}
  271.                                                         {% if files|filter(f => f.category == "Manuals") %}
  272.                                                             <div class="TitreCategorie">{{ 'manuels'|trans({}, 'configurateur')|raw }}</div>
  273.                                                             <ul class="list-unstyled">
  274.                                                                 {% for file in files|filter(f => f.category == "Manuals") %}
  275.                                                                     <li><a data-version="1" data-name="{{ file.file_name }}" target="_blank" class="Document" title="" href="https://files.sensy.com/datasheets/{{ file.file_name }}"><i class="fas fa-download me-2"></i><span class="texte">{{ file.file_name }} ({{ file.file_size|format_size }})</span> </a></li>
  276.                                                                 {% endfor %}
  277.                                                             </ul>
  278.                                                         {% endif %}
  279.                                                         {% if files|filter(f => f.category == "Softwares") %}
  280.                                                             <div class="TitreCategorie">{{ 'logiciel'|trans({}, 'configurateur')|raw }}</div>
  281.                                                             <ul class="list-unstyled">
  282.                                                                 {% for file in files|filter(f => f.category == "Softwares") %}
  283.                                                                     <li><a data-version="1" data-name="{{ file.file_name }}" target="_blank" class="Document" title="" href="https://files.sensy.com/datasheets/{{ file.file_name }}"><i class="fas fa-download me-2"></i><span class="texte">{{ file.file_name }} ({{ file.file_size|format_size }})</span> </a></li>
  284.                                                                 {% endfor %}
  285.                                                             </ul>
  286.                                                         {% endif %}
  287.                                                         {% if files|filter(f => f.category == "Support") %}
  288.                                                             <div class="TitreCategorie">Support</div>
  289.                                                             <ul class="list-unstyled">
  290.                                                                 {% for file in files|filter(f => f.category == "Support") %}
  291.                                                                     <li><a data-version="1" data-name="{{ file.file_name }}" target="_blank" class="Document" title="" href="https://files.sensy.com/datasheets/{{ file.file_name }}"><i class="fas fa-download me-2"></i><span class="texte">{{ file.file_name }} ({{ file.file_size|format_size }})</span> </a></li>
  292.                                                                 {% endfor %}
  293.                                                             </ul>
  294.                                                         {% endif %}
  295.                                                     </div>
  296.                                                     {% for accessoryTab in uniqueAccessory %}
  297.                                                         <section id="tab_content_{{ loop.index }}" class="section_native_menu tab_content_{{ loop.index }} page-product-box tab-pane">
  298.                                                             <div>
  299.                                                                 {% for accessory in accessories|filter(a => a.name == accessoryTab) %}
  300.                                                                     {% if accessoryTab == "Applications" %}
  301.                                                                         <div class="row">
  302.                                                                             {% for appProduct in appProduct %}
  303.                                                                                 <div class=" col-xs-cus-12 col-xs-4 col-sm-3 col-md-3 col-lg-3 " data-col-lg="3" data-col-md="3" data-col-sm="3" data-col-xs="4">
  304.                                                                                     <div class="pts-widget">
  305.                                                                                         <div class="widget-product block">
  306.                                                                                             <div class="widget-inner ">
  307.                                                                                                 <div class="product_block application">
  308.                                                                                                     <div class="product-container widget-produit-app clearfix">
  309.                                                                                                         <div class="image d-flex justify-content-center">
  310.                                                                                                             <a href="{{ appProduct.description_short }}" title="{{ appProduct.name }}" class="product_image">
  311.                                                                                                                 <img class="img-responsive" src="//www.sensy.com/{{ appProduct.id_image1 }}-cart_default/{{ appProduct.link_rewrite }}.jpg" alt="{{ appProduct.name }}">
  312.                                                                                                             </a>
  313.                                                                                                         </div>
  314.                                                                                                         <div class="product-meta text-center">
  315.                                                                                                             <a class="name" href="{{ appProduct.description_short }}">{{ appProduct.name }}</a>
  316.                                                                                                         </div>
  317.                                                                                                     </div>
  318.                                                                                                 </div>
  319.                                                                                             </div>
  320.                                                                                         </div>
  321.                                                                                     </div>
  322.                                                                                 </div>
  323.                                                                             {% endfor %}
  324.                                                                         <div>
  325.                                                                     {% else %}
  326.                                                                         {{ accessory.content|decode_html_entities }}
  327.                                                                     {% endif %}
  328.                                                                 {% endfor %}
  329.                                                             </div>
  330.                                                         </section>
  331.                                                     {% endfor %}
  332.                                                 </div>
  333.                                             </div>
  334.                                             <div class="col-lg-3 col-md-3 col-sm-12">
  335.                                                 <div class="service-inner">
  336.                                                     <div class="BoxTypicalApplications">
  337.                                                         <div class="HeadBTA"> <span>{{ 'application.typique'|trans({}, 'configurateur')|raw }}</span></div>
  338.                                                         <div id="TypicalApplications" class="carousel slide" data-ride="carousel">
  339.                                                             <div class="carousel-inner">
  340.                                                                 {# {% for %} #}
  341.                                                                     <div class="item">
  342.                                                                         <a href="https://www.sensy.com/en/connexion?back=https%3A%2F%2Fwww.sensy.com%2Fen%2Fweighing-load-cells%2Fbending-beam-load-cells-2000s%3Ffsau_rewrite_category%3Dweighing-load-cells&amp;rewrite=bending-beam-load-cells-2000s">
  343.                                                                             <img width="157" src="../../upload/Leaflets/EN9100-load-cells-embedded-aircraft-aerospace-leaflet_EN.png" alt="EN9100 load cells embedded aircraft aerospace leaflet">
  344.                                                                         </a>
  345.                                                                     </div>
  346.                                                                 {# {% endfor %} #}
  347.                                                                 <div class="item"> <a href="https://www.sensy.com/en/connexion?back=https%3A%2F%2Fwww.sensy.com%2Fen%2Fweighing-load-cells%2Fbending-beam-load-cells-2000s%3Ffsau_rewrite_category%3Dweighing-load-cells&amp;rewrite=bending-beam-load-cells-2000s"> <img width="157" src="../../upload/Leaflets/eot-crane-overload-protection-load-pin-leaflet_EN.png" alt="eot crane overload protection load pin leaflet"> </a></div>
  348.                                                                 <div class="item active"> <a href="https://www.sensy.com/en/connexion?back=https%3A%2F%2Fwww.sensy.com%2Fen%2Fweighing-load-cells%2Fbending-beam-load-cells-2000s%3Ffsau_rewrite_category%3Dweighing-load-cells&amp;rewrite=bending-beam-load-cells-2000s"> <img width="157" src="../../upload/Leaflets/iso-376-load-cells-standard-reference-transducers-leaflet_EN.png" alt="iso 376 load cells standard reference transducers leaflet"> </a></div>
  349.                                                                 <div class="item"> <a href="https://www.sensy.com/en/connexion?back=https%3A%2F%2Fwww.sensy.com%2Fen%2Fweighing-load-cells%2Fbending-beam-load-cells-2000s%3Ffsau_rewrite_category%3Dweighing-load-cells&amp;rewrite=bending-beam-load-cells-2000s"> <img width="157" src="../../upload/Leaflets/load-cells-weighing-torque-transducers-leaflet_EN.png" alt="load cells weighing torque transducers leaflet"> </a></div>
  350.                                                                 <div class="item"> <a href="https://www.sensy.com/en/connexion?back=https%3A%2F%2Fwww.sensy.com%2Fen%2Fweighing-load-cells%2Fbending-beam-load-cells-2000s%3Ffsau_rewrite_category%3Dweighing-load-cells&amp;rewrite=bending-beam-load-cells-2000s"> <img width="157" src="../../upload/Leaflets/rig-instrumentation-load-pins-offshore-load-cells-leaflet_EN.png" alt="rig instrumentation load pins offshore load cells leaflet"> </a></div>
  351.                                                             </div>
  352.                                                             <a class="left carousel-control" href="#TypicalApplications" style="opacity: 1;" data-slide="prev">
  353.                                                                 <i class="fas fa-chevron-left"></i>
  354.                                                             </a>
  355.                                                             <a class="right carousel-control" href="#TypicalApplications" style="opacity: 1;" data-slide="next">
  356.                                                                 <i class="fas fa-chevron-right"></i>
  357.                                                             </a>
  358.                                                         </div>
  359.                                                         <div id="Download" class="Download"> <img src="../../upload/download.png" alt="Download our leaflet"></div>
  360.                                                     </div>
  361.                                                 </div>
  362.                                             </div>
  363.                                         </div>
  364.                                     </div>
  365.                                     <div class="pts-container">
  366.                                         <div class="pts-inner container">
  367.                                             <div class="row-inner row-level-1">
  368.                                                 <div class="row clearfix">
  369.                                                     <div class="col-lg-12 col-md-12 col-sm-12 col-12">
  370.                                                         <div class="col-inner space-60">
  371.                                                             <div class="widget-bloglatest">
  372.                                                                 <div class="pts-widget">
  373.                                                                     <div class="widget-latestblog block block-borderbox">
  374.                                                                         <h3 class="title_block"><span>{{ 'electronique'|trans({}, 'configurateur')|raw }}</span></h3>
  375.                                                                         <div class="block_content border-0">
  376.                                                                             <div class=" boxcarousel widget-content owl-carousel-play" data-ride="owlcarousel">
  377.                                                                                 <div class="carousel-controls">
  378.                                                                                     <div class="left carousel-control left_carousel disabled">
  379.                                                                                         <i class="fa-solid fa-angle-left fa-sm"></i>
  380.                                                                                     </div>
  381.                                                                                     <div class="right carousel-control right_carousel">
  382.                                                                                         <i class="fa-solid fa-angle-right fa-sm"></i>
  383.                                                                                     </div>
  384.                                                                                 </div>
  385.                                                                                 <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]">
  386.                                                                                     <div class="owl-wrapper-outer" style="height: 400px;">
  387.                                                                                         <div class="owl-wrapper">
  388.                                                                                             {% for product in productsElectro %}
  389.                                                                                                 <div class="owl-item {{ loop.first ? 'active' : '' }}" style="width: 250px;">
  390.                                                                                                     <div class="item">
  391.                                                                                                         <div class="blog_container grid clearfix">
  392.                                                                                                             <div class="product-block position-relative" itemscope="" itemtype="https://schema.org/Product" style="position: static; margin-right: 0px; margin-left: 0px;">
  393.                                                                                                                 <div class="product-container">
  394.                                                                                                                     <div class="Certifications">
  395.                                                                                                                         {% for supplier in product.suppliers|split(',') %}
  396.                                                                                                                             {% set imagePath = '../../../ps/img/su/' ~ product.id_suppliers|split(',')[loop.index0] %}
  397.                                                                                                                             {% set imageName = product.id_suppliers|split(',')[loop.index0] %}
  398.                                                                                                                             {% set imageExtension = (imageName == '4') ? 'png' : 'jpg' %}
  400.                                                                                                                             <img width="20px" height="20px" src="{{ imagePath ~ '.' ~ imageExtension }}" alt="{{ supplier }}" title="{{ supplier }}">
  401.                                                                                                                         {% endfor %}
  402.                                                                                                                     </div>
  403.                                                                                                                     <div class="left-block">
  404.                                                                                                                         <div class="product-image-container image">
  405.                                                                                                                             <a class="img product_img_link" href="/{{ lang }}/{{ content.link_rewrite }}/{{ product.link_rewrite }}" title="{{ product.name }}" itemprop="url">
  406.                                                                                                                                 <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">
  407.                                                                                                                             </a>
  408.                                                                                                                             {% if product.id_image2 %}
  409.                                                                                                                                 <span class="hover-image"> 
  410.                                                                                                                                     <a class="img-back product_img_link" href="/{{ lang }}/{{ content.link_rewrite }}/{{ product.link_rewrite }}" title="{{ product.name }}">
  411.                                                                                                                                         <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">
  412.                                                                                                                                     </a>
  413.                                                                                                                                 </span>
  414.                                                                                                                             {% endif %}
  415.                                                                                                                         </div>
  416.                                                                                                                         <div class="product-label-wrap"></div>
  417.                                                                                                                         <div class="color-list-container product-colors"></div>
  418.                                                                                                                     </div>
  419.                                                                                                                     <div class="right-block">
  420.                                                                                                                         <div class="product-meta">
  421.                                                                                                                             <h4 class="name" itemprop="sku"> <a class="product-name" href="/{{ lang }}/{{ content.link_rewrite }}/{{ product.link_rewrite }}" title="{{ product.name }}" itemprop="url">{{ product.reference }}</a></h4>
  422.                                                                                                                             <div class="product-desc description" itemprop="name"> {{ product.name }}</div>
  423.                                                                                                                             <div class="clearfix product-box"></div>
  424.                                                                                                                         </div>
  425.                                                                                                                         <div class="button-container action" style="padding-left: 20%;">
  426.                                                                                                                             <div>
  427.                                                                                                                                 <div class="pts-atchover"><a class="btn" href="/{{ lang }}/{{ content.link_rewrite }}/{{ product.link_rewrite }}" data-id-product="{{ product.id_product }}" title="{{ 'details'|trans({}, 'configurateur')|raw }}"><i class="fas fa-search"></i></a></div>
  428.                                                                                                                                 <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>
  429.                                                                                                                                 <div class="pts-atchover"><a class="btn add_to_compare" href="/{{ lang }}/{{ content.link_rewrite }}/{{ product.link_rewrite }}" data-id-product="{{ product.id_product }}" title="{{ 'add.compare'|trans({}, 'configurateur')|raw }}"><i class="fas fa-sync-alt"></i></a></div>
  430.                                                                                                                             </div>
  431.                                                                                                                         </div>
  432.                                                                                                                     </div>
  433.                                                                                                                 </div>
  434.                                                                                                                 <div class="SousProduit ShadowBox">
  435.                                                                                                                     <table class="mx-1">
  436.                                                                                                                         <tbody>
  437.                                                                                                                             {% if product.attr_prec %}
  438.                                                                                                                                 <tr>
  439.                                                                                                                                     <td>{{ 'precision'|trans({}, 'configurateur')|raw }}</td>
  440.                                                                                                                                     <td>{{ product.attr_prec|replace({',': ', '})|truncate(25) }}</td>
  441.                                                                                                                                 </tr>
  442.                                                                                                                             {% endif %}
  443.                                                                                                                             {% if product.attr_cap %}
  444.                                                                                                                                 <tr>
  445.                                                                                                                                     <td>{{ 'capacite'|trans({}, 'configurateur')|raw }}</td>
  446.                                                                                                                                     <td>{{ product.attr_cap|replace({',': ', '})|truncate(25) }}</td>
  447.                                                                                                                                 </tr>
  448.                                                                                                                             {% endif %}
  449.                                                                                                                             <tr>
  450.                                                                                                                                 <td colspan="2" class="TableDescription" itemprop="description">{{ product.description|raw }}</td>
  451.                                                                                                                             </tr>
  452.                                                                                                                         </tbody>
  453.                                                                                                                     </table>
  454.                                                                                                                 </div>
  455.                                                                                                                 <div itemprop="brand" itemscope="" itemtype="https://schema.org/Brand">
  456.                                                                                                                     <meta itemprop="name" content="SENSY">
  457.                                                                                                                 </div>
  458.                                                                                                                 <div itemprop="offers" itemscope="" itemtype="https://schema.org/Offer">
  459.                                                                                                                     <meta itemprop="price" content="">
  460.                                                                                                                     <meta itemprop="priceCurrency" content="EUR">
  461.                                                                                                                     <link itemprop="availability" href="https://schema.org/InStock">
  462.                                                                                                                     <meta itemprop="url" content="/{{ lang }}/{{ content.link_rewrite }}/{{ product.link_rewrite }}">
  463.                                                                                                                 </div>
  464.                                                                                                             </div>
  465.                                                                                                         </div>
  466.                                                                                                     </div>
  467.                                                                                                 </div>
  468.                                                                                             {% endfor %}
  469.                                                                                         </div>
  470.                                                                                     </div>
  471.                                                                                 </div>
  472.                                                                             </div>
  473.                                                                         </div>
  474.                                                                     </div>
  475.                                                                 </div>
  476.                                                             </div>
  477.                                                         </div>
  478.                                                     </div>
  479.                                                 </div>
  480.                                             </div>
  481.                                         </div>
  482.                                     </div>
  483.                                     <div itemprop="brand" itemscope="" itemtype="https://schema.org/Brand">
  484.                                         <meta itemprop="name" content="SENSY">
  485.                                     </div>
  486.                                     <div itemprop="offers" itemscope="" itemtype="https://schema.org/Offer">
  487.                                         <meta itemprop="price" content="">
  488.                                         <meta itemprop="priceCurrency" content="EUR">
  489.                                         <link itemprop="availability" href="https://schema.org/InStock">
  490.                                         <meta itemprop="url" content="/{{ lang }}/weighing-load-cells/{{ content.link_rewrite }}">
  491.                                     </div>
  492.                                 </div>
  493.                             </div>
  494.                         </div>
  495.                     </div>
  496.                 </div>
  497.             </div>
  498.         </div>
  499.     {% endfor %}
  500. {% endblock %}