custom/plugins/TwigelPowerSport/src/Resources/views/storefront/page/product-detail/tabs.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/page/product-detail/tabs.html.twig' %}
  4. {% block page_product_detail_tabs_navigation_container %}
  5.     <ul class="nav nav-tabs product-detail-tab-navigation-list"
  6.         id="product-detail-tabs"
  7.         role="tablist">
  8.         {% block page_product_detail_tabs_navigation_description %}
  9.             {{ parent() }}
  10.         {% endblock %}
  12.         <li class="nav-item">
  13.             <a class="nav-link {% if (ratingSuccess === 1) and (ratingSuccess === -1) %}active{% endif %} product-detail-tab-navigation-link"
  14.                id="shippingTabId"
  15.                data-toggle="tab"
  16.                data-offcanvas-tabs="true"
  17.                href="#shippingTabPane"
  18.                role="tab"
  19.                aria-controls="shippingTabPane"
  20.                aria-selected="true">
  21.                 <span>{{ "twigel_quad.product-page.tabsShipping"|trans|sw_sanitize }}</span>
  22.                 <span class="product-detail-tab-navigation-icon">
  23.                        {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  24.                 </span>
  25.                 {# {% if element.data.product.translated.description|length > 0 %} #}
  26.                 <span class="product-detail-tab-preview">
  27. {#                           {{ page.product.translated.description|raw|striptags|sw_sanitize|u.truncate(125, '…') }} #}
  28.                 {# {% if element.data.product.translated.description|length >= 126 %} #}
  29.                     <span
  30.                             class="product-detail-tab-preview-more">{{ "detail.tabsPreviewMore"|trans|sw_sanitize }}</span>
  31.                 {# {% endif %} #}
  32.                 </span>
  33.                 {# {% endif %} #}
  34.             </a>
  35.         </li>
  37.         {% block page_product_detail_tabs_navigation_review %}
  38.             {% if config('core.listing.showReview') %}
  39.                 <li class="nav-item">
  40.                     <a class="nav-link {% if (ratingSuccess == 2) or (ratingSuccess == -2) %}active{% endif %} product-detail-tab-navigation-link"
  41.                        id="review-tab"
  42.                     {{ dataBsToggleAttr }}="tab"
  43.                     data-offcanvas-tabs="true"
  44.                     href="#review-tab-pane"
  45.                     role="tab"
  46.                     aria-controls="review-tab-pane"
  47.                     aria-selected="true">
  48.                     {{ "detail.tabsReview"|trans|sw_sanitize }}
  49.                     <span class="product-detail-tab-navigation-icon">
  50.                         {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  51.                     </span>
  52.                     </a>
  53.                 </li>
  54.             {% endif %}
  55.         {% endblock %}
  58.         {% block page_product_detail_tabs_file %}
  59.             {% if page.pdf %}
  60.                 <li class="nav-item">
  61.                     <a class="nav-link {% if (ratingSuccess == 3) or (ratingSuccess == -3) %}active{% endif %} product-detail-tab-navigation-link"
  62.                        id="pdf-tab"
  63.                     {{ dataBsToggleAttr }}="tab"
  64.                     data-offcanvas-tabs="true"
  65.                     href="#pdfTabPane"
  66.                     role="tab"
  67.                     aria-controls="pdfTabPane"
  68.                     aria-selected="true">
  69.                     {{ "twigel_quad.product-page.tabsPdf"|trans|sw_sanitize }}
  70.                     <span class="product-detail-tab-navigation-icon">
  71.                         {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  72.                     </span>
  74.                     </a>
  75.                 </li>
  76.             {% endif %}
  77.         {% endblock %}
  78.     </ul>
  79. {% endblock %}
  82. {% block page_product_detail_tabs_content_container %}
  83.     <div class="tab-content">
  84.         {% block page_product_detail_tabs_content_description %}
  85.             {{ parent() }}
  86.         {% endblock %}
  88.         <div class="tab-pane fade show {% if (ratingSuccess === 1) and (ratingSuccess === -1) %}active{% endif %}"
  89.              id="shippingTabPane"
  90.              role="tabpanel"
  91.              aria-labelledby="shippingTabPane">
  92.             <div class="product-detail-shipping-item tab-pane-container">
  93.                 <button class="btn btn-light offcanvas-close js-offcanvas-close{% if not feature('v6.5.0.0') %} btn-block sticky-top{% endif %}">
  94.                     {% block utilities_offcanvas_close_icon %}
  95.                         {% sw_icon 'x' style { 'size': 'sm' } %}
  96.                     {% endblock %}
  98.                     {% block utilities_offcanvas_close_text %}
  99.                         {{ "general.offcanvasCloseMenu"|trans|sw_sanitize }}
  100.                     {% endblock %}
  101.                 </button>
  102.                 <div class="product-detail-shipping-text">
  103.                     <h2>Transit Time Domestically</h2>
  104.                     <p>In general, domestic shipments are in transit for 2 – 7 days</p>
  105.                     <h2>Transit time Internationally</h2>
  106.                     <p>Generally, orders shipped internationally are in transit for 4 – 10 days. This varies greatly
  107.                         depending on the country you order from.</p>
  108.                     <h2>International shipments</h2>
  109.                     <p>Please consider any and all import fees, duties, local taxes etc before placing an order. Those
  110.                         are not included in the Free shipping option or any other shipping option.</p>
  111.                     <h2>Dispatch Time</h2>
  112.                     <p>Orders are usually dispatched within 2 business days of payment of an order. Our warehouse
  113.                         operates on Monday – Friday during standard business hours, except on national holidays at which
  114.                         time the warehouse will be closed. In these instances, we take steps to ensure shipment delays
  115.                         will be kept to a minimum.</p>
  116.                     <div class="product-detail-shipping-text-link">
  117.                         <p>For full Shipping Policy, </p>
  118.                         <a href="#">click here</a>
  119.                     </div>
  120.                 </div>
  121.             </div>
  122.         </div>
  124.         <div class="tab-pane fade show {% if (ratingSuccess === 3) and (ratingSuccess === -3) %}active{% endif %}"
  125.              id="pdfTabPane"
  126.              role="tabpanel"
  127.              aria-labelledby="pdfTabPane">
  128.             <button class="btn btn-light offcanvas-close js-offcanvas-close{% if not feature('v6.5.0.0') %} btn-block sticky-top{% endif %}">
  129.                 {% sw_icon 'x' style { 'size': 'sm' } %}
  130.                 {{ "general.offcanvasCloseMenu"|trans|sw_sanitize }}
  131.             </button>
  132.             <div class="product-detail-pdf-item tab-pane-container">
  133.                 <div class="product-detail-pdf-text">
  134.                     <h2>{{ "twigel_quad.product-page.tabsPdfTitle"|trans|sw_sanitize }}</h2>
  135.                     <a href="{{ page.pdf.url }}" download class="btn btn-primary">
  136.                         {{ "twigel_quad.product-page.downloadBtn"|trans|sw_sanitize }}
  137.                     </a>
  138.                     <embed src="{{ page.pdf.url }}" height="100%" width="100%">
  140.                 </div>
  141.             </div>
  142.         </div>
  144.         {% block page_product_detail_tabs_content_review %}
  145.             {{ parent() }}
  146.         {% endblock %}
  147.     </div>
  148. {% endblock %}