vendor/shopware/storefront/Resources/views/storefront/component/product/quickview/minimal.html.twig line 76

Open in your IDE?
  1. {% block component_product_quickview_minimal %}
  2.     {% set name = page.product.translated.name %}
  3.     {% set manufacturer = page.product.manufacturer %}
  5.     <div class="quickview-minimal-container">
  6.         {% block component_product_quickview_minimal_top %}
  7.             <div class="row quickview-minimal-top">
  8.                 {% block component_product_quickview_minimal_img %}
  9.                     <div class="col-12 col-md-6 quickview-minimal-image">
  10.                         {% if page.product.media %}
  11.                             {% sw_thumbnails 'minimal-image-thumbnails' with {
  12.                                 media: page.product.cover.media,
  13.                                 sizes: {
  14.                                     'default': '360px'
  15.                                 },
  16.                                 attributes: {
  17.                                     'class': 'img-fluid quickview-minimal-img',
  18.                                     'alt': ( page.product.cover.translated.alt ?: ''),
  19.                                     'title': (page.product.cover.translated.title ?: '')
  20.                                 }
  21.                             } %}
  22.                         {% else %}
  23.                             {% sw_icon 'placeholder' style {
  24.                                 'size': 'fluid'
  25.                             } %}
  26.                         {% endif %}
  27.                     </div>
  28.                 {% endblock %}
  30.                 {% block component_product_quickview_minimal_product %}
  31.                     <div class="col-12 col-md-6 quickview-minimal-product">
  32.                         {% block component_product_quickview_minimal_product_name %}
  33.                             <a href="{{ seoUrl('frontend.detail.page', {'productId': page.product.id}) }}"
  34.                                target="_blank"
  35.                                rel="noopener"
  36.                                title="{{ name }}"
  37.                                class="h4 quickview-minimal-product-name">
  38.                                 {{ name }}
  39.                             </a>
  40.                         {% endblock %}
  42.                         {% block component_product_quickview_minimal_product_number %}
  43.                             <p class="quickview-minimal-product-number">
  44.                                 {{ "detail.productNumberLabel"|trans|sw_sanitize }} {{ page.product.productNumber }}
  45.                             </p>
  46.                         {% endblock %}
  48.                         {% block component_product_quickview_minimal_product_manufacturer %}
  49.                             {% if manufacturer %}
  50.                                 <a href="{{ manufacturer.link }}"
  51.                                    target="_blank"
  52.                                    rel="noopener"
  53.                                    title="{{ manufacturer.translated.name }}"
  54.                                    class="quickview-minimal-product-manufacturer">
  55.                                     {% if manufacturer.media %}
  56.                                         {% sw_thumbnails 'quickview-minimal-product-manufacturer-logo' with {
  57.                                             media: manufacturer.media,
  58.                                             sizes: {
  59.                                                 'default': '360px'
  60.                                             },
  61.                                             attributes: {
  62.                                                 'class': 'quickview-minimal-product-manufacturer-logo',
  63.                                                 'alt': ( manufacturer.translated.name ?: '')
  64.                                             }
  65.                                         } %}
  66.                                     {% else %}
  67.                                         {{ manufacturer.translated.name }}
  68.                                     {% endif %}
  69.                                 </a>
  70.                             {% endif %}
  71.                         {% endblock %}
  72.                     </div>
  73.                 {% endblock %}
  74.             </div>
  75.         {% endblock %}
  77.         {% block component_product_quickview_minimal_footer %}
  78.             {% if page.product.translated.description %}
  79.                 <div class="quickview-minimal-footer">
  80.                     {% block component_product_quickview_minimal_footer_heading %}
  81.                         <p class="h5 quickview-minimal-footer-heading">
  82.                             {{ "detail.tabsDescription"|trans|sw_sanitize }}
  83.                         </p>
  84.                     {% endblock %}
  86.                     {% block component_product_quickview_minimal_footer_text %}
  87.                         <p class="quickview-minimal-footer-description">
  88.                             {{ page.product.translated.description|sw_sanitize }}
  89.                         </p>
  90.                     {% endblock %}
  91.                 </div>
  92.             {% endif %}
  93.         {% endblock %}
  94.     </div>
  95. {% endblock %}