API tools faq
paste
Advertisement
yablochnyi

Untitled

yablochnyi
Nov 13th, 2022 (edited)
51
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.32 KB | None | 0 0
raw download clone embed print report
  1. <div class="products">
  2. @foreach($products as $product)
  3. <div class="product">
  4. <div class="product_img">
  5. <img src="{{'storage/' . $product->image}}" alt="">
  6. </div>
  7. <h2 class="product_title">
  8. {{$product->name}}
  9. </h2>
  10. <div class="product_text">
  11. {{$product->description}}
  12. </div>
  13. <div class="product_inf">
  14. <div class="product_price">
  15. от {{$product->price}} ₽
  16. </div>
  17. <button class="product_btn active">
  18.  
  19. Выбрать
  20. </button>
  21. </div>
  22. </div>
  23. @endforeach
  24. @include('components.popup')
  25. </div>
  26.  
  27. $('.product_btn, .product_img, .product_title').on('click', function (e) {
  28. e.preventDefault();
  29. console.log($(this));
  30. console.log($(this).parents('.product'));
  31. console.log($($(this).parents('.product').get(0)).find('.popUp-product'));
  32. $($(this).parents('.product').get(0)).find('.popUp-product').fadeIn(300);
  33. });
  34.  
  35. <div class="popUp popUp-product" id="product-popup-{{$product->id}}">
  36. <div class="popUp_content">
  37. <div class="popUp_form">
  38. <div class="popUp_cross">
  39. <svg width="40" height="40" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  40. <path d="M18 6L6 18" stroke="#EA7108" stroke-linecap="round" stroke-linejoin="round"/>
  41. <path d="M6 6L18 18" stroke="#EA7108" stroke-linecap="round" stroke-linejoin="round"/>
  42. </svg>
  43. </div>
  44. <div class="popUp-product_img">
  45. <img src="{{'storage/' . $product->image}}" alt="">
  46. </div>
  47. <div class="popUp-product_content">
  48. <div class="popUp-product_title">
  49. <p>
  50. {{$product->name}}
  51. </p>
  52. <div class="inf">
  53. <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
  54. <path d="M16 29.3333C23.3638 29.3333 29.3333 23.3638 29.3333 16C29.3333 8.63621 23.3638 2.66667 16 2.66667C8.63616 2.66667 2.66663 8.63621 2.66663 16C2.66663 23.3638 8.63616 29.3333 16 29.3333Z" stroke="#070707" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
  55. <path d="M16 21.3333V16" stroke="#070707" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
  56. <path d="M16 10.6667H16.0133" stroke="#070707" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
  57. </svg>
  58. <div class="inf-drop">
  59. <div class="inf-drop_text">
  60. Пищевая ценность на 100 г
  61. </div>
  62. <div class="inf-drop_table">
  63. <div class="inf-drop_row">
  64. <div class="inf-drop_cell">
  65. Энерг. ценность
  66. </div>
  67. <div class="inf-drop_cell">
  68. 323,3 ккал
  69. </div>
  70. </div>
  71. <div class="inf-drop_row">
  72. <div class="inf-drop_cell">
  73. Белки
  74. </div>
  75. <div class="inf-drop_cell">
  76. 11,3 г
  77. </div>
  78. </div>
  79. <div class="inf-drop_row">
  80. <div class="inf-drop_cell">
  81. Жиры
  82. </div>
  83. <div class="inf-drop_cell">
  84. 14,2 г
  85. </div>
  86. </div>
  87. <div class="inf-drop_row">
  88. <div class="inf-drop_cell">
  89. Углеводы
  90. </div>
  91. <div class="inf-drop_cell">
  92. 32,5 г
  93. </div>
  94. </div>
  95. </div>
  96. <div class="inf-drop_table">
  97. <div class="inf-drop_row">
  98. <div class="inf-drop_cell">
  99. Вес
  100. </div>
  101. <div class="inf-drop_cell">
  102. 600 г
  103. </div>
  104. </div>
  105. <div class="inf-drop_row">
  106. <div class="inf-drop_cell">
  107. Диаметр
  108. </div>
  109. <div class="inf-drop_cell">
  110. 30 см
  111. </div>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. </div>
  117. <div class="popUp-product_desc">
  118. Lorem ipsum dolor sit amet, consectetur .
  119. </div>
  120. <div class="popUp-product_text">
  121. Наименование продукта sit amet, consectetur dolor sit amet sit amet.
  122. </div>
  123. <div class="popUp-product_tabs-wrap">
  124. <div class="popUp-product_tabs">
  125. <div class="popUp-product_tab">
  126. 20 см
  127. </div>
  128. <div class="popUp-product_tab">
  129. 30 см
  130. </div>
  131. <div class="popUp-product_tab">
  132. 40 см
  133. </div>
  134. </div>
  135. <div class="popUp-product_tabs popUp-product_tabs2">
  136. <div class="popUp-product_tab">
  137. Традиционное
  138. </div>
  139. <div class="popUp-product_tab">
  140. Тонкое
  141. </div>
  142. </div>
  143. </div>
  144. <div class="popUp-product_subtitle">
  145. Добавить ингредиенты
  146. </div>
  147. <div class="popUp-product_ings">
  148. <div class="popUp-product-ing">
  149. <div class="popUp-product-ing_img">
  150. <img src="{{asset('assets/img/photo/12.png')}}" alt="">
  151. </div>
  152. <div class="popUp-product-ing_content">
  153. <div class="popUp-product-ing_text">
  154. Lorem ipsum dolor sit ame.
  155. </div>
  156. <div class="popUp-product-ing_price">
  157. 999 ₽
  158. </div>
  159. </div>
  160. </div>
  161. <div class="popUp-product-ing">
  162. <div class="popUp-product-ing_img">
  163. <img src="{{asset('assets/img/photo/11.png')}}" alt="">
  164. </div>
  165. <div class="popUp-product-ing_content">
  166. <div class="popUp-product-ing_text">
  167. Lorem ipsum dolor sit ame.
  168. </div>
  169. <div class="popUp-product-ing_price">
  170. 999 ₽
  171. </div>
  172. </div>
  173. </div>
  174. <div class="popUp-product-ing">
  175. <div class="popUp-product-ing_img">
  176. <img src="{{asset('assets/img/photo/10.png')}}" alt="">
  177. </div>
  178. <div class="popUp-product-ing_content">
  179. <div class="popUp-product-ing_text">
  180. Lorem ipsum dolor sit ame.
  181. </div>
  182. <div class="popUp-product-ing_price">
  183. 999 ₽
  184. </div>
  185. </div>
  186. </div>
  187. <div class="popUp-product-ing">
  188. <div class="popUp-product-ing_img">
  189. <img src="{{asset('assets/img/photo/9.png')}}" alt="">
  190. </div>
  191. <div class="popUp-product-ing_content">
  192. <div class="popUp-product-ing_text">
  193. Lorem ipsum dolor sit ame.
  194. </div>
  195. <div class="popUp-product-ing_price">
  196. 999 ₽
  197. </div>
  198. </div>
  199. </div>
  200. </div>
  201. <button class="popUp-product_btn">
  202. Добавить в корзину за 999 ₽
  203. </button>
  204. </div>
  205. </div>
  206. <div class="popUp_layer">
  207.  
  208. </div>
  209. </div>
  210.  
  211. </div>
  212.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!