custom/plugins/BigTree/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 %}
  4.     <div class="product_detail_wishlist">
  5.           <div class="ip_share_icons_detail">
  6.              <a href="javascript:;">
  7.              <svg xmlns="http://www.w3.org/2000/svg" width="23.188" height="26.5" viewBox="0 0 23.188 26.5">
  8.                 <path id="Icon_awesome-share-alt" data-name="Icon awesome-share-alt" d="M18.219,16.563a4.947,4.947,0,0,0-3.095,1.081l-5.3-3.315a5,5,0,0,0,0-2.157l5.3-3.315a4.96,4.96,0,1,0-1.756-2.809l-5.3,3.315a4.969,4.969,0,1,0,0,7.775l5.3,3.315a4.969,4.969,0,1,0,4.851-3.89Z" fill="#2daf76"/>
  9.              </svg>
  10.              </a>
  11.              <div class="ip_share_icons" style="opacity:0;transition:0.6s">
  12.                 <a class="ip_share_icon" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u={{ seoUrl('frontend.detail.page', {'productId': page.product.id}) }}">
  13.                     <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 485 485" style="enable-background:new 0 0 485 485;width: 50px;" xml:space="preserve"><g><path d="M200.767,400h65.266V242.413h43.798c0,0,4.104-25.428,6.103-53.235h-49.647v-36.264c0-5.416,7.109-12.696,14.153-12.696 h35.564V85h-48.366c-68.478,0-66.872,53.082-66.872,61.009v43.356h-31.771v53.029h31.771V400z"/><path d="M0,0v485h485V0H0z M455,455H30V30h425V455z"/></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>
  14.                 </a>
  15.                 <a class="ip_share_icon" target="_blank" href="https://twitter.com/share?url={{ seoUrl('frontend.detail.page', {'productId': page.product.id}) }}">
  16.                     <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 485 485" style="enable-background:new 0 0 485 485;width: 50px;" xml:space="preserve"><g><path d="M85,341.458c28.599,18.34,62.568,29.037,99.065,29.037c118.871,0,183.873-98.473,183.873-183.876 c0-2.799-0.063-5.587-0.186-8.36c12.629-9.111,23.585-20.493,32.249-33.453c-11.59,5.14-24.045,8.616-37.118,10.178 c13.344-8,23.591-20.662,28.415-35.754c-12.488,7.404-26.319,12.785-41.038,15.681c-11.788-12.56-28.584-20.406-47.173-20.406 c-35.688,0-64.626,28.935-64.626,64.623c0,5.065,0.574,9.997,1.677,14.729c-53.71-2.698-101.33-28.424-133.203-67.526 c-5.564,9.547-8.751,20.647-8.751,32.492c0,22.419,11.406,42.201,28.748,53.79c-10.595-0.336-20.56-3.245-29.271-8.084 c-0.006,0.271-0.006,0.541-0.006,0.814c0,31.311,22.278,57.429,51.841,63.368c-5.423,1.474-11.133,2.268-17.027,2.268 c-4.164,0-8.213-0.406-12.161-1.163c8.225,25.676,32.093,44.361,60.373,44.88c-22.119,17.336-49.984,27.668-80.262,27.668 C95.199,342.365,90.056,342.059,85,341.458z"/><path d="M0,0v485h485V0H0z M455,455H30V30h425V455z"/></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>
  17.                 </a>   
  18.                 <a class="ip_share_icon" target="_blank" href="https://www.linkedin.com/sharing/share-offsite/?url={{ seoUrl('frontend.detail.page', {'productId': page.product.id}) }}">
  19.                     <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 455 455" style="enable-background:new 0 0 455 455;" xml:space="preserve"><g><path style="fill-rule:evenodd;clip-rule:evenodd;" d="M246.4,204.35v-0.665c-0.136,0.223-0.324,0.446-0.442,0.665H246.4z"/><path style="fill-rule:evenodd;clip-rule:evenodd;" d="M0,0v455h455V0H0z M141.522,378.002H74.016V174.906h67.506V378.002z M107.769,147.186h-0.446C84.678,147.186,70,131.585,70,112.085c0-19.928,15.107-35.087,38.211-35.087 c23.109,0,37.31,15.159,37.752,35.087C145.963,131.585,131.32,147.186,107.769,147.186z M385,378.002h-67.524V269.345 c0-27.291-9.756-45.92-34.195-45.92c-18.664,0-29.755,12.543-34.641,24.693c-1.776,4.34-2.24,10.373-2.24,16.459v113.426h-67.537 c0,0,0.905-184.043,0-203.096H246.4v28.779c8.973-13.807,24.986-33.547,60.856-33.547c44.437,0,77.744,29.02,77.744,91.398V378.002 z"/></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>                     
  20.                 </a>                        
  21.               </div>
  22.           </div>
  24.          {% if config('core.cart.wishlistEnabled') %}
  25.                 {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with {
  26.                     showText: true,
  27.                     size: 'md',
  28.                     productId: page.product.id
  29.                 } %}
  30.         {% endif %}
  31.     </div>
  32. {% endblock %}
  34. {% block page_product_detail_media %}
  35.     <div class="col-lg-4 product-detail-media">
  36.         {% if page.product.media %}
  37.             {% sw_include '@Storefront/storefront/element/cms-element-image-gallery.html.twig' with {
  38.                 'mediaItems': mediaItems,
  39.                 'zoom': false,
  40.                 'zoomModal': false,
  41.                 'displayMode': 'contain',
  42.                 'gutter': 5,
  43.                 'minHeight': '430px',
  44.                 'navigationArrows': 'inside',
  45.                 'navigationDots': 'inside',
  46.                 'galleryPosition': 'left',
  47.                 'isProduct': true,
  48.                 'fallbackImageTitle': page.product.translated.name,
  49.                 'startIndexThumbnails': 1,
  50.                 'startIndexSlider': 1,
  51.                 'keepAspectRatioOnZoom': false
  52.             } %}
  53.         {% endif %}
  54.     </div>
  55. {% endblock %}
  57. {% block page_product_detail_buy %}
  58.     <div class="col-lg-4 product-detail-buy">
  59.         <div class="row align-items-center product-detail-headline">
  60.             {% sw_include '@Storefront/storefront/page/product-detail/headline.html.twig' %}
  61.         </div>
  62.         {% sw_include '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
  63.     </div>
  64.     <div class="col-lg-4 product-detail-buy-custom">
  65.         <span class="detail_page_variation">
  66.          <a href="javascript:;">There are variations of this item.</a> Please select the variation you wish.
  68.          {% if page.product.parentId and page.configuratorSettings|length > 0 %}
  69.             <div class="product-detail-configurator-container">
  70.                 {% sw_include '@Storefront/storefront/page/product-detail/configurator.html.twig' %}
  71.             </div>
  72.         {% endif %}
  73.         {% if page.product.active %}
  74.             <div class="product-detail-form-container">
  75.                 {% sw_include '@Storefront/storefront/page/product-detail/buy-widget-form.html.twig' %}
  76.             </div>
  77.         {% endif %}
  79.         </span>
  80.     </div>
  81. {% endblock %}