custom/plugins/SchilderSysteme/src/Resources/views/storefront/element/cms-element-product-description-reviews.html.twig line 1

Open in your IDE?
  1. {% block element_product_desciption_reviews %}
  2.     {% set config = element.fieldConfig.elements %}
  3.     {% set product = element.data.product %}
  4.     {% set descriptionTabId = "description-tab-" ~ product.id %}
  5.     {% set descriptionTabHref = "#description-tab-" ~ product.id ~ "-pane" %}
  6.     {% set descriptionTabContent = "description-tab-" ~ product.id ~ "-pane" %}
  7.     {% set reviewTabId = "review-tab-" ~ product.id %}
  8.     {% set reviewTabHref = "#review-tab-" ~ product.id ~ "-pane" %}
  9.     {% set reviewTabContent = "review-tab-" ~ product.id ~ "-pane" %}
  10.     {% set crossSellings  = element.data.product.crossSellings.elements %}
  11.     {% if element.data.product %}
  12.         <div class="cms-element-{{ element.type }}{% if config.alignment.value %} has-vertical-alignment{% endif %}">{% if config.alignment.value %}
  13.             <div class="cms-element-alignment{% if config.alignment.value == "center" %} align-self-center{% elseif config.alignment.value == "flex-end" %} align-self-end{% else %} align-self-start{% endif %}">
  14.                 {% endif %}
  15.                 <div class="card card-tabs">
  16.                     {% block element_product_desciption_reviews_tabs_navigation %}
  17.                         <div class="card-header product-detail-tab-navigation">
  18.                             {% block element_product_desciption_reviews_tabs_navigation_container %}
  19.                                 <ul class="nav nav-tabs product-detail-tab-navigation-list"
  20.                                     id="product-detail-tabs"
  21.                                     role="tablist">
  23.                                     {% block element_product_variants_tab %}
  24.                                         <li class="nav-item">
  25.                                             <a class="nav-link product-detail-tab-navigation-link"
  26.                                                id="cs-variants-tab"
  27.                                                data-toggle="tab"
  28.                                                href="#cs-variants-tab-pane"
  29.                                                role="tab"
  30.                                                scroll-to="true"
  31.                                                aria-controls="cs-variants-tab-pane"
  32.                                                aria-selected="true">
  33.                                                 {{ "detail.tabVariant"|trans|sw_sanitize }}
  34.                                                 <span class="product-detail-tab-navigation-icon">
  35.                                             {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  36.                                         </span>
  37.                                             </a>
  38.                                         </li>
  39.                                     {% endblock %}
  42.                                     {% for item in crossSellings %}
  43.                                         {% set id = item.id %}
  44.                                         {% if item.active %}
  45.                                             <li class="nav-item">
  46.                                                 <a class="nav-link product-detail-tab-navigation-link"
  47.                                                    id="cs-{{ id }}-tab"
  48.                                                    data-toggle="tab"
  49.                                                    href="#cs-{{ id }}-tab-pane"
  50.                                                    role="tab"
  51.                                                    scroll-to="true"
  52.                                                    aria-selected="true">
  53.                                                     {{ item.translated.name }}
  54.                                                     <span class="product-detail-tab-navigation-icon">
  55.                                             {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  56.                                         </span>
  57.                                                 </a>
  58.                                             </li>
  59.                                         {% endif %}
  60.                                     {% endfor %}
  63.                                     {% block element_product_desciption_reviews_tabs_navigation_description %}
  64.                                         <li class="nav-item">
  65.                                             <a class="nav-link {% if (ratingSuccess != 1) and (ratingSuccess != -1) %}active{% endif %} product-detail-tab-navigation-link"
  66.                                                id="{{ descriptionTabId }}"
  67.                                                data-toggle="tab"
  68.                                                href="#cs-description-tab-pane"
  69.                                                scroll-to="true"
  70.                                                aria-selected="true">
  71.                                                 <span>{{ "detail.tabsDescription"|trans|sw_sanitize }}</span>
  72.                                                 <span class="product-detail-tab-navigation-icon">
  73.                                                     {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  74.                                                 </span>
  75.                                                 {% if element.data.product.translated.description|length > 0 %}
  76.                                                     <span class="product-detail-tab-preview">
  77.                                                         {{ page.product.translated.description|raw|striptags|sw_sanitize|u.truncate(125, '…') }}
  79.                                                         {# truncate always cuts down the length to 125 characters.
  80.                                                                So it will only shorten the string if it exceeds 125 chars.
  81.                                                                Therefor, only show the button when the length of the text is
  82.                                                                greater or equal then 126 characters. #}
  83.                                                         {% if element.data.product.translated.description|length >= 126 %}
  84.                                                             <span class="product-detail-tab-preview-more">{{ "detail.tabsPreviewMore"|trans|sw_sanitize }}</span>
  85.                                                         {% endif %}
  86.                                                         </span>
  87.                                                 {% endif %}
  88.                                             </a>
  89.                                         </li>
  90.                                     {% endblock %}
  92.                                     {% block element_product_property_tab %}
  93.                                         {% if page.product.sortedProperties|length > 0 %}
  95.                                             <li class="nav-item">
  96.                                                 <a class="nav-link product-detail-tab-navigation-link"
  97.                                                    id="cs-property-tab"
  98.                                                    data-toggle="tab"
  99.                                                    href="#cs-property-tab-pane"
  100.                                                    role="tab"
  101.                                                    scroll-to="true">
  102.                                                     {{ "detail.tabsProperty"|trans|sw_sanitize }}
  103.                                                     <span class="product-detail-tab-navigation-icon">
  104.                                             {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  105.                                         </span>
  106.                                                 </a>
  107.                                             </li>
  108.                                         {% endif %}
  109.                                     {% endblock %}
  111.                                     {% block element_product_desciption_reviews_tabs_navigation_review %}
  112.                                         {% if config('core.listing.showReview') %}
  113.                                             <li class="nav-item">
  114.                                                 <a class="nav-link {% if (ratingSuccess == 1) or (ratingSuccess == -1) %}active{% endif %} product-detail-tab-navigation-link review-tab"
  115.                                                    id="{{ reviewTabId }}"
  116.                                                    href="{{ reviewTabHref }}"
  117.                                                    role="tab"
  118.                                                    scroll-to="true">
  119.                                                     {{ "detail.tabsReview"|trans|sw_sanitize }}
  120.                                                     <span class="product-detail-tab-navigation-icon">
  121.                                                         {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  122.                                                     </span>
  123.                                                 </a>
  124.                                             </li>
  125.                                         {% endif %}
  126.                                     {% endblock %}
  129.                                     {% block element_product_downloads_tab %}
  130.                                         <li class="nav-item">
  131.                                             <a class="nav-link product-detail-tab-navigation-link"
  132.                                                id="cs-downloads-tab"
  133.                                                href="#cs-downloads-tab-pane"
  134.                                                role="tab"
  135.                                                scroll-to="true">
  136.                                                 {{ "detail.tabDownloads"|trans|sw_sanitize }}
  137.                                                 <span class="product-detail-tab-navigation-icon">
  138.                                             {% sw_icon 'arrow-medium-right' style {'pack':'solid'} %}
  139.                                         </span>
  140.                                             </a>
  141.                                         </li>
  142.                                     {% endblock %}
  144.                                 </ul>
  145.                             {% endblock %}
  146.                         </div>
  147.                     {% endblock %}
  149.                     {% block element_product_desciption_reviews_tabs_content %}
  150.                         <div class="product-detail-tabs-content card-body">
  151.                             {% block element_product_desciption_reviews_tabs_content_container %}
  152.                                 <div class="tab-content">
  155.                                     {% block element_product_desciption_reviews_tabs_content_variants %}
  156.                                         {% if product.customFields.price_on_request_six_group!=1 %}
  157.                                         <div class="tab-pane"
  158.                                              id="cs-variants-tab-pane"
  159.                                              role="tabpanel">
  160.                                             <span class="tab-content-headline">
  161.                                              {{ "detail.tabVariants"|trans|sw_sanitize }}</span>
  162.                                             {% sw_include '@Storefront/storefront/component/product/table.html.twig' with {
  163.                                                 product: element.data.product
  164.                                             } %}
  165.                                             <span class="table-info-text">{{ "detail.tabVariantsTextInfo"|trans|sw_sanitize }}</span>
  166.                                         </div>
  167.                                         {% endif %}
  168.                                     {% endblock %}
  170.                                     {% for item in crossSellings %}
  171.                                         {% set id = item.id %}
  172.                                         {% if item.active %}
  173.                                             <div class="tab-pane cross-selling-tab"
  174.                                                  id="cs-{{ id }}-tab-pane"
  175.                                                  role="tabpanel"
  176.                                                  aria-labelledby="cs-{{ id }}-tab">
  177.                                                 <span class="tab-content-headline">{{ item.translated.name }}</span>
  178.                                                 {% sw_include '@Storefront/storefront/component/product/table-cross-sellings.html.twig' with {
  179.                                                     products: item.assignedProducts.elements
  180.                                                 } %}
  181.                                             </div>
  182.                                         {% endif %}
  183.                                     {% endfor %}
  186.                                     {% block element_product_desciption_reviews_tabs_content_description %}
  187.                                         <div class="tab-pane has-border"
  188.                                              id="cs-description-tab-pane"
  189.                                              role="tabpanel"
  190.                                              aria-labelledby="{{ descriptionTabId }}">
  191.                                             <div class="description-content">
  192.                                                 <span class="tab-content-headline">
  193.                                                 </span>
  194.                                                 {% sw_include '@Storefront/storefront/component/product/description.html.twig' with {
  195.                                                     product: element.data.product
  196.                                                 } %}
  197.                                             </div>
  198.                                         </div>
  199.                                     {% endblock %}
  201.                                     {% block element_product_desciption_reviews_tabs_content_review %}
  202.                                         {% if config('core.listing.showReview') %}
  203.                                             <div class="tab-pane"
  204.                                                  id="{{ reviewTabContent }}"
  205.                                                  role="tabpanel"
  206.                                                  aria-labelledby="{{ reviewTabId }}">
  207.                                                 {% sw_include '@Storefront/storefront/component/review/review.html.twig' with {
  208.                                                     reviews: element.data.reviews,
  209.                                                     product: element.data.product
  210.                                                 } %}
  211.                                             </div>
  212.                                         {% endif %}
  213.                                     {% endblock %}
  215.                                     {% if page.product.sortedProperties|length > 0 %}
  216.                                         <div class="tab-pane  has-border"
  217.                                              id="cs-property-tab-pane"
  218.                                              role="tabpanel"
  219.                                              aria-labelledby="cs-property-tab">
  220.                                             <div class="cms-block  pos-0 cms-block-product-three-column properties-content">
  221.                                                 <div class="cms-block-container">
  222.                                                     <span class="tab-content-headline">
  223.                                                         {{ "detail.tabsProperty"|trans|sw_sanitize }}</span>
  224.                                                     {% sw_include '@Storefront/storefront/page/product-detail/properties.html.twig' %}
  225.                                                 </div>
  226.                                             </div>
  227.                                         </div>
  228.                                     {% endif %}
  231.                                     <div class="tab-pane has-border"
  232.                                          id="cs-downloads-tab-pane"
  233.                                          role="tabpanel"
  234.                                          aria-labelledby="cs-property-tab">
  235.                                         <div class="cms-block  pos-0 cms-block-product-three-column  downloads-content">
  236.                                             <div class="cms-block-container">
  237.                                                 <span class="tab-content-headline">{{ "detail.tabDownloadHeadline"|trans|sw_sanitize }}</span>
  238.                                                 {% block element_product_listing_col %}
  239.                                                     {% set filesIds = [] %}
  241.                                                     {% if page.product.customFields.custom_downloads_download1 %}
  242.                                                         {% set filesIds = filesIds|merge([page.product.customFields.custom_downloads_download6]) %}
  243.                                                     {% endif %}
  245.                                                     {% if page.product.customFields.custom_downloads2 %}
  246.                                                         {% set filesIds = filesIds|merge([page.product.customFields.custom_downloads_download6]) %}
  247.                                                     {% endif %}
  249.                                                     {% if page.product.customFields.custom_downloads_download3 %}
  250.                                                         {% set filesIds = filesIds|merge([page.product.custom_downloads_download3]) %}
  251.                                                     {% endif %}
  253.                                                     {% if page.product.customFields.custom_downloads_download4 %}
  254.                                                         {% set filesIds = filesIds|merge([page.product.customFields.custom_downloads_download4]) %}
  255.                                                     {% endif %}
  257.                                                     {% if page.product.customFields.custom_downloads_download5 %}
  258.                                                         {% set filesIds = filesIds|merge([page.product.customFields.custom_downloads_download5]) %}
  259.                                                     {% endif %}
  261.                                                     {% if page.product.customFields.custom_downloads_download6 %}
  262.                                                         {% set filesIds = filesIds|merge([page.product.customFields.custom_downloads_download6]) %}
  263.                                                     {% endif %}
  265.                                                     {% if page.product.customFields.custom_downloads_download7 %}
  266.                                                         {% set filesIds = filesIds|merge([page.product.customFields.custom_downloads_download7]) %}
  267.                                                     {% endif %}
  269.                                                     {% if page.product.customFields.custom_downloads_download8 %}
  270.                                                         {% set filesIds = filesIds|merge([page.product.customFields.custom_downloads_download8]) %}
  271.                                                     {% endif %}
  273.                                                     {% if page.product.customFields.custom_downloads_download9 %}
  274.                                                         {% set filesIds = filesIds|merge([page.product.customFields.custom_downloads_download9]) %}
  275.                                                     {% endif %}
  277.                                                     {% if page.product.customFields.custom_downloads_download10 %}
  278.                                                         {% set filesIds = filesIds|merge([page.product.customFields.custom_downloads_download10]) %}
  279.                                                     {% endif %}
  281.                                                     {% set filesCollection = searchMedia(filesIds, context.context) %}
  283.                                                     <div class="download-list">
  284.                                                         {% for file in filesIds %}
  285.                                                             {% set fileMedia = filesCollection.get(file) %}
  286.                                                             <a class="download-item" href="{{ fileMedia.url }}"><img src="{{ asset('bundles/schildersysteme/icons/icon_pdf.svg', 'asset') }}">{{ fileMedia.title }} </a>
  287.                                                         {% endfor %}
  288.                                                     </div>
  289.                                                     {% if filesIds|length == 0 %}
  290.                                                         <span>{{ "detail.tabDownloadInfo"|trans|sw_sanitize }}</span>
  292.                                                     {% endif %}
  293.                                                 {% endblock %}
  294.                                             </div>
  295.                                         </div>
  296.                                     </div>
  297.                                 </div>
  298.                             {% endblock %}
  299.                         </div>
  300.                     {% endblock %}
  301.                 </div>
  302.             </div>
  303.         </div>
  304.     {% endif %}
  305. {% endblock %}