API tools faq
paste
Advertisement
Guest User

CART2.0

a guest
Feb 18th, 2020
304
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.25 KB | None | 0 0
raw download clone embed print report
  1. import React, { Fragment } from "react"
  2.  
  3. export function Cart() {
  4. return (
  5. <Fragment>
  6. <Body>
  7. <Form>
  8. <Title></Title>
  9. <ErrorMessage></ErrorMessage>
  10. <Grid>
  11. <GridCaption></GridCaption>
  12. <GridBody></GridBody>
  13. <GridFooter></GridFooter>
  14. </Grid>
  15. <DeliveryMethods></DeliveryMethods>
  16. <PaymentMethods></PaymentMethods>
  17. <Promocode></Promocode>
  18. <OrderForm></OrderForm>
  19. </Form>
  20. </Body>
  21. <Modal></Modal>
  22. </Fragment>
  23. )
  24. }
  25.  
  26. function Product() {
  27. return (
  28. <div className="md-shopcart__grid-item custom-border-bottom de--shopcart__border-color">
  29. <div className="md-shopcart__item-photo ">
  30. <a
  31. className="item-photo__link"
  32. href="http://vigbocms.loc/le-shop/luiza"
  33. target="_blank"
  34. rel="noopener noreferrer"
  35. >
  36. <img
  37. // Как ловить copy-protect?
  38. className="item-photo__img copy-protect"
  39. src="//shop.loc/vigbo-cms/storage/shops/94274/products/10831733/images/2-6108c1bebb902d9ad428e084b68577b4.jpg"
  40. alt="Мишка Луиза"
  41. />
  42. </a>
  43. </div>
  44.  
  45. <div className="md-shopcart__item-main td-size-xl-magic">
  46. <div className="md-shopcart__item-title ">
  47. <a
  48. href="http://vigbocms.loc/le-shop/luiza"
  49. target="_blank"
  50. rel="noopener noreferrer"
  51. className="de--shopcart__desc-color"
  52. >
  53. <span className="item-title__name de--shopcart__desc-font-size">Мишка Луиза</span>
  54. <span className="item-title__sku de--shopcart__sku-font-size de--shopcart__sku-color ">
  55. <span className="sku-item">Цвет: Черный</span>
  56. </span>
  57. </a>
  58. </div>
  59. </div>
  60.  
  61. <div className="md-shopcart__item-price mod--align-center td-size-l de--shopcart__desc-font-size de--shopcart__desc-color ">
  62. 1 300 pуб.
  63. </div>
  64. <div className="md-shopcart__item-count mod--align-center td-size-l">
  65. <div className="box-control form__field-box ">
  66. <div className="box-number-with-control">
  67. <span className="control-minus">
  68. <MinusIcon></MinusIcon>
  69. </span>
  70.  
  71. <input
  72. type="tel"
  73. name="data[cart][items][14801301]"
  74. value="1"
  75. className="box-number__input textbox skuCount de--shopcart__desc-color form__field form__field_bg form__field_bdc form__field_c form__field_ff form__field_fs form__field_fw form__field_ls autotest--sku-count"
  76. data-max-quantity="0"
  77. data-update-stock="0"
  78. data-max-available="0"
  79. data-border-type="square"
  80. data-border-width="3"
  81. />
  82.  
  83. <span className="control-plus">
  84. <PlusIcon></PlusIcon>
  85. </span>
  86. </div>
  87. <div className="box-control__count de--shopcart__page-font autotest--product-count ">
  88. В наличии: <span className="box-control__count-number de--shopcart__page-font">0</span>
  89. </div>
  90. </div>
  91. </div>
  92. <div
  93. className="md-shopcart__item-amount mod--flex-column__end td-size-m de--shopcart__desc-font-size de--shopcart__desc-color"
  94. data-total="1300"
  95. >
  96. <span id="item_14801301_total_price">1 300 pуб.</span>
  97. </div>
  98. <div className="md-shopcart__item-delete mod--align-right td-size-s">
  99. <a
  100. className="de--shopcart__desc-color autotest--shopcart-delete-product"
  101. href="http://vigbocms.loc/le-shop/cart/sku/14801301/delete"
  102. >
  103. <TrashIcon></TrashIcon>
  104. </a>
  105. </div>
  106. </div>
  107. )
  108. }
  109.  
  110. function DeliveryMethod() {
  111. return (
  112. <div className="md-shopcart__delivery-item md-shopcart__radio-line">
  113. <input
  114. type="radio"
  115. id="delivery_method_id_176930"
  116. className="md-radio shop-delivery-radio"
  117. data-delivery-order-tax="450"
  118. data-delivery-product-tax="0"
  119. data-delivery-free="0"
  120. data-delivery-free-category="[]"
  121. data-disable-payments="[]"
  122. value="176930"
  123. name="data[delivery][delivery_method_id]"
  124. checked=""
  125. />
  126. <label htmlFor="delivery_method_id_176930" className="md-radio__label-shopcart">
  127. <div className="delivery-item__title radio-line__title de--shopcart__payment-font-size de--shopcart__payment-color">
  128. НАЗВАНИЕ МЕТОДА ДОСТАВКИ
  129. </div>
  130. <div className="delivery-item__price radio-line__price de--shopcart__payment-font-size de--shopcart__payment-color">
  131. 450 pуб.
  132. </div>
  133. <div className="td-size-s mod--mobile-hide"></div>
  134. </label>
  135. </div>
  136. )
  137. }
  138.  
  139. function PaymentMethods() {
  140. return (
  141. <div id="payment-methods" className="md-shopcart__payment" data-amount="23300">
  142. <div className="md-shopcart__payment-head de--shopcart__header-font-size de--shopcart__header-color">
  143. Выберите способ оплаты
  144. </div>
  145. <PaymentMethod></PaymentMethod>
  146. <PaymentMethod></PaymentMethod>
  147. <PaymentMethod></PaymentMethod>
  148. </div>
  149. )
  150. }
  151.  
  152. function PaymentMethod() {
  153. return (
  154. <div
  155. className="md-shopcart__payment-item md-shopcart__radio-line show"
  156. data-payment-method-id="3"
  157. data-payment-method-parent-id=""
  158. >
  159. <input
  160. type="radio"
  161. id="payment_method_id_3"
  162. className="md-radio shop-payment-radio js--shopcart__payment-radio"
  163. value="3"
  164. name="data[payment][payment_method_id]"
  165. />
  166. <label htmlFor="payment_method_id_3" className="md-radio__label-shopcart ">
  167. <div className="payment-item__description radio-line__title de--shopcart__payment-font-size de--shopcart__payment-color">
  168. ОПЛАТА КРОВЬЮ
  169. </div>
  170. <div className="payment-item__payment radio-line__price de--shopcart__payment-font-size de--shopcart__payment-color">
  171. 10 450 pуб.
  172. </div>
  173. <div className="td-size-s mod--mobile-hide"></div>
  174. </label>
  175.  
  176. <div className="shop-border-block">
  177. <i className="shop-payment-method-border custom-border-bottom de--shopcart__border-color"></i>
  178. </div>
  179. </div>
  180. )
  181. }
  182.  
  183. function Promocode() {
  184. return (
  185. <div className="md-shopcart__line md-shopcart__promo-summ custom-border-bottom custom-border-top de--shopcart__border-color">
  186. <div className="md-shopcart__promocode">
  187. <div className="md-shopcart__promocode-promo">
  188. <a
  189. href="/"
  190. className="shop-promo-link de--shopcart__desc-color de--shopcart__promo-font-size autotest--shopcart-promo-link"
  191. id="shop-promo-link"
  192. >
  193. У вас есть промо-код?
  194. </a>
  195.  
  196. <div className="shop-promo-slidebox" id="shop-promo-slidebox">
  197. <span
  198. className="shop-promo-msg de--shopcart__desc-color de--shopcart__promo-font-size"
  199. id="shop-promo-msg"
  200. style={{ display: "none" }}
  201. ></span>
  202.  
  203. <div className="form__promocode-box">
  204. <div className="form__field-box">
  205. <div
  206. className="form__field form__field_bg form__field_bdc form__field_c form__field_ff form__field_fs form__field_fw form__field_ls"
  207. data-border-type="square"
  208. data-border-width="3"
  209. >
  210. <input
  211. type="text"
  212. className="shop-promo-code form__field_field form__field_c form__field_ff form__field_fs form__field_fw form__field_ls"
  213. id="shop-promo-code"
  214. data-go-placeholder=""
  215. />
  216. <label className="form__placeholder">Введите промо-код</label>
  217. </div>
  218. </div>
  219.  
  220. <input type="hidden" id="shop-promo-code-h" className="js--promocode-code-h" name="data[promocode]" />
  221. <a
  222. href="/"
  223. className="shop-apply-promo de--shopcart__desc-color de--shopcart__promo-font-size"
  224. id="shop-apply-promo"
  225. >
  226. Применить
  227. </a>
  228. </div>
  229. </div>
  230. </div>
  231. </div>
  232. <div className="md-shopcart__total-amount mod--align-right custom-border-top de--shopcart__border-color de--shopcart__total-price-font-size de--shopcart__total-price-color">
  233. <span className="total-amount__text ">Итоговая сумма к оплате:</span>
  234.  
  235. <span
  236. id="totalPriceWithDelivery"
  237. className="total-amount__price js--shopcart__total-price-wd autotest--total-price-with-delivery"
  238. data-total-items-price="23300"
  239. >
  240. 23 750 pуб.
  241. </span>
  242. <div id="preloader" className="bodymovin-preloader js--md-search-input-preloader">
  243. <svg
  244. xmlns="http://www.w3.org/2000/svg"
  245. viewBox="0 0 16 16"
  246. width="16"
  247. height="16"
  248. preserveAspectRatio="xMidYMid meet"
  249. style={{ width: "100%", height: "100%" }}
  250. >
  251. <defs>
  252. <clipPath id="animationMask_B7dvKnGT6R">
  253. <rect width="16" height="16" x="0" y="0"></rect>
  254. </clipPath>
  255. </defs>
  256. <g clip-path="url(#animationMask_B7dvKnGT6R)">
  257. <g transform="matrix(0.95,0,0,0.95,-307.563,41.594)" opacity="0.43" style={{ userSelect: "none" }}>
  258. <g opacity="1" transform="matrix(1,0,0,1,332.094,-35.531)">
  259. <path
  260. stroke-linecap="round"
  261. stroke-linejoin="miter"
  262. fill-opacity="0"
  263. stroke-miterlimit="4"
  264. stroke="rgb(121,121,121)"
  265. stroke-opacity="1"
  266. stroke-width="1"
  267. d="M0 0 M-0.633,-6.877 C-0.425,-6.897 -0.214,-6.906 0,-6.906"
  268. ></path>
  269. </g>
  270. </g>
  271. </g>
  272. </svg>
  273. </div>
  274. </div>
  275. <div className="td-size-s mod--mobile-hide"></div>
  276. </div>
  277. )
  278. }
  279.  
  280. function OrderForm() {
  281. return (
  282. <div className="md-shopcart__form">
  283. <div className="form__info">
  284. <div className="form__info-title de--shopcart__header-font-size de--shopcart__header-color ">
  285. Важная информация:{" "}
  286. </div>
  287. <div className="form__info-text de--shopcart__info-font-size de--shopcart__info-color de--common__link-color ">
  288. Здесь вы можете написать какие-то пояснения, которые помогут вашим клиентам не растеряться и понимать, какой
  289. порядок действий им необходимо произвести для оформления, какие шаги необходимо пройти от оформления заявки до
  290. получения продукта. Все-все нюансы и детали, которые помогут вашим клиентам ничего не опасаться и без сомнений
  291. нажать кнопку “ОФОРМИТЬ ПОКУПКУ”.{" "}
  292. </div>
  293. </div>
  294.  
  295. <div id="inputs-form" className="form__inputs de--common__link-color" style={{ opacity: "1" }}>
  296. <span className="form__inputs-title de--shopcart__header-font-size de--shopcart__header-color ">
  297. Заполните ваши данные:
  298. </span>
  299. <div className="form__field-box">
  300. <div
  301. className="form__placeholder-box form__field form__field_bg form__field_bdc form__field_c form__field_ff form__field_fs form__field_fw form__field_ls"
  302. data-border-type="square"
  303. data-border-width="3"
  304. >
  305. <input
  306. className="form__field_field form__field_c form__field_ff form__field_fs form__field_fw form__field_ls"
  307. data-go-placeholder=""
  308. type="text"
  309. value=""
  310. name="data[fields][5603435]"
  311. data-required="y"
  312. />
  313. <label className="form__placeholder ">Имя*</label>
  314. </div>
  315. <div className="form__field-indent"></div>
  316. </div>
  317. <div className="form__field-box">
  318. <div
  319. className="form__placeholder-box form__field form__field_bg form__field_bdc form__field_c form__field_ff form__field_fs form__field_fw form__field_ls"
  320. data-border-type="square"
  321. data-border-width="3"
  322. >
  323. <input
  324. className="form__field_field form__field_c form__field_ff form__field_fs form__field_fw form__field_ls"
  325. data-go-placeholder=""
  326. type="email"
  327. value=""
  328. name="data[fields][5603441]"
  329. data-required="y"
  330. />
  331. <label className="form__placeholder ">Email*</label>
  332. </div>
  333. <div className="form__field-indent"></div>
  334. </div>
  335. <div className="form__field-box">
  336. <label className="form__checkbox_label form__text_color form__field_fs">
  337. <input
  338. type="checkbox"
  339. className="form__checkbox"
  340. name="data[fields][5603469]"
  341. data-required="n"
  342. data-border-type="circle"
  343. value="y"
  344. />
  345. <span className="form__checkbox_box">
  346. <span
  347. className="form__checkbox_checkbox form__field_bg form__field_bdc"
  348. data-border-type="square"
  349. data-border-width="3"
  350. ></span>
  351. </span>
  352. <span className="form__checkbox_text">
  353. <span>ТЕСТОВЫЙ ЧЕКБОКС</span>
  354. </span>
  355. </label>
  356. <div className="form__field-indent"></div>
  357. </div>
  358. <div className="form__field-box form__field-box_textarea">
  359. <div
  360. className="form__field form__textarea mod--custom-scroll-resize ps is-ps-init form__field_bg form__field_bdc form__field_c form__field_ff form__field_fs form__field_fw form__field_ls"
  361. data-custom-scroll="1"
  362. data-border-type="square"
  363. data-border-width="3"
  364. >
  365. <textarea
  366. className="form__textarea_tarea"
  367. data-go-placeholder=""
  368. name="data[fields][5603471]"
  369. data-required="n"
  370. style={{ overflow: "hidden", overflowWrap: "break-word", height: "89px" }}
  371. ></textarea>
  372. <div
  373. className="form__placeholder-box form__field form__field_bg form__field_bdc form__field_c form__field_ff form__field_fs form__field_fw form__field_ls"
  374. data-border-type="square"
  375. data-border-width="3"
  376. >
  377. <label className="form__placeholder ">Мишка Луиза</label>
  378. </div>
  379. <div className="ps__rail-x" style={{ left: "0px", bottom: "0px" }}>
  380. <div className="ps__thumb-x" tabindex="0" style={{ left: "0px", width: "0px" }}></div>
  381. </div>
  382. <div className="ps__rail-y" style={{ top: "0px", right: "0px" }}>
  383. <div className="ps__thumb-y" tabindex="0" style={{ top: "0px", height: "0px" }}></div>
  384. </div>
  385. </div>
  386. <div className="form__field-indent"></div>
  387. </div>
  388. <div className="form__field-box">
  389. <div className="md-select-custom js--select-custom">
  390. <div
  391. className="md-select-custom__select selectize-control options form__select"
  392. placeholder="Тестовая выпадалка"
  393. >
  394. <div
  395. className="md-select-custom__input selectize-input items form__field_bg form__field_bdc form__field_c"
  396. data-border-type=""
  397. data-border-width=""
  398. >
  399. <div className="md-select-custom__item item" data-value="0">
  400. <span className="md-select-custom__item-inner item-inner js--select-custom__item-inner"></span>
  401. </div>
  402. </div>
  403. </div>
  404. <select
  405. className="form__select selectized"
  406. name="data[fields][5603472]"
  407. data-required="n"
  408. data-scroll-type="css"
  409. placeholder="Тестовая выпадалка"
  410. tabindex="-1"
  411. style={{ display: "none" }}
  412. >
  413. <option value="" selected="selected"></option>
  414. </select>
  415. <div className="selectize-control form__select single">
  416. <div
  417. className="selectize-input items not-full has-options form__field_bg form__field_bdc form__field_c"
  418. data-border-type="square"
  419. data-border-width="3"
  420. >
  421. <div className="selectize-placeholder form__placeholder">Тестовая выпадалка</div>
  422. <input
  423. type="text"
  424. autocomplete="off"
  425. tabindex=""
  426. placeholder="Тестовая выпадалка"
  427. style={{ width: "173.547px" }}
  428. />
  429. </div>
  430. <div
  431. className="selectize-dropdown single form__select form__field_bg-select form__field_bdc form__field_c"
  432. style={{ display: "none", width: "321.031px", top: "55px", left: "0px" }}
  433. data-border-type="square"
  434. data-border-width="3"
  435. >
  436. <div className="selectize-dropdown-content"></div>
  437. </div>
  438. </div>
  439. </div>
  440. <div className="form__field-indent"></div>
  441. </div>{" "}
  442. <div className="form__field-box">
  443. <div
  444. className="form__placeholder-box form__field form__field_bg form__field_bdc form__field_c form__field_ff form__field_fs form__field_fw form__field_ls"
  445. data-border-type="square"
  446. data-border-width="3"
  447. >
  448. <input
  449. className="form__field_field form__field_c form__field_ff form__field_fs form__field_fw form__field_ls"
  450. data-go-placeholder=""
  451. type="text"
  452. value=""
  453. name="data[fields][5603473]"
  454. data-required="n"
  455. />
  456. <label className="form__placeholder ">Отвертка t6</label>
  457. </div>
  458. <div className="form__field-indent"></div>
  459. </div>{" "}
  460. <div className="form__field-box">
  461. <div
  462. className="form__placeholder-box form__field form__field_bg form__field_bdc form__field_c form__field_ff form__field_fs form__field_fw form__field_ls"
  463. data-border-type="square"
  464. data-border-width="3"
  465. >
  466. <input
  467. className="form__field_field form__field_c form__field_ff form__field_fs form__field_fw form__field_ls"
  468. data-go-placeholder=""
  469. type="text"
  470. value=""
  471. name="data[fields][5603474]"
  472. data-required="n"
  473. />
  474. <label className="form__placeholder ">Cifrovoj tovar </label>
  475. </div>
  476. </div>
  477. <div className="form__inputs-errors">
  478. <span
  479. id="shop-delivery-error"
  480. className="error md-shopcart__delivery-error js--shopcart__errors-delivery"
  481. style={{ display: "none" }}
  482. >
  483. Выберите вариант доставки
  484. </span>
  485. <span id="shop-payment-error" className="error md-shopcart__delivery-error js--shopcart__errors-payment">
  486. Выберите способ оплаты
  487. </span>
  488. <span
  489. id="shop-sku-quantity-error-bottom"
  490. className="error md-shopcart__delivery-error js--shopcart__errors-quantity"
  491. >
  492. К сожалению, введенного количества товара нет в наличии.
  493. </span>
  494. <span
  495. id="deliveryDisableMethodError"
  496. className="error md-shopcart__delivery-error js--shopcart__errors-delivery-disable"
  497. >
  498. Выбранный способ доставки в данный момент не доступен
  499. </span>
  500. <span
  501. id="paymentDisableMethodError"
  502. className="error md-shopcart__delivery-error js--shopcart__errors-payment-disable"
  503. >
  504. Выбранный метод оплаты в данный момент не доступен
  505. </span>
  506. <span
  507. id="existPaymentMethodError"
  508. className="error md-shopcart__delivery-error js--shopcart__errors-payment-exist"
  509. style={{ display: "none" }}
  510. >
  511. cart-exist-payment-method-error
  512. </span>
  513. <span id="totalCostChanged" className="error md-shopcart__delivery-error js--shopcart__errors-total-сost">
  514. cart-total-cost-changed-error
  515. </span>
  516. </div>
  517. <div className="form__btn-box">
  518. <button
  519. className="form__btn progress-button autotest--form-btn-submit"
  520. data-style="top-line"
  521. data-horizontal=""
  522. data-type-submit="true"
  523. type="button"
  524. name="data[btn-submit]"
  525. value=""
  526. data-border-type="square-btn"
  527. data-button-paddings="90"
  528. >
  529. <span className="form__btn_cont">ОФОРМИТЬ ПОКУПКУ</span>
  530. </button>
  531. </div>
  532. <div className="form__btn-box de--common__link-color de--shopcart__info-font-size de--shopcart__info-color"></div>
  533. </div>
  534. </div>
  535. )
  536. }
  537.  
  538. // Refactor with portals
  539. function Modal() {
  540. return (
  541. <div id="frontModal" className="front-modal-wrap">
  542. <div className="front-modal">
  543. <div className="close-popup">
  544. <svg width="12px" height="12px" viewBox="0 0 12 12">
  545. <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  546. <g id="icon" transform="translate(-893.000000, -308.000000)" fill="currentColor" fill-rule="nonzero">
  547. <path
  548. d="M898.46967,313.46967 L899.53033,313.46967 L899,312.93934 L898.46967,313.46967 L897.93934,314 L893.46967,309.53033 C892.762563,308.823223 893.823223,307.762563 894.53033,308.46967 L899,312.93934 L903.46967,308.46967 C904.176777,307.762563 905.237437,308.823223 904.53033,309.53033 L900.06066,314 L904.53033,318.46967 C905.237437,319.176777 904.176777,320.237437 903.46967,319.53033 L899,315.06066 L894.53033,319.53033 C893.823223,320.237437 892.762563,319.176777 893.46967,318.46967 L897.93934,314 L898.46967,313.46967 Z M899.53033,313.46967 L899,312.93934 L898.46967,313.46967 L899.53033,313.46967 C899.237437,313.176777 898.762563,313.176777 898.46967,313.46967 L899.53033,313.46967 Z"
  549. id="icon_small"
  550. ></path>
  551. </g>
  552. </g>
  553. </svg>
  554. </div>
  555. <div className="front-modal__dialog"></div>
  556. <div className="front-modal__buttons">
  557. <a className="btn btn-success autotest--shopcart-btn-success" href="/">
  558. shop-confirm-message-positive
  559. </a>
  560. <a className="btn btn-default" href="/" onclick="return false">
  561. shop-confirm-message-negative
  562. </a>
  563. </div>
  564. </div>
  565. </div>
  566. )
  567. }
  568.  
  569. function DeliveryMethods() {
  570. return (
  571. <div className="md-shopcart__delivery">
  572. <div className="md-shopcart__delivery-head de--shopcart__header-font-size de--shopcart__header-color ">
  573. Выберите способ доставки:
  574. </div>
  575.  
  576. {/* Заготовка для СДЭК */}
  577. <LocationSelector></LocationSelector>
  578. <DeliveryMethod></DeliveryMethod>
  579. </div>
  580. )
  581. }
  582.  
  583. function Title() {
  584. return <div className="md-shopcart__title de--shopcart__header-font-size de--shopcart__header-color ">Корзина</div>
  585. }
  586.  
  587. function ErrorMessage() {
  588. return (
  589. <span id="shop-min-sum-error" data-conside-promocode="y" className="md-shopcart__delivery-error">
  590. <span className="js--shop-min-sum-error__default">
  591. Обратите внимание, минимальная сумма заказа <span id="minSum"></span> Для совершения покупки добавьте в корзину
  592. товаров на <span id="addSum"></span>
  593. </span>
  594. <span className="js--shop-min-sum-error__use-promocode" style={{ display: "none" }}>
  595. Обратите внимание, минимальная сумма заказа <span id="minSum"></span> Сумма погашенная промокодом не учитывается
  596. в минимальном заказе. Для совершения покупки добавьте в корзину товаров на <span id="addSum"></span>
  597. </span>
  598. </span>
  599. )
  600. }
  601.  
  602. function GridCaption() {
  603. return (
  604. <div className="md-shopcart__grid-head custom-border-bottom de--shopcart__border-color">
  605. <div className="md-shopcart__grid-title mod--title-name mod--align-left td-size-xl de--shopcart__header-th-font-size de--shopcart__header-th-color ">
  606. Продукт
  607. </div>
  608. <div className="md-shopcart__grid-title mod--title-price td-size-l de--shopcart__header-th-font-size de--shopcart__header-th-color ">
  609. Цена
  610. </div>
  611. <div className="md-shopcart__grid-title mod--title-count td-size-l de--shopcart__header-th-font-size de--shopcart__header-th-color ">
  612. Количество
  613. </div>
  614. <div className="md-shopcart__grid-title mod--title-amount mod--align-right td-size-m de--shopcart__header-th-font-size de--shopcart__header-th-color ">
  615. Сумма
  616. </div>
  617. <div className="md-shopcart__grid-title td-size-s mod--mobile-hide"></div>
  618. </div>
  619. )
  620. }
  621.  
  622. function GridFooter() {
  623. return (
  624. <div className="md-shopcart__grid-footer">
  625. <div className="md-shopcart__item-total td-size-xxl de--shopcart__desc-font-size de--shopcart__desc-color">
  626. Общая стоимость заказа/покупки:
  627. </div>
  628. <div className="md-shopcart__item-total mod--flex-column__end td-size-m de--shopcart__desc-font-size de--shopcart__desc-color">
  629. <span id="totalPrice" data-price="22000" className="item-total__price">
  630. 22 000 pуб.
  631. </span>
  632. </div>
  633. <div className="md-shopcart__item-total td-size-s mod--mobile-hide"></div>
  634. </div>
  635. )
  636. }
  637.  
  638. function GridBody() {
  639. return (
  640. <div className="md-shopcart__grid-body">
  641. <Product></Product>
  642. <Product></Product>
  643. </div>
  644. )
  645. }
  646.  
  647. function Form({ children }) {
  648. return (
  649. <form action="http://vigbocms.loc/le-shop/checkout" id="orderForm" method="post">
  650. {children}
  651. </form>
  652. )
  653. }
  654.  
  655. function Grid({ children }) {
  656. return <div className="md-shopcart__grid">{children}</div>
  657. }
  658.  
  659. function Body({ children }) {
  660. return (
  661. <div className="md-shopcart de--shopcart__page-font de--shopcart__header-color autotest--shopcart">{children}</div>
  662. )
  663. }
  664.  
  665. function MinusIcon() {
  666. return (
  667. <svg className="form__field_c" xmlns="http://www.w3.org/2000/svg" width="7" height="1" viewBox="0 0 7 1">
  668. <rect width="7" height="1" rx="0.5" ry="0.5"></rect>
  669. </svg>
  670. )
  671. }
  672.  
  673. function PlusIcon() {
  674. return (
  675. <svg className="form__field_c" xmlns="http://www.w3.org/2000/svg" width="7" height="7" viewBox="0 0 7 7">
  676. <path
  677. d="M126.5,101H124v2.5a0.5,0.5,0,0,1-1,0V101h-2.5a0.5,0.5,0,0,1,0-1H123V97.5a0.5,0.5,0,0,1,1,0V100h2.5A0.5,0.5,0,0,1,126.5,101Z"
  678. transform="translate(-120 -97)"
  679. ></path>
  680. </svg>
  681. )
  682. }
  683.  
  684. function TrashIcon() {
  685. return (
  686. <svg xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 13 13">
  687. <g
  688. fill="none"
  689. fill-rule="evenodd"
  690. stroke="currentColor"
  691. stroke-linecap="round"
  692. stroke-linejoin="round"
  693. stroke-width="1.5"
  694. >
  695. <path d="M4 1h5M1 4h11M2 4l1 8h7l1-8"></path>
  696. </g>
  697. </svg>
  698. )
  699. }
  700.  
  701. function LocationSelector() {
  702. return (
  703. <div
  704. className="md-shopcart__delivery-row custom-border-bottom de--shopcart__border-color"
  705. style={{ display: "none" }}
  706. >
  707. <div className="delivery-block mod--multi td-size-xl">
  708. <div className="delivery-block__item form__field-indent-side">
  709. <div className="form__field-box">
  710. <select
  711. className="form__select selectized"
  712. name=""
  713. data-required=""
  714. placeholder="Страна"
  715. tabindex="-1"
  716. style={{ display: "none" }}
  717. >
  718. <option value="1" selected="selected">
  719. Россия
  720. </option>
  721. </select>
  722. <div className="selectize-control form__select single">
  723. <div
  724. className="selectize-input items full has-options has-items form__field_bg form__field_bdc form__field_c"
  725. data-border-type="square"
  726. data-border-width="3"
  727. >
  728. <div className="selectize-placeholder form__placeholder">Страна</div>
  729. <div className="item" data-value="1">
  730. <span className="item-inner">Россия</span>
  731. </div>
  732. <input type="text" autocomplete="off" tabindex="" placeholder="false" style={{ width: "41.7656px" }} />
  733. </div>
  734. <div
  735. className="selectize-dropdown single form__select form__field_bg-select form__field_bdc form__field_c"
  736. style={{ display: "none", width: "0px", top: "0px", left: "0px" }}
  737. data-border-type="square"
  738. data-border-width="3"
  739. >
  740. <div className="selectize-dropdown-content"></div>
  741. </div>
  742. </div>
  743. <div className="form__field-indent"></div>
  744. </div>
  745. </div>
  746. <div className="delivery-block__item form__field-indent-side">
  747. <div className="form__field-box">
  748. <select
  749. className="form__select selectized"
  750. name=""
  751. data-required=""
  752. placeholder="Регион"
  753. tabindex="-1"
  754. style={{ display: "none" }}
  755. >
  756. <option value="1" selected="selected">
  757. Московская обл
  758. </option>
  759. </select>
  760. <div className="selectize-control form__select single">
  761. <div
  762. className="selectize-input items full has-options has-items form__field_bg form__field_bdc form__field_c"
  763. data-border-type="square"
  764. data-border-width="3"
  765. >
  766. <div className="selectize-placeholder form__placeholder">Регион</div>
  767. <div className="item" data-value="1">
  768. <span className="item-inner">Московская обл</span>
  769. </div>
  770. <input type="text" autocomplete="off" tabindex="" placeholder="false" style={{ width: "41.7656px" }} />
  771. </div>
  772. <div
  773. className="selectize-dropdown single form__select form__field_bg-select form__field_bdc form__field_c"
  774. style={{ display: "none", width: "0px", top: "0px", left: "0px" }}
  775. data-border-type="square"
  776. data-border-width="3"
  777. >
  778. <div className="selectize-dropdown-content"></div>
  779. </div>
  780. </div>
  781. <div className="form__field-indent"></div>
  782. </div>
  783. </div>
  784. </div>
  785. </div>
  786. )
  787. }
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!