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

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/page/product-detail/index.html.twig' %}
  3. {% block base_main_inner %}
  4.   {% set fields = page.product.translated.customFields %}
  5.   {% if fields.wn_pdp_headerimage %}
  6.     <div class="detail-motion-image-wrapper">
  7.       {% set motionImageID = fields.wn_pdp_headerimage %}
  9.       {# fetch media as batch - optimized for performance #}
  10.       {% set mediaCollection = searchMedia([motionImageID], context.context) %}
  12.       {# extract single media object #}
  13.       {% set motionImage = mediaCollection.get(motionImageID) %}
  15.       {% sw_thumbnails 'navigation-flyout-teaser-image-thumbnails' with {
  16.         media: motionImage,
  17.         attributes: {
  18.           'class': 'detail-motion-image',
  19.           'alt': (motionImage.alt ?: ''),
  20.           'title': (motionImage.title ?: ''),
  21.           'style': (fields.wn_pdp_headerimage_additional_styles)
  22.         }
  23.       } %}
  24.     </div> 
  25.   {% else %}
  26.     <div class="detail-motion-spacer"></div>
  27.   {% endif %}
  29.   {{ parent() }}
  30. {% endblock %}
  32. {% block page_product_detail_buy %}
  33.  <div class="col-lg-5 product-detail-buy">
  34.    {% block page_product_detail_reviews %}
  35.      {% if page.product.ratingAverage > 0 and shopware.config.detail.showReviews %}
  36.        <p class="product-detail-reviews">
  37.          {% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {
  38.            points: page.product.ratingAverage,
  39.            style: 'text-primary'
  40.          } %}
  41.          <a data-toggle="tab"
  42.             class="product-detail-reviews-link"
  43.             data-offcanvas-tabs="true"
  44.             data-remote-click="true"
  45.             data-remote-click-options='{
  46.                                       "selector": "#review-tab",
  47.                                       "scrollToElement": true
  48.                                   }'
  49.             href="#review-tab-pane"
  50.             aria-controls="review-tab-pane">
  52.            {{ page.product.ratingAverage }} / {{ page.reviews.totalReviews}}
  53.            {{ "detail.reviewLinkText"|trans({'%count%': page.reviews.totalReviews})|sw_sanitize }}
  54.          </a>
  55.        </p>
  56.      {% endif %}
  57.    {% endblock %}
  59.    <div class="product-detail-list custom-listing-list-wrapper">
  60.      {% if page.product.translated.customFields.wndev_ads_custom_list %}
  61.        {{ page.product.translated.customFields.wndev_ads_custom_list|raw }}
  62.      {% endif %}
  63.    </div>
  64.    {% if page.product.translated.customFields.sal_product_badge1 %}
  65.      <div class="product-badge">
  66.       {% set Badge1ID = page.product.translated.customFields.sal_product_badge1 %}
  68.       {# fetch media as batch - optimized for performance #}
  69.       {% set mediaCollection = searchMedia([Badge1ID], context.context) %}
  71.       {# extract single media object #}
  72.       {% set Badge1 = mediaCollection.get(Badge1ID) %}
  74.       {% sw_thumbnails 'vlog-badge-listing' with {
  75.         media: Badge1,
  76.         attributes: {
  77.           'class': 'vlog-badge-image',
  78.           'alt': (Badge1.alt ?: ''),
  79.           'title': (Badge1.title ?: ''),
  80.           'data-object-fit': 'cover',
  81.           'height':'55',
  82.           'width':'83'
  83.         }
  84.       } %}
  85.   </div>
  86. {% endif %}
  88.    {% sw_include '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
  89.    <div class="bl-suche">
  90.    <h3>Persönliche Beratung</h3>
  91.    <p>Hier finden Sie Ihren persönlichen Ansprechpartner:</p>
  92.     {% sw_include '@Storefront/storefront/component/bl-suche.html.twig' %}
  93.    </div>
  94.  </div>
  95. {% endblock %}
  97. {% block page_product_detail_breadcrumb %}
  98.   <div class="breadcrumb product-breadcrumb container" itemscope itemtype="http://schema.org/BreadcrumbList">
  99.     {% sw_include '@Storefront/storefront/component/product/breadcrumb.html.twig' with {
  100.       navigationTree: page.header.navigation.tree,
  101.       categoryTree: page.product.categoryTree|last,
  102.       product: page.product
  103.     } only %}
  105.     <div class="breadcrumb-placeholder">
  106.       {% sw_icon 'arrow-medium-right' style { 'size': 'fluid', 'pack': 'solid'} %}
  107.     </div>
  108.     <div itemprop="itemListElement" itemscope
  109.          itemtype="http://schema.org/ListItem">
  110.       <span itemprop="name" class="is--active">{{ page.product.translated.name }}</span>
  111.     </div>
  112.   </div>
  113. {% endblock %}