custom/plugins/TwigelPowerSport/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 page_product_detail_headline %}
  5. {% endblock %}
  7. {% block page_product_detail_buy %}
  9.     <div class="col-lg-5 product-detail-buy">
  10.         <div class="row align-items-center product-detail-headline">
  11.             {% if page.product.ratingAverage > 0 and page.reviews.totalReviews > 0 and config('core.listing.showReview') %}
  12.             <div class="product-detail-reviews">
  13.                 {% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {
  14.                     points: page.product.ratingAverage,
  15.                     style: 'text-primary'
  16.                 } %}
  17.             </div>
  18.             {% endif %}
  19.             {% sw_include '@Storefront/storefront/page/product-detail/headline.html.twig' %}
  20.         </div>
  21.         {% sw_include '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
  22.     </div>
  23. {% endblock %}
  26. {% block page_product_detail_media %}
  27.     <div class="col-lg-7 product-detail-media">
  28.         {% if page.product.media %}
  29.             {% sw_include '@Storefront/storefront/element/cms-element-image-gallery.html.twig' with {
  30.                 'mediaItems': mediaItems,
  31.                 'zoom': false,
  32.                 'zoomModal': true,
  33.                 'displayMode': 'contain',
  34.                 'gutter': 5,
  35.                 "arrows": false,
  36.                 "nav":false,
  37.                 'minHeight': '430px',
  38.                 'galleryPosition': 'underneath',
  39.                 'isProduct': true,
  40.                 'fallbackImageTitle': page.product.translated.name,
  41.                 'startIndexThumbnails': 1,
  42.                 'startIndexSlider': 1,
  43.                 'keepAspectRatioOnZoom': false
  44.             } %}
  45.         {% endif %}
  46.     </div>
  47. {% endblock %}