templates/partials/product/product_details_modal.html.twig line 1

Open in your IDE?
  1. <!-- modal area start-->
  2. <div class="modal fade" id="modal_box_product_{{product.id}}" tabindex="-1" role="dialog" aria-hidden="true">
  3. <div class="modal-dialog modal-dialog-centered" role="document">
  4. <div class="modal-content">
  5. <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
  6. <span aria-hidden="true"><i class="ion-android-close"></i></span>
  7. </button>
  8. <div class="modal_body">
  9. <div class="container">
  10. <div class="row">
  11. <div class="col-lg-5 col-md-5 col-sm-12">
  12. <div class="modal_tab">
  13. <div class="tab-content product-details-large">
  14. <div class="tab-pane fade show active" id="tab1" role="tabpanel">
  15. <div class="modal_tab_img">
  16. <a href="#"><img src="{{ asset( files_directory_relative ~ product.image) }}" alt="Tany Mena, {{product.getNameByDefaultLocale}}"></a>
  17. </div>
  18. </div>
  19. <div class="tab-pane fade" id="tab2" role="tabpanel">
  20. <div class="modal_tab_img">
  21. <a href="#"><img src="{{ asset( files_directory_relative ~ product.image) }}" alt="Tany Mena, {{product.getNameByDefaultLocale}}"></a>
  22. </div>
  23. </div>
  24. <div class="tab-pane fade" id="tab3" role="tabpanel">
  25. <div class="modal_tab_img">
  26. <a href="#"><img src="{{ asset( files_directory_relative ~ product.image) }}" alt="Tany Mena, {{product.getNameByDefaultLocale}}"></a>
  27. </div>
  28. </div>
  29. <div class="tab-pane fade" id="tab4" role="tabpanel">
  30. <div class="modal_tab_img">
  31. <a href="#"><img src="{{ asset( files_directory_relative ~ product.image) }}" alt="Tany Mena, {{product.getNameByDefaultLocale}}"></a>
  32. </div>
  33. </div>
  34. </div>
  35. </div>
  36. </div>
  37. <div class="col-lg-7 col-md-7 col-sm-12">
  38. <div class="modal_right">
  39. <div class="modal_title mb-10">
  40. <h2 class="text-dark">{{product.getNameByDefaultLocale}}</h2>
  41. </div>
  42. <div class="modal_price mb-10">
  43. <span class="new_price">{{product.cost|format_currency('EUR')}}</span>
  44. <span class="old_price"></span>
  45. </div>
  47. <div class="modal_description mb-15">
  48. <p><strong>A propos :</strong></p>
  49. {% if product.apropos == null or product.apropos == '' %}
  50. <p>Aucune information.</p>
  51. {% else %}
  52. {{product.apropos | raw}}
  53. {% endif %}
  54. </div>
  56. {% if not isAdmin %}
  57. <div class="product_meta">
  58. <span> <span class="fw-bolder">Categorie:</span> <a href="#">{{product.productCategory.name}}</a></span>
  59. </div>
  61. <div class="variants_selects">
  62. <div class="modal_add_to_cart">
  63. {% if product.available %}
  64. <form action="{{path('app_cart_add')}}" method="POST">
  65. <input min="1" max="100" value="1" type="number" name="quantity"/>
  66. <input type="hidden" value="{{product.id}}" name="product_id"/>
  67. <button type="submit" class="af-btn-primary">{% if product.preOrder %} Précommander {% else %} Ajouter au panier {% endif %}</button>
  68. </form>
  69. {% else %}
  70. {# <p>Rupture de stock</p> #}
  71. <p>Bientôt disponible</p>
  72. {% endif %}
  73. </div>
  74. </div>
  75. {% endif %}
  76. </div>
  77. </div>
  78. </div>
  79. </div>
  80. </div>
  81. </div>
  82. </div>
  83. </div>
  84. <!-- modal area end-->