templates/partials/product.html.twig line 1

Open in your IDE?
  1.     <div class="product" >
  2.         <div class="product_img">
  3.             <a href="">
  4.                 <img   src="{{ asset('assets/uploads/products/'~product.image)|imagine_filter('my_thumb_') }}" id="k{{ product.id }}cart" alt="product_img1">
  5.             </a>
  6.             <div class="product_action_box">
  7.                 <ul class="list_none pr_action_btn">
  8.                     <li class="d-none add-to-cart"><a class="add-to-cart_"  data-parent="#k{{ product.id }}cart" data-url="{{ path('cart_add_file_js',{'id':product.id}) }}" id="product{{ product.id }}" data-id="#product{{ product.id }}"><i class="icon-basket-loaded"></i> Add To Cart</a></li>
  9.                     <li><a href="" class="d-none"><i class="icon-shuffle"></i></a></li>
  10.                     <li><a href="{{ path('product_details',{'slug':product.slug}) }}" class=""><i class="icon-magnifier-add"></i></a></li>
  11.                     <li><a href="#" class="d-none"><i class="icon-heart"></i></a></li>
  12.                 </ul>
  13.             </div>
  14.         </div>
  15.         <div class="product_info" >
  16.             <h6 class="product_title text-center"><a class="font-monospace" href="{{ path('product_details',{'slug':product.slug}) }}">{{ product.name }}</a></h6>
  17.             <div class="product_price">
  18.                 <div class="price text-center font-weight-normal">
  19.                     {{ app.session.get('devise') ?? app.request.server.get('devise')  }} {{ product.price }} {% if product.maxprice > 0  %} - {{ app.session.get('devise') ?? app.request.server.get('devise')  }} {{ product.maxprice }} {% endif %}
  20.                    {% if product.minCommande > 1 %}<br>
  21.                         <span class="product_sort_info_ text-info font-weight-normal"> (min-order) {{ product.minCommande }}</span>
  22.                     {% endif %}
  23.                 </div>
  24.                 {% if product.isPromotionalPrice %}
  25.                     <div class="on_sale_ text-center">
  26.                         <del class="text-danger">{{ app.session.get('devise') ?? app.request.server.get('devise')  }} {{ product.reelPrice }} {% if product.reelMaxPrice > 0  %} - {{ app.session.get('devise') ?? app.request.server.get('devise')  }} {{ product.reelMaxPrice }} {% endif %}</del>
  27.                         <span>{{ product.pourcentagePromotionalPrice }} % Off</span>
  28.                     </div>
  29.                 {% else %}
  30.                     <div class="on_sale_ text-center">#######</div>
  31.                 {% endif %}
  32.             </div>
  33.             <div class="text-center itemsCart">
  34.                 <button data-loader="#btnQuickView{{ product.id }}"  data-body="#modalQuickViewId" data-modal="#quickviewModal" data-color="bg-primary" data-url="{{ path('product_details_json',{'id':product.id}) }}" id="btnQuickView{{ product.id }}"  type="button" class="js-modal-quick-view btn btn-primary font-weight-bold btn-sm" title="{{ 'Quick view' }}"  >{{ 'QUICK VIEW'|trans }}</button>
  35.             </div>
  36.             <div class="rating_wrap justify-content-center">
  37.                 <div class="rating">
  38.                     {% set note = 0 %}
  39.                     {% set totalRate = 5 * product.reviewsProducts|length %}
  40.                     {% for review in product.reviewsProducts  %}
  41.                         {% set note = review.note + note %}
  42.                     {% endfor %}
  43.                     <div class="product_rate" style="width:{{ totalRate > 0 ? ((note/totalRate) * 100):0 }}%"></div>
  44.                 </div>
  45.                 <span class="rating_num">{{ product.reviewsProducts|length }}</span>
  46.             </div>
  47.             <div class="pr_desc">
  48.                 <p>{{ product.description }}</p>
  49.             </div>
  50.             <div class="pr_switch_wrap">
  51.                 <div class="product_color_switch">
  52.                     {% for color in product.colors  %}
  53.                         <span data-color="{{ color.hexadecimal }}"></span>
  54.                     {% endfor %}
  55.                 </div>
  56.             </div>
  57.         </div>
  58.     </div>