public/themes/karen/modules/cart-product.html.twig line 1

Open in your IDE?
  1. <div class="swiper-slide product-card group">
  2. {#    <div class="product-card_header">#}
  3. {#        <div class="flex items-center gap-x-2">#}
  4. {#            <div class="tooltip">#}
  5. {#                <button class="rounded-full p-1.5 app-border app-hover">#}
  6. {#                    <svg class="size-4">#}
  7. {#                        <use href="#shopping-cart"></use>#}
  8. {#                    </svg>#}
  9. {#                </button>#}
  10. {#                <div class="tooltiptext">#}
  11. {#                    سبد خرید#}
  12. {#                </div>#}
  13. {#            </div>#}
  14. {#            <div class="tooltip">#}
  15. {#                <button class="rounded-full p-1.5 app-border app-hover">#}
  16. {#                    <svg class="size-4">#}
  17. {#                        <use href="#heart"></use>#}
  18. {#                    </svg>#}
  19. {#                </button>#}
  20. {#                <div class="tooltiptext">#}
  21. {#                    علاقه مندی#}
  22. {#                </div>#}
  23. {#            </div>#}
  24. {#            <div class="tooltip">#}
  25. {#                <button class="rounded-full p-1.5 app-border app-hover">#}
  26. {#                    <svg class="size-4">#}
  27. {#                        <use href="#arrows-up-down"></use>#}
  28. {#                    </svg>#}
  29. {#                </button>#}
  30. {#                <div class="tooltiptext">#}
  31. {#                    مقایسه#}
  32. {#                </div>#}
  33. {#            </div>#}
  34. {#        </div>#}
  35. {#        <span class="product-card_badge">70% تخفیف‌</س>#}
  36. {#    </div>#}
  37.     <a href="{{ path('app_shop_site_product' , {'urlSlug' : product.urlSlug}) }}">
  38.         {% if product.productImages[0] is defined and product.productImages[0].imageUrl is not null %}
  39.             <img class="product-card_img group-hover:opacity-0 absolute" src="{{ product.productImages[0].imageUrl }}"
  40.                  alt="">
  41.         {% endif %}
  42.         {% if product.productImages[1] is defined and product.productImages[1].imageUrl is not null %}
  43.             <img class="product-card_img opacity-0 group-hover:opacity-100"
  44.                  src="{{ product.productImages[1].imageUrl }}" alt="">
  45.         {% endif %}
  48. {#        {% if product.productImages|length > 0 %}#}
  49. {#            <img src="{{ product.productImages[0].imageUrl }}" class="product-card_img group-hover:opacity-0" alt="">#}
  50. {#        {% elseif product.imageUrl is defined and product.imageUrl is not null %}#}
  51. {#            <img src="{{ product.imageUrl }}" width="240" style="    object-fit: contain;right: 0;top: 0" height="208"#}
  52. {#                 class="product-card_img group-hover:opacity-0 " alt="">#}
  53. {#        {% endif %}#}
  54. {#        {% if product.productImages|length > 1 %}#}
  55. {#            <img src="{{ product.productImages[1].imageUrl }}" width="240" style="    object-fit: contain;" height="208"#}
  56. {#                 class="product-card_img opacity-0 group-hover:opacity-100" alt="">#}
  57. {#        {% elseif product.imageUrl is defined and product.imageUrl is not null %}#}
  58. {#            <img src="{{ product.imageUrl }}" width="240" style="    object-fit: contain;right: 0;top: 0" height="208"#}
  59. {#                 class="product-card_img opacity-0 group-hover:opacity-100" alt="">#}
  60. {#        {% endif %}#}
  61.     </a>
  62.     <div class="space-y-2">
  63.         <a href="{{ path('app_shop_site_product' , {'urlSlug' : product.urlSlug}) }}" class="product-card_link">
  64.             {{ product.name|length > 50 ? product.name|slice(0, 50) ~ '...' : product.name }}
  65.         </a>
  66.         <div class="product-card_price-wrapper">
  67. {#            <div class="product-card_rate">#}
  68. {#                                    <span class="flex items-center gap-x-0.5">#}
  69. {#                                        <svg class="size-4 text-blue-500 mb-0.5">#}
  70. {#                                            <use href="#rocket"></use>#}
  71. {#                                        </svg>#}
  72. {#                                        <p class="text-xs">ارسال امروز</p>#}
  73. {#                                    </span>#}
  74. {#                <span class="text-gray-400 flex items-center text-sm gap-x-0.5">#}
  75. {#                                        <p> 5.0 </p>#}
  76. {#                                        <svg class="size-4 mb-1">#}
  77. {#                                            <use href="#star"></use>#}
  78. {#                                        </svg>#}
  79. {#                                    </span>#}
  80. {#            </div>#}
  81.             <div class="product-card_price">
  82.                 {% if product.displayPrice is not null and product.displayPrice != 0 %}
  83.                     <p>{{ product.displayPrice|number_format }}</p>
  84.                     <span>تومان</span>
  85.                 {% else %}
  86.                     <p>ناموجود</p>
  87.                 {% endif %}
  88.             </div>
  89.         </div>
  90.     </div>
  91. </div>