templates/ECommerce/App/Product/large_icons.ajax.twig line 1

Open in your IDE?
  1. <div class="row p-5 grid-2-4 border-top-2 products-index-large-icons w-100">
  2. {% for product in products %}
  3. <div class="w-100 d-flex flex-column">
  4. {%- set photo = product.photos|first -%}
  5. {%- if photo is not empty and photo.url is not empty -%}
  6. <img src="{{ asset(photo.url)|imagine_filter('product_thumbnail') }}"
  7. class="product-image img-fluid d-block w-100 box-shadow-2"
  8. alt="{{ product.title }}" data-lity
  9. data-lity-target="{{ asset(photo.url)|imagine_filter('product_small') }}">
  10. {%- else -%}
  11. <img src="{{ asset('/assets/static/no-photo.jpg') }}" class="product-image img-fluid d-block w-100 box-shadow-2"
  12. alt="{{ product.title }}">
  13. {%- endif -%}
  15. <a href="{{ path('mdl_app_product_show', { 'id': product.id }) }}"
  16. rel="canonical"
  17. class="color-black mt-5 mb-1 text-center min-h-48">
  18. <b data-toggle="tooltip" data-html="true"
  19. title="{{ product.alternatives|join(', ') }}">{{ product.title }}
  20. {{ product.manufacturer }}</b>
  21. </a>
  23. <a class="text-capitalize table-rbt-txt color-black mb-3 text-center"
  24. href="{{ path('mdl_app_product_index', {
  25. 'categories': [product.category ? product.category.id : null]
  26. }) }}"
  27. target="_blank"
  28. >{{ product.category ? product.category.translate().name|capitalize : '' }}</a>
  30. <a class="color-black mb-4 text-center" href="{{ path('mdl_app_product_filter', {
  31. 'innerDiameter': product.innerDiameterMin,
  32. 'outerDiameter': product.outerDiameterMin,
  33. 'width': product.widthMin,
  34. 'precision': 0
  35. }) }}">{{ product.dimensions }}</a>
  37. {% set hasActiveDepot = false %}
  38. {% for depot in product.quantities %}
  39. {% if depot.quantity > 0 %}
  40. {% set hasActiveDepot = true %}
  41. {% endif %}
  42. {% endfor %}
  44. {%- set firstDepot = product.quantities|first -%}
  45. {%- set restDepots = product.quantities[1:] -%}
  47. <div class="large-icon-price d-flex align-items-center mb-1">
  48. {% if is_granted('ROLE_CLIENT') %}
  49. <strong>{{ firstDepot|depot_product_price(app.user, true)|number_format(2) }} {{ currency_code(app.user) }}</strong>
  50. {% else %}
  51. <strong>{{ firstDepot|depot_product_price(app.user)|number_format(2) }} {{ currency_code(app.user) }}</strong>
  52. {% endif %}
  53. {% if is_granted('ROLE_CLIENT') %}
  54. {% set depotProduct = firstDepot %}
  55. {% if depotProduct.price > 0 %}
  56. {% include 'ECommerce/App/Product/form_add_to_cart.html.twig' %}
  57. {% else %}
  58. <a class="btn btn-link float-right ml-2 mr-2"
  59. data-toggle="tooltip"
  60. data-html="true"
  61. {% if app.user and app.user.client %}
  62. title="call: {{ app.user.client.firm.phones|first }}"
  63. href="tel:{{ app.user.client.firm.phones|first }}"
  64. {% endif %}
  65. >
  66. <i class="material-icons">call</i>
  67. </a>
  68. {% endif %}
  69. {% else %}
  70. {% set depotProduct = firstDepot %}
  71. {% include 'ECommerce/App/Product/form_add_to_individual_order.html.twig' %}
  72. {% endif %}
  73. </div>
  74. </div>
  75. {% endfor %}
  77. </div>