templates/Shop/list/product.html.twig line 1

Open in your IDE?
  1. {# @var $product \App\Model\DefaultProduct #}
  2. {# $authenticated = $view['security']->isGranted('IS_AUTHENTICATED_FULLY'); #}
  3. {# $language = $this->language; #}
  5. {% set authenticated = false %}
  6. {% set link = app_product_generate_link(product, { 'document' : document, 'prefix': prefix } , {'authenticated': authenticated, 'isProductlist': isProductlist }) %}
  7. {%  set prdImage = product.getFirstImageAsset() %}
  9. <div class="item">
  10.     <!--Start Product Image-->
  11.     <div class="product-image related-products">
  12.         <!--Start Product Image-->
  13.         <a href="{{ link }}" class="product-img cursor-default">
  14.             <!-- image -->
  15.             {% if prdImage %}
  16.                 <img class="primary blur-up lazyload product-image-indaba" data-src="{{ prdImage.thumbnail('ProductImages') }}" src="{{ prdImage.thumbnail('ProductImages') }}" alt="image" title="" style="height: 150px;width: 150px">
  17.             {% endif %}
  18.             <!-- End image -->
  19.             <!-- Hover image -->
  20.             {% if prdImage %}
  21.                 <img class="hover blur-up lazyload product-image-indaba" data-src="{{ prdImage.thumbnail('ProductImages') }}" src="{{ prdImage.thumbnail('ProductImages') }}" alt="image" title="" style="height: 150px;width: 150px">
  22.             {% endif %}
  23.             <!-- End hover image -->
  24.         </a>
  25.         <!--End Product Image-->
  27.         <!--Countdown Timer-->
  28.         {# <div class="saleTime desktop" data-countdown="2024/10/01"></div> #}
  29.         <!--End Countdown Timer-->
  31.         <!--Product Button-->
  32.         {# <div class="button-set style0 d-none d-md-block">
  33.                                         <ul>
  34.                                             <!--Cart Button-->
  35.                                             <li><a class="btn-icon btn cartIcon pro-addtocart-popup" href="#pro-addtocart-popup"><i class="icon an an-cart-l"></i> <span class="tooltip-label top">Add to Cart</span></a></li>
  36.                                             <!--End Cart Button-->
  37.                                             <!--Quick View Button-->
  38.                                             <li><a class="btn-icon quick-view-popup quick-view" href="javascript:void(0)" data-toggle="modal" data-target="#content_quickview"><i class="icon an an-search-l"></i> <span class="tooltip-label top">Quick View</span></a></li>
  39.                                             <!--End Quick View Button-->
  40.                                             <!--Wishlist Button-->
  41.                                             <li><a class="btn-icon wishlist add-to-wishlist" href="my-wishlist.html"><i class="icon an an-heart-l"></i> <span class="tooltip-label top">Add To Wishlist</span></a></li>
  42.                                             <!--End Wishlist Button-->
  43.                                             <!--Compare Button-->
  44.                                             <li><a class="btn-icon compare add-to-compare" href="compare-style2.html"><i class="icon an an-sync-ar"></i> <span class="tooltip-label top">Add to Compare</span></a></li>
  45.                                             <!--End Compare Button-->
  46.                                         </ul>
  47.                                     </div> #}
  48.         <!--End Product Button-->
  49.     </div>
  50.     <!--End Product Image-->
  51.     <!--Start Product Details-->
  52.     <div class="product-details text-center">
  53.         <!--Product Name-->
  54.         <div class="product-name text-uppercase">
  55.             <a href="product-layout1.html">{{ product.getName }}</a>
  56.         </div>
  57.         <!--End Product Name-->
  58.         <!--Product Price-->
  59.         {#  <div class="product-price">
  60.                                         <span class="price">$199.00</span>
  61.                                     </div> #}
  62.         <!--End Product Price-->
  63.         <!--Product Review-->
  64.         {# <div class="product-review d-flex align-items-center justify-content-center"><i class="an an-star"></i> <i class="an an-star"></i> <i class="an an-star"></i><i class="an an-star"></i> <i class="an an-star"></i></div>
  65.                                     <!--End Product Review-->
  66.                                     <!-- Color Variant -->
  67.                                     <ul class="swatches">
  68.                                         <li class="swatch medium rounded black"><span class="tooltip-label">Black</span></li>
  69.                                         <li class="swatch medium rounded navy"><span class="tooltip-label">Navy</span></li>
  70.                                         <li class="swatch medium rounded purple"><span class="tooltip-label">Purple</span></li>
  71.                                     </ul> #}
  72.         <!-- End Variant -->
  73.     </div>
  74.     <!--End Product Details-->
  75. </div>