templates/front/include/products_category.html.twig line 1

  1. <!-- product section start -->
  2. <section class="ratio_asos section-b-space overflow-hidden d-print-none">
  3.     <div class="container-fluid p-0">
  4.         <div class="header-image-contain mb-0 section-b-space">
  5.             <div class="title title1 text-center">
  6.                 <h2>Proizvodi iz iste kategorije</h2>
  7.             </div>
  9.             <div class="contain-image-box overflow-hidden">
  10.                 <section class="ratio_asos pt-3">
  11.                     <div class="container-fluid p-0">
  12.                         <div class="row m-0">
  13.                             <div class="col-sm-12 p-0">
  14.                                 <div class="product-wrapper slide-6">
  15.                                     {% if (randomProducts is defined) and (randomProducts | length > 0) %}
  16.                                     {% for product in randomProducts %}
  17.                                     <div>
  18.                                         <div class="product-box">
  19.                                             <div class="img-wrapper">
  20.                                                 <a href="{{ path('app_shop_product_view', {id: product.id}) }}">
  21.                                                     <img src="{{ asset(product.thumbnail500) }}"
  22.                                                          class="bg-img blur-up lazyload" alt="">
  23.                                                 </a>
  24.                                                 <div class="label-block">
  25.                                                     {% if product.new %}
  26.                                                         <span class="label label-black">Novo</span>
  27.                                                     {% endif %}
  28.                                                     {% if product.discount %}
  29.                                                         <span class="label label-theme">Popust</span>
  30.                                                     {% endif %}
  31.                                                     {% if product.superProduct %}
  32.                                                         <span class="label label-theme">Super proizvod</span>
  33.                                                     {% endif %}
  34.                                                     {% if product.outOfStock %}
  35.                                                         <span class="label label-theme">Nema na stanju</span>
  36.                                                     {% endif %}
  37.                                                     {% if product.isOutlet %}
  38.                                                         <span class="label label-black">Outlet</span>
  39.                                                     {% endif %}
  40.                                                 </div>
  41.                                                 <div class="cart-wrap">
  42.                                                     <ul>
  43.                                                         <li>
  44.                                                             {% if not product.outOfStock %}
  45.                                                                 <form id="add-to-cart-form-{{ product.id }}" class="add-to-cart-form" method="POST" action="{{ path('app_cart_add') }}">
  46.                                                                     <input type="hidden" name="pid" value="{{ product.id }}">
  47.                                                                     <input type="hidden" name="quantity" value="1">
  48.                                                                     <a href="" class="addtoKorpa-btn"
  49.                                                                        data-product-id="{{ product.id }}">
  50.                                                                         <i data-feather="shopping-cart"></i>
  51.                                                                     </a>
  52.                                                                 </form>
  53.                                                             {% endif %}
  54.                                                         </li>
  55. {#                                                        <li>#}
  56. {#                                                            <a href="javascript:void(0)" data-bs-toggle="modal"#}
  57. {#                                                               data-bs-target="#quick-view_{{ product.id }}">#}
  58. {#                                                                <i data-feather="eye"></i>#}
  59. {#                                                            </a>#}
  60. {#                                                        </li>#}
  61.                                                         {% if app.user %}
  62.                                                             <li>
  63.                                                                 <a href="" class="zelja" id="zelja_{{ product.id }}"  data-product-id="{{ product.id }}">
  64.                                                                     <i data-feather="heart"></i>
  65.                                                                 </a>
  66.                                                             </li>
  67.                                                         {% endif %}
  69.                                                     </ul>
  70.                                                 </div>
  71.                                             </div>
  72.                                             <div class="product-details text-center">
  73.                                                                                                 {% if product.discount %}
  74.                                                                                                     <h3 class="theme-color">
  75.                                                                                                         {{ ((product.pricePDV  | number_format(2, '.', ','))) }} RSD
  76.                                                                                                         <span class="font-light ml-1">{{ ((product.price * ((product.vat/100) + 1)) | round)  | number_format(2, '.', ',') }} RSD</span>
  77.                                                                                                     </h3>
  78.                                                                                                 {% else %}
  79.                                                                                                     <h3 class="theme-color">
  80.                                                                                                         {{ ((product.pricePDV  | number_format(2, '.', ','))) }} RSD
  81.                                                                                                     </h3>
  82.                                                                                                 {% endif %}
  86.                                                                                                 <a href="{{ path('app_shop_product_view', {id: product.id}) }}" class="font-default">
  87.                                                                                                     <h6>{{ product.title }}</h6>
  88.                                                                                                 </a>
  89.                                                                                                 {{ getRating(product.id) | raw }}
  90.                                                                                             </div>
  91.                                         </div>
  92.                                     </div>
  93. {#                                        <div class="modal fade quick-view-modal" id="quick-view_{{ product.id }}">#}
  94. {#                                            <div class="modal-dialog modal-lg modal-dialog-centered">#}
  95. {#                                                <div class="modal-content">#}
  96. {#                                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>#}
  97. {#                                                    <div class="modal-body">#}
  98. {#                                                        <div class="row gy-4">#}
  99. {#                                                            <div class="col-lg-6">#}
  100. {#                                                                <div class="quick-view-image">#}
  101. {#                                                                    <div class="quick-view-slider">#}
  102. {#                                                                        <div>#}
  103. {#                                                                            <img src="{{ asset(product.mainImage.thumbnail500) }}"#}
  104. {#                                                                                 class="img-fluid blur-up lazyload" alt="">#}
  105. {#                                                                        </div>#}
  106. {#                                                                        {% if not product.image.empty %}#}
  107. {#                                                                            {% for img in product.image %}#}
  108. {#                                                                                <div>#}
  109. {#                                                                                    <img src="{{ asset(img.thumbnail500) }}"#}
  110. {#                                                                                         class="img-fluid blur-up lazyload" alt="">#}
  111. {#                                                                                </div>#}
  112. {#                                                                            {% endfor %}#}
  113. {#                                                                        {% endif %}#}
  114. {#                                                                    </div>#}
  115. {#                                                                    <div class="quick-nav">#}
  116. {#                                                                        <div>#}
  117. {#                                                                            <img src="{{ asset(product.mainImage.thumbnail100) }}"#}
  118. {#                                                                                 class="img-fluid blur-up lazyload" alt="">#}
  119. {#                                                                        </div>#}
  120. {#                                                                        {% if not product.image.empty %}#}
  121. {#                                                                            {% for img in product.image %}#}
  122. {#                                                                                <div>#}
  123. {#                                                                                    <img src="{{ asset(img.thumbnail100) }}"#}
  124. {#                                                                                         class="img-fluid blur-up lazyload" alt="">#}
  125. {#                                                                                </div>#}
  126. {#                                                                            {% endfor %}#}
  127. {#                                                                        {% endif %}#}
  128. {#                                                                    </div>#}
  129. {#                                                                </div>#}
  130. {#                                                            </div>#}
  131. {#                                                            <div class="col-lg-6">#}
  132. {#                                                                <div class="product-right">#}
  133. {#                                                                    <h4 class="mb-2">{{ product.title }}</h4>#}
  134. {#                                                                    {{ getRating(product) | raw }}#}
  135. {#                                                                    {% if product.discount %}#}
  136. {#                                                                        <h4 class="price-detail">{{ ((product.pricePDV  | number_format(2, '.', ','))) }} din#}
  137. {#                                                                            <del>{{ ((product.price * ((product.vat/100) + 1)) | round)  | number_format(2, '.', ',') }} din</del>#}
  138. {#                                                                        </h4>#}
  139. {#                                                                    {% else %}#}
  140. {#                                                                        <h4 class="price-detail">{{ ((product.pricePDV  | number_format(2, '.', ','))) }} din</h4>#}
  141. {#                                                                    {% endif %}#}
  142. {#                                                                    <div class="label-section">#}
  143. {#                                                                        {% if product.new %}#}
  144. {#                                                                            <span class="label label-black">Novo</span>#}
  145. {#                                                                        {% endif %}#}
  146. {#                                                                        {% if product.discount %}#}
  147. {#                                                                            <span class="label label-theme">Popust</span>#}
  148. {#                                                                        {% endif %}#}
  149. {#                                                                        {% if product.superProduct %}#}
  150. {#                                                                            <span class="label label-theme">Super proizvod</span>#}
  151. {#                                                                        {% endif %}#}
  152. {#                                                                        {% if product.outOfStock %}#}
  153. {#                                                                            <span class="label label-theme">Nema na stanju</span>#}
  154. {#                                                                        {% else %}#}
  155. {#                                                                            <span class="label label-theme">Dostupno</span>#}
  156. {#                                                                        {% endif %}#}
  157. {#                                                                    </div>#}
  159. {#                                                                    <div class="product-details">#}
  160. {#                                                                        <h4 class="product-title size-text">Šifra proizvoda</h4>#}
  162. {#                                                                        <div class="size-box">#}
  163. {#                                                                            <h6 class="product-title hurry-title d-block">#{{ product.sku }}</h6>#}
  164. {#                                                                        </div>#}
  165. {#                                                                        <h4 class="product-title size-text">Kategorija</h4>#}
  167. {#                                                                        <div class="size-box">#}
  168. {#                                                                            <h4 class="product-title hurry-title d-block">{{ product.category.title }}</h4>#}
  169. {#                                                                        </div>#}
  170. {#                                                                    </div>#}
  171. {#                                                                    <form id="add-to-cart-form-modal-{{ product.id }}" class="add-to-cart-form" method="POST" action="{{ path('app_cart_add') }}">#}
  172. {#                                                                        <div class="product-btns">#}
  173. {#                                                                            <input type="hidden" name="pid" value="{{ product.id }}">#}
  174. {#                                                                            <input type="hidden" name="quantity" value="1">#}
  175. {#                                                                            {% if product.outOfStock %}#}
  176. {#                                                                                <button type="submit" class="addtoKorpaModal-btn btn btn-solid-default btn-sm" disabled>Dodajte u korpu</button>#}
  177. {#                                                                            {% else %}#}
  178. {#                                                                                <button type="submit" class="addtoKorpaModal-btn btn btn-solid-default btn-sm">Dodajte u korpu</button>#}
  179. {#                                                                            {% endif %}#}
  180. {#                                                                            <a href="{{ path('app_shop_product_view', {id: product.id}) }}"  class="btn btn-solid-default btn-sm">#}
  181. {#                                                                                Vidite detalje#}
  182. {#                                                                            </a>#}
  183. {#                                                                        </div>#}
  184. {#                                                                    </form>#}
  185. {#                                                                </div>#}
  186. {#                                                            </div>#}
  187. {#                                                        </div>#}
  188. {#                                                    </div>#}
  189. {#                                                </div>#}
  190. {#                                            </div>#}
  191. {#                                        </div>#}
  192.                                     {% endfor %}
  193.                                     {% endif %}
  194.                                 </div>
  195.                             </div>
  196.                         </div>
  197.                     </div>
  198.                 </section>
  199.             </div>
  200.         </div>
  201.     </div>
  202. </section>