Advertisement
Guest User

Untitled

a guest
Jan 22nd, 2019
115
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.29 KB | None | 0 0
  1. <!-- Winter Breeze -->
  2. <!-- Common Base Styling -->
  3. {% assign primary_font = "Roboto"%}
  4. {% assign primary_font_color = "#000000" %} <!-- Black text color -->
  5. {% assign primary_font_size = "12px"%}
  6. {% assign secondary_font = "Roboto"%}
  7. {% assign secondary_font_color = "#333333" %} <!-- Grey text color -->
  8. {% assign theme_color = "#303336"%}
  9. <style type="text/css">
  10. /* ### BASE - PAGE SIZING AND MARGIN SETUP NORMALIZATION ACROSS BROWSERS ### */
  11. @page {
  12. margin: 12mm !important;
  13. margin-top: 12mm !important;
  14. margin-right: 12mm !important;
  15. margin-bottom: 12mm !important;
  16. margin-left: 12mm !important;
  17. }
  18. @media print {
  19. .safari {
  20. padding-top: 15px;
  21. box-sizing: border-box;
  22. }
  23. .printer-preview-content .printer-preview-content {
  24. padding-left: 15px;
  25. padding-right: 15px;
  26. box-sizing: border-box;
  27. }
  28. }
  29. @media screen {
  30. .printer-preview-content {
  31. padding: 16px 0;
  32. min-height: 800px;
  33. /* background-image: url(http://basehold.it/i/16) */
  34. }
  35. .printer-preview-content .printer-preview-content {
  36. margin-right: auto;
  37. margin-left: auto;
  38. max-width: 680px;
  39. }
  40. }
  41. @media screen,print {
  42.  
  43. /* ### BASE - TYPOGRAPHY AND REMOVAL OF STANDARD SHOPIFY STYLING ### */
  44. .printer-preview-content .t45826 * {
  45. color: {{ secondary_font_color }};
  46. font-family: '{{ primary_font }}';
  47. font-size: {{ primary_font_size }};
  48. font-weight: 400;
  49. line-height: 16px;
  50. text-rendering: optimizeLegibility;
  51. margin: 0 0 0 0;
  52. padding: 0 0 0 0;
  53. -webkit-print-color-adjust: exact;
  54. overflow: visible !important;
  55. }
  56. .printer-preview-content .t45826 h1 {
  57. font-size: 28px;
  58. line-height: 32px;
  59. }
  60. .printer-preview-content .t45826 h2 {
  61. font-size: 18px;
  62. line-height: 32px;
  63. }
  64. .printer-preview-content .t45826 h3 {
  65. font-size: 14px;
  66. line-height: 16px;
  67. }
  68. .printer-preview-content .t45826 h1,
  69. .printer-preview-content .t45826 h2,
  70. .printer-preview-content .t45826 h3 {
  71. margin-bottom: 16px;
  72. }
  73. .printer-preview-content .t45826 b,
  74. .printer-preview-content .t45826 b * {
  75. font-weight: bold;
  76. }
  77. .printer-preview-content .t45826 .text-right {
  78. text-align: right;
  79. }
  80. .printer-preview-content .t45826 .text-center {
  81. text-align: center;
  82. }
  83. .printer-preview-content .t45826 .no-wrap {
  84. white-space: nowrap;
  85. }
  86.  
  87. /* ### BASE - GRID AND RE-USABLE LAYOUT COMPONENTS ### */
  88. .printer-preview-content .t45826 .row {
  89. width: 100%;
  90. display: block;
  91. clear: both;
  92. }
  93. .printer-preview-content .t45826 .row:after {
  94. content: "";
  95. display: table;
  96. clear: both;
  97. }
  98. .printer-preview-content .t45826 .col-xs-1,
  99. .printer-preview-content .t45826 .col-xs-2,
  100. .printer-preview-content .t45826 .col-xs-3,
  101. .printer-preview-content .t45826 .col-xs-4,
  102. .printer-preview-content .t45826 .col-xs-5,
  103. .printer-preview-content .t45826 .col-xs-6,
  104. .printer-preview-content .t45826 .col-xs-7,
  105. .printer-preview-content .t45826 .col-xs-8,
  106. .printer-preview-content .t45826 .col-xs-9,
  107. .printer-preview-content .t45826 .col-xs-10,
  108. .printer-preview-content .t45826 .col-xs-11,
  109. .printer-preview-content .t45826 .col-xs-12 {
  110. float: left;
  111. min-height: 1px;
  112. margin-bottom: 32px;
  113. }
  114. .printer-preview-content .t45826 .col-xs-12 {
  115. width: 100%;
  116. }
  117. .printer-preview-content .t45826 .col-xs-11 {
  118. width: 91.66666667%;
  119. }
  120. .printer-preview-content .t45826 .col-xs-10 {
  121. width: 83.33333333%;
  122. }
  123. .printer-preview-content .t45826 .col-xs-9 {
  124. width: 75%;
  125. }
  126. .printer-preview-content .t45826 .col-xs-8 {
  127. width: 66.66666667%;
  128. }
  129. .printer-preview-content .t45826 .col-xs-7 {
  130. width: 58.33333333%;
  131. }
  132. .printer-preview-content .t45826 .col-xs-6 {
  133. width: 50%;
  134. }
  135. .printer-preview-content .t45826 .col-xs-5 {
  136. width: 41.66666667%;
  137. }
  138. .printer-preview-content .t45826 .col-xs-4 {
  139. width: 33.33333333%;
  140. }
  141. .printer-preview-content .t45826 .col-xs-3 {
  142. width: 25%;
  143. }
  144. .printer-preview-content .t45826 .col-xs-2 {
  145. width: 16.66666667%;
  146. }
  147. .printer-preview-content .t45826 .col-xs-1 {
  148. width: 8.33333333%;
  149. }
  150. .printer-preview-content .t45826 .col-no-margin {
  151. margin-bottom: 0 !important;
  152. }
  153. .printer-preview-content .t45826 .clear-fix {
  154. clear: both;
  155. }
  156. .printer-preview-content .t45826 .half-margin-top {
  157. margin-top: 8px !important;
  158. }
  159. .printer-preview-content .t45826 .half-margin-bottom {
  160. margin-bottom: 8px !important;
  161. }
  162. .printer-preview-content .t45826 .margin-bottom {
  163. margin-bottom: 16px !important;
  164. margin-top: 1px;
  165. }
  166. .printer-preview-content .t45826 .margin-top {
  167. margin-top: 16px !important;
  168. }
  169. .printer-preview-content .t45826 .double-margin-top {
  170. margin-top: 32px !important;
  171. }
  172. .printer-preview-content .t45826 .double-margin-bottom {
  173. margin-bottom: 32px !important;
  174. }
  175.  
  176. /* ### BASE - TABLE STYLING ### */
  177. .printer-preview-content .t45826 table,
  178. .printer-preview-content .t45826 .table {
  179. width: 100%;
  180. max-width: 100%;
  181. background-color: transparent;
  182. border-collapse: collapse;
  183. }
  184. .printer-preview-content .t45826 table thead {
  185. display: table-row-group;
  186. }
  187. .printer-preview-content .t45826 table tbody tr {
  188. page-break-inside:avoid !important;
  189. page-break-after:auto !important;
  190. }
  191. .printer-preview-content .t45826 table tbody tr td {
  192. page-break-inside:avoid !important;
  193. }
  194. .printer-preview-content .t45826 th {
  195. white-space: nowrap;
  196. text-align: left;
  197. vertical-align: middle;
  198. border-top: 0;
  199. border-bottom: 0;
  200. }
  201. .printer-preview-content .t45826 td {
  202. vertical-align: middle;
  203. border-top: 0;
  204. border-bottom: 0;
  205. }
  206. .printer-preview-content .t45826 .order-table tbody > tr:nth-child(odd) td {
  207. background-color: #f9f9f9;
  208. }
  209. .printer-preview-content .t45826 .pricing-table tbody > tr:nth-child(even) > td {
  210. background-color: #f9f9f9;
  211. }
  212. /* .printer-preview-content .t45826 .pricing-table tbody > tr > td.pricing-table-title {
  213. word-break: break-all;
  214. }*/
  215. .printer-preview-content .t45826 th.order-table-qty {
  216. width: 10%;
  217. }
  218. .printer-preview-content .t45826 th.order-table-price {
  219. width: 10%;
  220. }
  221. .printer-preview-content .t45826 th.order-table-item-total,
  222. .printer-preview-content .t45826 th.order-table-reason {
  223. width: 17%;
  224. }
  225. .printer-preview-content .t45826 th.order-table-return-comments {
  226. width: 30%;
  227. }
  228. .printer-preview-content .t45826 .pricing-table-text {
  229. text-align: right;
  230. white-space: nowrap;
  231. }
  232.  
  233. /* ### BASE - PRODUCT IMAGE SIZING TO RETAIN LINE HEIGHT RYTHM) ### */
  234. .printer-preview-content .t45826 .product-image-wrapper {
  235. width: 112px;
  236. max-height: 112px;
  237. }
  238. .printer-preview-content .t45826 .product-image {
  239. padding: 0 4px;
  240. page-break-inside:avoid !important;
  241. max-width: 112px;
  242. }
  243.  
  244. /* ### BASE - LISTS RESET ### */
  245. .printer-preview-content .t45826 ul {
  246. list-style: none;
  247. }
  248. .printer-preview-content .t45826 li {
  249. color: {{ secondary_font_color }};
  250. list-style: none;
  251. }
  252.  
  253. /* ### BASE - LOGO ### */
  254. .printer-preview-content .t45826 .logo-wrapper {
  255. display: inline-block;
  256. width: 100%;
  257. padding-bottom: 8px;
  258. }
  259. .printer-preview-content .t45826 .logo {
  260. float: left;
  261. padding-right: 15px;
  262. max-width: 100%;
  263. max-height: 188.0px;
  264. }
  265.  
  266. /* ### BASE - BARCODE ### */
  267. .printer-preview-content .t45826 .order-number-barcode,
  268. .printer-preview-content .t45826 .product-barcode {
  269. display: block;
  270. }
  271.  
  272. /* ### BASE - ADDITONAL COMMON SHARED TYPOGRAPHY AND ALIGNMENT ### */
  273. .printer-preview-content .t45826 .address {
  274. margin-right: 5%;
  275. }
  276. .printer-preview-content .t45826 .col-xs-8 .notes,
  277. .printer-preview-content .t45826 .col-xs-6 .notes {
  278. margin-right: 20%;
  279. }
  280. .printer-preview-content .t45826 .notes-title,
  281. .printer-preview-content .t45826 .return-codes {
  282. margin: 8px 0;
  283. }
  284. /* ### BASE - HORIZONTAL RULE MARKS ### */
  285. .printer-preview-content .t45826 hr {
  286. background: {{ theme_color }};
  287. border-top: 0;
  288. border: 0;
  289. height: 2px;
  290. width: 100%;
  291. margin-bottom: -2px;
  292. }
  293.  
  294. }
  295. </style>
  296. <!-- Template Specific Styling -->
  297. <style type="text/css">
  298. @media screen,print {
  299.  
  300. /* ### DESIGN SPECIFIC - TYPOGRAPHY ### */
  301. .printer-preview-content .t45826 h1 {
  302. font-family: '{{ secondary_font }}';
  303. color: {{ primary_font_color }};
  304. font-weight: bold;
  305. }
  306. .printer-preview-content .t45826 h2 {
  307. font-family: '{{ secondary_font }}';
  308. color: {{ primary_font_color }};
  309. }
  310. .printer-preview-content .t45826 h3 {
  311. font-family: '{{ secondary_font }}';
  312. color: {{ primary_font_color }};
  313. }
  314.  
  315. /* ### DESIGN SPECIFIC - LOGO POSITIONING ### */
  316. .printer-preview-content .t45826 .logo {
  317. float: right;
  318. padding-right: 0;
  319. margin-bottom: 16px;
  320. }
  321.  
  322. /* ### DESIGN SPECIFIC - STORE DETAILS ### */
  323. .printer-preview-content .t45826 .shop-block {
  324. text-align: center;
  325. }
  326. .printer-preview-content .t45826 .shop-block .shop-address-block b,
  327. .printer-preview-content .t45826 .shop-block .shop-address-block b * {
  328. color: {{ primary_font_color }};
  329. }
  330. .printer-preview-content .t45826 .shop-block .shop-domain {
  331. font-weight: bold;
  332. }
  333.  
  334. .printer-preview-content .t45826 .shop-return-address b,
  335. .printer-preview-content .t45826 .shop-return-address b * {
  336. color: {{ primary_font_color }};
  337. }
  338.  
  339. /* ### DESIGN SPECIFIC - ORDER DETAILS ### */
  340. .printer-preview-content .t45826 .order-details-title {
  341. display: inline-block;
  342. font-weight: bold;
  343. color: {{ primary_font_color }};
  344. }
  345.  
  346. /* ### DESIGN SPECIFIC - BILL TO AND SHIP TO ADDRESS ### */
  347. .printer-preview-content .t45826 .address-title {
  348. font-weight: bold;
  349. color: {{ primary_font_color }};
  350. }
  351.  
  352. /* ### DESIGN SPECIFIC - TABLE HEADER ### */
  353. .printer-preview-content .t45826 .order-table thead tr th {
  354. padding-left: 4px;
  355. padding-right: 4px;
  356. border-top: 2px solid {{ theme_color }};
  357. padding-top: 6px;
  358. border-bottom: 2px solid {{ theme_color }};
  359. padding-bottom:6px;
  360. font-weight: bold;
  361. }
  362.  
  363. /* ### DESIGN SPECIFIC - TABLE BODY (SHARED) ### */
  364. .printer-preview-content .t45826 .order-table tbody tr td,
  365. .printer-preview-content .t45826 .pricing-table tbody tr td {
  366. padding-left: 4px;
  367. padding-right: 4px;
  368. border-top: 0;
  369. padding-top: 8px;
  370. border-bottom: 1px solid #efefef;
  371. padding-bottom:7px;
  372. }
  373. /* ### DESIGN SPECIFIC - ORDER TABLE SPECIFIC ### */
  374. .printer-preview-content .t45826 .order-table tbody > tr > td.line-item-description,
  375. .printer-preview-content .t45826 .order-table tbody > tr > td.line-item-qty {
  376. font-weight: bold;
  377. color: {{ primary_font_color }};
  378. }
  379. .printer-preview-content .t45826 .order-table tbody > tr > td.line-item-description p.line-item-sku {
  380. font-weight: normal;
  381. }
  382. /* ### DESIGN SPECIFIC - PRICING TABLE SPECIFIC ### */
  383. .printer-preview-content .t45826 .pricing-table tbody > tr.pricing-table-total-row > td {
  384. border-top: 2px solid {{ theme_color }};
  385. border-bottom: 2px solid {{ theme_color }};
  386. padding-bottom:6px;
  387. }
  388. .printer-preview-content .t45826 .pricing-table tbody > tr > td.pricing-table-title,
  389. .printer-preview-content .t45826 .pricing-table tbody > tr > td.pricing-table-title span {
  390. font-weight: bold;
  391. color: {{ primary_font_color }};
  392. }
  393. .printer-preview-content .t45826 .pricing-table tbody > tr.pricing-table-total-row .pricing-table-title,
  394. .printer-preview-content .t45826 .pricing-table tbody > tr.pricing-table-total-row .pricing-table-text {
  395. font-weight: bold;
  396. color: {{ primary_font_color }};
  397. }
  398.  
  399. /* ### DESIGN SPECIFIC - ORDER NOTES ### */
  400. .printer-preview-content .t45826 .notes-title {
  401. font-weight: bold;
  402. color: {{ primary_font_color }};
  403. }
  404.  
  405. /* ### DESIGN SPECIFIC - RETURN FORM REASON CODES ### */
  406. .printer-preview-content .t45826 .return-codes b,
  407. .printer-preview-content .t45826 .return-code b * {
  408. font-weight: bold;
  409. color: {{ primary_font_color }};
  410. }
  411.  
  412. /* ### DESIGN SPECIFIC - THANK YOU MESSAGE ### */
  413. .printer-preview-content .t45826 .thanks-text {
  414. text-align: center;
  415. font-weight: bold;
  416. color: {{ primary_font_color }};
  417. }
  418. .printer-preview-content .t45826 .thanks-text * {
  419. font-weight: bold;
  420. color: {{ primary_font_color }};
  421. }
  422.  
  423. /* ### DESIGN SPECIFIC - GIFT MESSAGE ### */
  424. .printer-preview-content .t45826 .gift-text {
  425. text-align: center;
  426. font-weight: bold;
  427. width: 80%;
  428. margin: 0 10%;
  429. padding-bottom:16px;
  430. font-size: 18px;
  431. }
  432. .printer-preview-content .t45826 .gift-text * {
  433. font-weight: bold;
  434. font-size: 18px;
  435. }
  436. .printer-preview-content .t45826 .gift-text svg {
  437. padding-bottom:8px;
  438. }
  439.  
  440. /* ### DESIGN SPECIFIC - TERMS AND CONDITIONS ### */
  441. .printer-preview-content .t45826 .terms-text {
  442. font-size: 10px;
  443. text-align: center;
  444. }
  445. .printer-preview-content .t45826 .terms-text * {
  446. font-size: 10px;
  447. }
  448.  
  449. /* ### DESIGN SPECIFIC - SOCIAL ICONS ### */
  450. .printer-preview-content .t45826 .social-icons {
  451. display: inline;
  452. width: 20px;
  453. margin: 8px 4px;
  454. }
  455.  
  456. }
  457. </style>
  458. <div class="printer-preview-content" contenteditable="true" spellcheck="false" title="Click to edit text (changes will be printed but not saved)">
  459. <div class="t45826">
  460. <div class="row">
  461. <div id="header-row">
  462. <div class="col-xs-6">
  463. <div class="template-title">
  464. <h1 class="editable" data-key="template_type_name">Rechnung</h1>
  465. </div>
  466. <ul class="order-details">
  467. <li class="order-details-invoice">
  468. <span class="order-details-title editable" data-key="invoice_number">Rechnungs-Nr.</span>
  469. <span class="order-details-text">{{ order_name }}</span>
  470. </li>
  471. <li class="order-details-date">
  472. <span class="order-details-title editable" data-key="date">Bestelldatum</span>
  473. <span class="order-details-text">{{ created_at | date: "%d/%m/%Y" }}</span>
  474. </li>
  475. {% assign transaction_text = "" %}
  476. {% for transaction in transactions %}
  477. {% if transaction.status != "failure" and transaction.status != "error" %}
  478. {% if transaction.kind == "authorization" or transaction.kind == "sale" %}
  479. {% if transaction.payment_details.credit_card_number %}
  480. {% capture transaction_text %}{{ transaction.payment_details.credit_card_company }} ({{ transaction.payment_details.credit_card_number | replace: " ", "" | replace: "•", ""}}){% endcapture %}{% break %}
  481. }
  482. {% else %}
  483. {% capture transaction_text %}{{ transaction.gateway | capitalize }}{% endcapture %}{% break %}
  484. {% endif %}
  485. {% endif %}
  486. {% endif %}
  487. {% endfor %}
  488. {% if transaction_text != blank and transaction_text != "manual" %}
  489.  
  490. <li class="order-details-payment">
  491. <span class="order-details-title editable" data-key="payment_method">Zahlungsbeleg</span>
  492. <span class="order-details-text">{{ transaction_text }}</span>
  493. </li>
  494. {% endif %}
  495. <li class="order-details-shipping">
  496. <span class="order-details-title editable" data-key="shipping_method">Versand</span>
  497. <span class="order-details-text">{{ shipping_method.title }}</span>
  498. </li>
  499. </ul>
  500. </div>
  501. <div class="col-xs-6 col-no-margin">
  502. <div class="logo-wrapper">
  503. <img class="logo" alt="Logo" src="https://cdn.shopify.com/s/files/1/0016/4361/0186/email_settings_tmp/Logo_Macuwell_410x.png?17265190766790577901" />
  504. </div>
  505. </div>
  506. </div>
  507. </div>
  508. <div class="row">
  509. <div class="col-xs-2">
  510. <div class="address-title bill-to-title editable" data-key="bill_to">Rechnungsadr.</div>
  511. </div>
  512. <div class="col-xs-4">
  513. <ul class="address">
  514. {% if billing_address and billing_address != blank %}
  515. <li>{{ billing_address.name }}</li>
  516. {% if billing_address.company != blank %}
  517. <li>{{ billing_address.company }}</li>
  518. {% endif %}
  519. <li>{{ billing_address.address1 }}</li>
  520. {% if billing_address.address2 != blank %}
  521. <li>{{ billing_address.address2 }}</li>
  522. {% endif %}
  523. <li>{{ billing_address.zip | upcase }} {{ billing_address.city }}</li>
  524. {% if billing_address.province_code != blank and billing_address.province != blank %}
  525. <li>{% if billing_address.province_code != blank %}{{ billing_address.province_code }}{% else %}{{ billing_address.province }}{% endif %}</li>
  526. {% endif %}
  527. {% if shop.country != billing_address.country %}
  528. <li>{{ billing_address.country }}</li>
  529. {% endif %}
  530. {% elsif customer != blank and customer.default_address != blank %}
  531. <li>{{ customer.name }}</li>
  532. {% if customer.default_address.company != blank %}
  533. <li>{{ customer.default_address.company }}</li>
  534. {% endif %}
  535. <li>{{ customer.default_address.address1 }}</li>
  536. {% if customer.default_address.address2 != blank %}
  537. <li>{{ customer.default_address.address2 }}</li>
  538. {% endif %}
  539. <li>{{ customer.default_address.zip | upcase }} {{ customer.default_address.city }}</li>
  540. {% if customer.default_address.province_code != blank and customer.default_address.province != blank %}
  541. <li>{% if customer.default_address.province_code != blank %}{{ customer.default_address.province_code }}{% else %}{{ customer.default_address.province }}{% endif %}</li>
  542. {% endif %}
  543. {% if shop.country != customer.default_address.country %}
  544. <li>{{ customer.default_address.country }}</li>
  545. {% endif %}
  546. {% elsif customer != blank %}
  547. {% if customer.name != blank %}
  548. <li>{{ customer.name }}</li>
  549. {% endif %}
  550. {% if customer.email != blank %}
  551. <li>{{ customer.email }}</li>
  552. {% endif %}
  553. {% endif %}
  554. </ul>
  555. </div>
  556. <div class="col-xs-2">
  557. {% if shipping_address and shipping_address != "" and shipping_address != nil %}
  558. <div class="address-title ship-to-title editable" data-key="ship_to">Versandadr.</div>
  559. {% endif %}
  560. </div>
  561. <div class="col-xs-4">
  562. <ul class="address">
  563. {% if shipping_address and shipping_address != blank %}
  564. <li>{{ shipping_address.name }}</li>
  565. {% if shipping_address.company != blank %}
  566. <li>{{ shipping_address.company }}</li>
  567. {% endif %}
  568. <li>{{ shipping_address.address1 }}</li>
  569. {% if shipping_address.address2 != blank %}
  570. <li>{{ shipping_address.address2 }}</li>
  571. {% endif %}
  572. <li>{{ shipping_address.zip | upcase }} {{ shipping_address.city }}</li>
  573. {% if shipping_address.province_code != blank and shipping_address.province != blank %}
  574. <li>{% if shipping_address.province_code != blank %}{{ shipping_address.province_code }}{% else %}{{ shipping_address.province }}{% endif %}</li>
  575. {% endif %}
  576. {% if shop.country != shipping_address.country %}
  577. <li>{{ shipping_address.country }}</li>
  578. {% endif %}
  579. {% endif %}
  580. </ul>
  581. </div>
  582. </div>
  583. <div class="row">
  584. <div class="col-xs-12 col-no-margin">
  585. <table class="order-table table">
  586. <thead>
  587. <tr>
  588. <th colspan=2 class="order-table-title editable" data-key="item">Artikelbeschreibung</th>
  589. <th class="order-table-qty text-center editable" data-key="qty">Stckz.</th>
  590. <th class="order-table-price text-right editable" data-key="price">Preis</th>
  591. <th class="order-table-item-total text-right editable" data-key="item_total">Gesamtbetrag</th>
  592. </tr>
  593. </thead>
  594. <tbody>
  595. <!-- Bold Product Options Snippet 1 -->
  596. {% assign hidden_variant_ids = "" %}
  597. {% for line_item in line_items %}
  598. {% if line_item.properties._boldVariantIds %}
  599. {% assign hidden_variant_ids = hidden_variant_ids | append: ',' %}
  600. {% assign hidden_variant_ids = hidden_variant_ids | append: line_item.properties._boldVariantIds %}
  601. {% endif %}
  602. {% endfor %}
  603. {% assign hidden_variant_ids = hidden_variant_ids | split: ',' %}
  604. <!-- END Bold Product Options Snippet 1 -->
  605. {% for line_item in line_items %}
  606. {% assign non_refunded_quantity = line_item.quantity %}
  607. <!-- Bold Product Options Snippet 2 -->
  608. {% if hidden_variant_ids contains line_item.variant_id %}{% continue %}{% endif %}
  609. {% assign adjusted_item_price = line_item.price %}
  610. {% assign adjusted_line_price = line_item.price | times: non_refunded_quantity %}
  611. {% for line_item2 in line_items %}
  612. {% if line_item.properties._boldVariantIds contains line_item2.variant_id %}
  613. {% assign adjusted_item_price = adjusted_item_price | plus: line_item2.price %}
  614. {% assign adjusted_line_option_price = line_item2.price | times: non_refunded_quantity %}
  615. {% assign adjusted_line_price = adjusted_line_price | plus: adjusted_line_option_price %}
  616. {% endif %}
  617. {% endfor %}
  618. <!-- END Bold Product Options Snippet 2 -->
  619. <tr>
  620. <td class="product-image-wrapper">{% if line_item.image != blank %}<img class="product-image" src="{{ line_item.image | img_url: 'medium' }}"/>{% endif %}</td>
  621. <td class="line-item-description">
  622. <p style="font-weight: 700;">
  623. {{ line_item.title | replace: " - Default Title", "" }}</p>
  624. {% if line_item.sku != blank %}
  625. <p class="line-item-sku">{{ line_item.sku }}</p>
  626. {% endif %}
  627. {% for p in line_item.properties %}
  628. {% assign p_internal = p.first | slice: 0 %}
  629. {% unless p.first contains "builder_id" or p.first contains "builder_info" or p.first contains "master_builder" or p_internal == "_" or p.last == "" or p.last == blank %}
  630. {% if p.last contains "/uploads/" or p.last contains ".png?" or p.last contains ".jpg?" %}
  631. <p class="line-item-property">{{ p.first }}:<br>
  632. </p>
  633. <a href="{{ p.last }}" target="_blank"><img src="{{ p.last }}" alt="{{ p.first }}" width="60" border="0" style="width: 60px; height: auto !important;"></a>
  634. {% else %}
  635. <p class="line-item-property">{{ p.first }}: {{ p.last }}</p>
  636. {% endif %}
  637. {% endunless %}
  638. {% endfor %}
  639. </td>
  640. <td class="text-center line-item-qty">× {{ non_refunded_quantity }}</td>
  641. {% assign product_tax = 0.0 %}
  642. {% for tax in line_item.tax_lines %}
  643. {% assign per_item_tax = tax.price | divided_by: line_item.quantity %}
  644. {% assign product_tax = product_tax | plus: per_item_tax %}
  645. {% endfor %}
  646. <td class="text-right no-wrap line-item-price">
  647. {% if line_item.variant.price and line_item.variant.price > adjusted_item_price %}
  648. {% assign original_price = line_item.variant.price %}
  649. {% elsif line_item.variant.compare_at_price and line_item.variant.compare_at_price > adjusted_item_price %}
  650. {% assign original_price = line_item.variant.compare_at_price %}
  651. {% else %}
  652. {% assign original_price = 0 %}
  653. {% endif %}
  654. {% if original_price > 0 and original_price > adjusted_item_price %}
  655. <p><s>{{ original_price | money }}</s></p>
  656. {% endif %}
  657. <p>{{ adjusted_item_price | money }}</p>
  658. </td>
  659. <td class="text-right no-wrap line-item-line-price">{{ adjusted_line_price | money }}</td>
  660. </tr>
  661. {% endfor %}
  662. </tbody>
  663. </table>
  664. </div>
  665. </div>
  666. <div class="row">
  667. <div class="col-xs-8">
  668. <div class="notes">
  669. {% if note != blank or attributes != blank %}
  670. <div class="notes-title editable" data-key="order_notes">Anmerkungen</div>
  671. {% endif %}
  672. <div class="notes-text">
  673. {{ note | newline_to_br }}
  674. </div>
  675. </div>
  676. </div>
  677. <div class="col-xs-4">
  678. <table class="pricing-table table">
  679. <tbody>
  680. {% assign order_discounts = 0.00 %}
  681. {% for discount in discounts %}
  682. {% assign order_discounts = order_discounts | plus: discount.amount %}
  683. {% endfor %}
  684. {% if discounts != blank or order_discounts != 0.00 %}
  685. <tr>
  686. <td class="pricing-table-title editable" data-key="subtotal">Zwischensumme</td>
  687. <td class="pricing-table-text">{{ subtotal_price | plus: order_discounts | money }}</td>
  688. </tr>
  689. {% for discount in discounts %}
  690. <tr>
  691. <td class="pricing-table-title"><span class="editable" data-key="discount">Rabatt</span>{% if discount.code != blank %} "{{ discount.code }}"{% endif %}</td>
  692. <td class="pricing-table-text">{{ discount.savings | money }}</td>
  693. </tr>
  694. {% endfor %}
  695. {% else %}
  696. <tr>
  697. <td class="pricing-table-title editable" data-key="subtotal">Zwischensumme</td>
  698. <td class="pricing-table-text">{{ subtotal_price | money }}</td>
  699. </tr>
  700. {% endif %}
  701. <tr>
  702. <td class="pricing-table-title editable" data-key="shipping_handling">Versand</td>
  703. <td class="pricing-table-text">{{ shipping_price | default: 0 | money }}</td>
  704. </tr>
  705. <tr>
  706. <td class="pricing-table-title editable" data-key="total_minus_tax">Gesamtsumme netto</td>
  707. <td class="pricing-table-text">{{ total_price | minus: total_tax | money }}</td>
  708. </tr>
  709. {% if total_tax != 0.00 and total_tax != blank %}
  710. <tr>
  711. <td class="pricing-table-title editable" data-key="total_tax">MwSt (19%)</td>
  712. <td class="pricing-table-text">{{ total_tax | money }}</td>
  713. </tr>
  714. {% endif %}
  715. <tr class="pricing-table-total-row">
  716. <td class="pricing-table-title editable" data-key="total">Gesamtbetrag</td>
  717. <td class="pricing-table-text">{{ total_price | money }}</td>
  718. </tr>
  719. {% assign total_refunds = 0.0 %}
  720. {% for transaction in transactions %}
  721. {% if transaction.kind == "refund" and transaction.status == "success" %}
  722. <tr>
  723. <td class="pricing-table-title editable" data-key="refund">Rückerstattung</td>
  724. <td class="pricing-table-text">-{{ transaction.amount | money }}</td>
  725. {% assign total_refunds = total_refunds | plus: transaction.amount %}
  726. </tr>
  727. {% endif %}
  728. {% endfor %}
  729. </tbody>
  730. </table>
  731. </div>
  732. </div>
  733. <div class="row">
  734. <div class="col-xs-12 margin-bottom">
  735. <div class="thanks-text full-editable" data-key="thanks">
  736. <p>Vielen Dank für Ihren Einkauf!</p>
  737. </div>
  738. <div class="terms-text full-editable" data-key="terms_and_conditions">
  739. <p>Bitten lassen Sie es uns wissen, falls Sie irgendwelche Fragen haben.</p>
  740. </div>
  741. </div>
  742. </div>
  743. <div class="row">
  744. <div class="col-xs-12 shop-block col-no-margin">
  745. <div class="shop-address-block full-editable" data-key="shop_block">
  746. <p>Macuwell™ Deutschland GmbH</p>
  747. <p>Hauptstraße 54<br></p>
  748. <p>D-63619 Bad Orb<br></p>
  749. <p>Deutschland<br><br></p>
  750. <p>Geschäftsführer: Steffen Geipel<br></p>
  751. <p>Umsatzsteuer-Identifikationsnummer: HRB 95820<br></p>
  752. <p>Handelsregister: DE 309 364 277<br></p>
  753. </div>
  754. <div class="shop-domain editable" data-key="shop_domain">
  755. </div>
  756. <div class="shop-social">
  757. </div>
  758. </div>
  759. </div>
  760. </div>
  761. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement