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