custom/plugins/BigTree/src/Resources/views/storefront/component/product/card/box-standard.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/component/product/card/box-standard.html.twig' %}
  3. {% block component_product_box %}
  4.     {% if product %}
  5.         {% set name = product.translated.name %}
  6.         {% set id = product.id %}
  7.         {% set cover = product.cover.media %}
  8.         {% set variation = product.variation %}
  10.         <div class="card product-box box-standard">
  11.             {% block component_product_box_content %}
  12.               {{ parent() }}
  13.             {% endblock %}
  14.         </div>
  15.     {% endif %}
  16. {% endblock %}
  20. {% block component_product_box_name %}
  21.     <div class="listing_hover_actions">
  22.         <div class="listing_hover_action">
  23.             <div class="ip_listing_variant">
  24.                 <a class="ip_actions_listing" href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}" title="Variant">
  25.                     <svg xmlns="http://www.w3.org/2000/svg" width="26.675" height="25.106" viewBox="0 0 26.675 25.106">
  26.                     <g id="Group_9094" data-name="Group 9094" transform="translate(-3639.527 279.525)">
  27.                         <g id="Group_9012" data-name="Group 9012" transform="translate(3639.527 -279.525)">
  28.                         <g id="Rectangle_38" data-name="Rectangle 38" fill="#fff" stroke="#000" stroke-width="1">
  29.                             <rect width="26.675" height="25.106" stroke="none"/>
  30.                             <rect x="0.5" y="0.5" width="25.675" height="24.106" fill="none"/>
  31.                         </g>
  32.                         <g id="Group_6044" data-name="Group 6044" transform="translate(7.908 11.507)">
  33.                             <g id="Ellipse_1" data-name="Ellipse 1" fill="#2c2c2c" stroke="#2c2c2c" stroke-width="1">
  34.                             <circle cx="1.308" cy="1.308" r="1.308" stroke="none"/>
  35.                             <circle cx="1.308" cy="1.308" r="0.808" fill="none"/>
  36.                             </g>
  37.                             <g id="Ellipse_2" data-name="Ellipse 2" transform="translate(4.707)" fill="#2c2c2c" stroke="#2c2c2c" stroke-width="1">
  38.                             <circle cx="1.308" cy="1.308" r="1.308" stroke="none"/>
  39.                             <circle cx="1.308" cy="1.308" r="0.808" fill="none"/>
  40.                             </g>
  41.                             <g id="Ellipse_3" data-name="Ellipse 3" transform="translate(9.415)" fill="#2c2c2c" stroke="#2c2c2c" stroke-width="1">
  42.                             <circle cx="1.308" cy="1.308" r="1.308" stroke="none"/>
  43.                             <circle cx="1.308" cy="1.308" r="0.808" fill="none"/>
  44.                             </g>
  45.                         </g>
  46.                         </g>
  47.                     </g>
  48.                     </svg>
  49.                 </a>
  50.             </div>
  51.             <div class="ip_listing_share">
  52.                 <div class="ip_actions_listing" title="Share">
  53.                     <svg xmlns="http://www.w3.org/2000/svg" width="26.152" height="25.106" viewBox="0 0 26.152 25.106">
  54.                         <g id="Group_9093" data-name="Group 9093" transform="translate(-3677.185 279.525)">
  55.                             <g id="Rectangle_39" data-name="Rectangle 39" transform="translate(3677.185 -279.525)" fill="#fff" stroke="#000" stroke-width="1">
  56.                             <rect width="26.152" height="25.106" stroke="none"/>
  57.                             <rect x="0.5" y="0.5" width="25.152" height="24.106" fill="none"/>
  58.                             </g>
  59.                             <path id="Icon_awesome-share-alt" data-name="Icon awesome-share-alt" d="M10.268,9.335a2.788,2.788,0,0,0-1.744.61L5.535,8.076a2.817,2.817,0,0,0,0-1.216l2.99-1.869a2.8,2.8,0,1,0-.99-1.583L4.545,5.277a2.8,2.8,0,1,0,0,4.382l2.99,1.869a2.8,2.8,0,1,0,2.734-2.193Z" transform="translate(3683.727 -274.44)" fill="#2c2c2c"/>
  60.                         </g>
  61.                     </svg>
  62.                     <div class="ip_share_icons" style="opacity:0;transition:0.6s">
  63.                         <a class="ip_share_icon" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u={{ seoUrl('frontend.detail.page', {'productId': id}) }}">
  64.                             <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>
  65.                         </a>
  66.                         <a class="ip_share_icon" target="_blank" href="https://twitter.com/share?url={{ seoUrl('frontend.detail.page', {'productId': id}) }}">
  67.                             <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>
  68.                         </a>   
  69.                         <a class="ip_share_icon" target="_blank" href="https://www.linkedin.com/sharing/share-offsite/?url={{ seoUrl('frontend.detail.page', {'productId': id}) }}">
  70.                             <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>                     
  71.                         </a>                        
  72.                     </div>
  73.                 </div>
  74.             </div>
  76.             {% if config('core.cart.wishlistEnabled') %}             
  77.                     {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with {
  78.                         appearance: 'circle',
  79.                         productId: id
  80.                     } %}    
  81.             {% endif %}
  83.         </div>
  84.     </div>
  85.     <div class="listing_rating">
  86.         {% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {
  87.             points: product.ratingAverage,
  88.             style: 'text-primary'
  89.         } %} 
  90.     </div>
  91.     {{ parent() }}
  92. {% endblock %} 
  94. {% block component_product_box_wishlist_action %}
  95. {% endblock %}
  98. {% block component_product_box_variant_characteristics %}
  99. {% endblock %}
  101. {% block component_product_box_action %}
  102. {% endblock %}
  105. {% block component_product_box_description %}
  106. {% endblock %}
  108. {% block component_product_box_rating %}
  109. {% endblock %}