templates/Shop/includes/documentsbuttons.html.twig line 1

Open in your IDE?
  1. {% set documentsObject = app_product_documents(product) %}
  2. {% set documents = documentsObject.documents %}
  3. {% set docLang1 = documentsObject.docLang1 %}
  4. {% set docLang2 = documentsObject.docLang2 %}
  6. <div class="tabs-listing style2 mt-0 mt-md-5">
  7.     <ul class="product-tabs style2 list-unstyled d-flex-wrap justify-content-center m-0 d-none d-md-flex" id="tabsList">
  10.         <li rel="features" class="featuresIL {{ (kit and is_authenticated) ? '' : 'd-none' }}"><a class="tablink">{{ 'product_detail.content.product_tabs_features_translations' |trans }}</a></li>
  12.         <li rel="description" class="{{ (kit and is_authenticated) ? '' : 'descriptionIL' }}"><a class="tablink">{{ 'product_detail.content.product_tabs_description_translations' |trans }}</a></li>
  13.         {% if documents[docLang1] | length > 0 or documents[docLang2] | length > 0 %}
  14.                 {% for documentTypes, doc in documents[docLang1] %}
  15.                     {% set doc = null %}
  16.                     {% if documents[docLang1][documentTypes] | length > 0 %}
  17.                         {% set doc = documents[docLang1][documentTypes] | first %}
  18.                     {% else %}
  19.                         {% if documents[docLang2][documentTypes] | length > 0 %}
  20.                             {% set doc = documents[docLang2][documentTypes] | first %}
  21.                         {% endif %}
  22.                     {% endif %}
  23.                     {% if doc is not null %}
  24.                         {% set url = "" %}
  25.                         {% set title = "" %}
  26.                         {% if app_helper_is_object(doc) %}
  27.                             {%  set asset = doc.getElement() %}
  28.                             {%  set url = asset.getFrontendPath() %}
  29.                             {%  set title = doc.getDoctype() %}
  30.                         {% else %}
  31.                             {%  set url = doc %}
  32.                             {%  set title = documentTypes %}
  33.                         {% endif %}
  34.                         {% set rel = title | replace({' ': '','á':'a','é':'e','í':'i','ó':'o','ú':'u'}) %}
  35.                         {% if title is not empty %}
  36.                             <li rel="{{ rel }}"><a class="tablink" href="{{ url }}" target="_blank" rel="noreferrer noopener" >{{ ("lbl_" ~ title) | trans }}</a></li>
  37.                         {% endif %}
  38.                     {% endif %}
  39.                 {% endfor %}
  41.         {%  endif %}
  42.     </ul>
  43.     <div class="tab-container" id="tabsContainer">
  44.         <div id="features" class="tab-content features {{ (kit and is_authenticated) ? '' : 'd-none' }}">
  45.                 <div class="product-features">
  46.                     <div class="row">
  47.                         <div class="col-12">
  48.                             <h4 class="pt-2 text-uppercase">{{ 'product_detail.content.title_product_features_translations' | trans }}</h4>
  49.                             <ul class="checkmarkList">
  50.                                 {% if attributesRows | length > 0 or typesRows | length > 0 %}
  51.                                     <table class="table table-striped">
  52.                                         {% for row in attributesRows %}
  53.                                             {{ row | raw }}
  54.                                         {% endfor %}
  55.                                         {% for row in typesRows %}
  56.                                             {{ row | raw }}
  57.                                         {% endfor %}
  58.                                     </table>
  59.                                 {% endif %}
  60.                             </ul>
  61.                         </div>
  62.                     </div>
  63.                 </div>
  64.             </div>
  65.         <div id="description" class="tab-content">
  66.             <div class="product-description">
  67.                 <div class="row">
  68.                     <div class="col-12">
  69.                         <h4 class="pt-2 text-uppercase">{{ 'product_detail.content.title_product_description_translations' | trans }}</h4>
  71.                         {% set description = longDescription is not empty ? longDescription : shortDescription %}
  73.                         {% if description matches '/<[^>]+>/' %}
  74.                             <div class="fs-6">
  75.                                 {% for paragraph in description | split('</p>') %}
  76.                                     {% if paragraph | trim %}
  77.                                         {{ paragraph | trim | raw }}</p>
  78.                                     {% endif %}
  79.                                 {% endfor %}
  80.                             </div>
  81.                         {% else %}
  82.                             <p class="fs-6">{{ description | nl2br | raw }}</p>
  83.                         {% endif %}
  84.                     </div>
  85.                 </div>
  86.             </div>
  87.         </div>
  88.             {% if documents[docLang1] | length > 0 or documents[docLang2] | length > 0 %}
  89.                 {% for documentTypes, doc in documents[docLang1] %}
  90.                     {% set doc = null %}
  91.                     {% if documents[docLang1][documentTypes] | length > 0 %}
  92.                         {% set doc = documents[docLang1][documentTypes] | first %}
  93.                     {% else %}
  94.                         {% if documents[docLang2][documentTypes] | length > 0 %}
  95.                             {% set doc = documents[docLang2][documentTypes] | first %}
  96.                         {% endif %}
  97.                     {% endif %}
  98.                     {% if doc is not null %}
  99.                         {% set url = "" %}
  100.                         {% set title = "" %}
  101.                         {% if app_helper_is_object(doc) %}
  102.                             {%  set asset = doc.getElement() %}
  103.                             {%  set url = asset.getFrontendPath() %}
  104.                             {%  set title = doc.getDoctype() %}
  105.                         {% else %}
  106.                             {%  set url = doc %}
  107.                             {%  set title = documentTypes %}
  108.                         {% endif %}
  109.                         {% set rel = title | replace({' ': '','á':'a','é':'e','í':'i','ó':'o','ú':'u'}) %}
  110.                         {% if title is not empty %}
  111.                             <h3 class="tabs-ac-style d-md-none" rel="{{ rel }}">{{ ("lbl_" ~ title)| trans }}</h3>
  112.                             <div id="{{ rel }}" class="tab-content d-md-none">
  113.                                 <div class="product-description">
  114.                                     <div class="row">
  115.                                         <div class="col-12 col-sm-12 col-md-8 col-lg-8 mb-4 mb-md-0">
  116.                                             <h4 class="pt-2 text-uppercase">{{ ("lbl_" ~ title) | trans }}</h4>
  117.                                             <a href="{{ url }}" target="_blank" rel="noreferrer noopener" class="btn rounded-0 product-form__cart-submit mb-0"><span>{{ 'product_detail.content.manual_link_translations' |trans }}</span></a>
  118.                                         </div>
  119.                                     </div>
  120.                                 </div>
  121.                             </div>
  123.                         {% endif %}
  124.                     {% endif %}
  125.                 {% endfor %}
  127.             {%  endif %}
  128.     </div>
  129. </div>
  130. <script>
  132.     document.addEventListener('DOMContentLoaded', function() {
  133.         const tabsList = document.getElementById('tabsList');
  134.         if (tabsList) {
  135.             const firstListItem = tabsList.querySelector('.descriptionIL');
  136.             if (firstListItem) {
  137.                 firstListItem.click();
  138.             }
  139.         }
  140.     });
  141. </script>