Created
June 3, 2020 23:22
-
-
Save tobymarsden/f58f4ae22a6deb1a4fa2e7a421175d19 to your computer and use it in GitHub Desktop.
Chanda's packing slip
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- Winter Breeze --> | |
| <!-- Common Base Styling --> | |
| {% assign primary_font = "Work Sans"%} | |
| {% assign primary_font_color = "#000000" %} <!-- Black text color --> | |
| {% assign primary_font_size = "13px"%} | |
| {% assign secondary_font = "Work Sans"%} | |
| {% assign secondary_font_color = "#333333" %} <!-- Grey text color --> | |
| {% assign theme_color = "#4b3775"%} | |
| <script type="text/javascript"> | |
| var font1Id = 'font-{{ primary_font | replace: " ", "-" }}'; | |
| if (!document.getElementById(font1Id)) { | |
| $.get("https://fonts.googleapis.com/css?family={{ primary_font | replace: " ", "+" }}:300,400,700&subset=latin-ext").done(function(response) { | |
| var pFontCss = response.replace(/ local\(.+?\)\,/g,""); | |
| var pStyle = document.createElement('style'); | |
| var pHead = document.head || document.getElementsByTagName('head')[0]; | |
| pStyle.type = 'text/css'; | |
| pStyle.id = font1Id; | |
| if (pStyle.styleSheet){ | |
| pStyle.styleSheet.cssText = pFontCss; | |
| } else { | |
| pStyle.appendChild(document.createTextNode(pFontCss)); | |
| } | |
| pHead.appendChild(pStyle); | |
| }); | |
| }; | |
| {% if secondary_font != blank and secondary_font != primary_font %} | |
| var font2Id = 'font-{{ secondary_font | replace: " ", "-" }}'; | |
| if (!document.getElementById(font1Id)) { | |
| $.get("https://fonts.googleapis.com/css?family={{ secondary_font | replace: " ", "+" }}:300,400,700&subset=latin-ext").done(function(response) { | |
| var sFontCss = response.replace(/ local\(.+?\)\,/g,""); | |
| var sStyle = document.createElement('style'); | |
| var sHead = document.head || document.getElementsByTagName('head')[0]; | |
| sStyle.type = 'text/css'; | |
| sStyle.id = font2Id; | |
| if (sStyle.styleSheet){ | |
| sStyle.styleSheet.cssText = sFontCss; | |
| } else { | |
| sStyle.appendChild(document.createTextNode(sFontCss)); | |
| } | |
| sHead.appendChild(sStyle); | |
| }); | |
| }; | |
| {% endif %} | |
| </script> | |
| <script> | |
| $(function () { | |
| if (navigator.userAgent.indexOf('Safari') != -1 && | |
| navigator.userAgent.indexOf('Chrome') == -1) { | |
| $("body").addClass("safari"); | |
| } | |
| }); | |
| </script> | |
| <style type="text/css"> | |
| /* ### BASE - PAGE SIZING AND MARGIN SETUP NORMALIZATION ACROSS BROWSERS ### */ | |
| @page { | |
| margin: 12mm !important; | |
| margin-top: 12mm !important; | |
| margin-right: 12mm !important; | |
| margin-bottom: 12mm !important; | |
| margin-left: 12mm !important; | |
| } | |
| @media print { | |
| .safari { | |
| padding-top: 15px; | |
| box-sizing: border-box; | |
| } | |
| .printer-preview-content .printer-preview-content { | |
| padding-left: 15px; | |
| padding-right: 15px; | |
| box-sizing: border-box; | |
| } | |
| } | |
| @media screen { | |
| .printer-preview-content { | |
| padding: 18px 0; | |
| min-height: 800px; | |
| /* background-image: url(http://basehold.it/i/18) */ | |
| } | |
| .printer-preview-content .printer-preview-content { | |
| margin-right: auto; | |
| margin-left: auto; | |
| max-width: 680px; | |
| } | |
| } | |
| @media screen,print { | |
| /* ### BASE - TYPOGRAPHY AND REMOVAL OF STANDARD SHOPIFY STYLING ### */ | |
| .printer-preview-content .t56683 * { | |
| color: {{ secondary_font_color }}; | |
| font-family: '{{ primary_font }}'; | |
| font-size: {{ primary_font_size }}; | |
| font-weight: 400; | |
| line-height: 18px; | |
| text-rendering: optimizeLegibility; | |
| margin: 0 0 0 0; | |
| padding: 0 0 0 0; | |
| -webkit-print-color-adjust: exact; | |
| overflow: visible !important; | |
| } | |
| .printer-preview-content .t56683 h1 { | |
| font-size: 28px; | |
| line-height: 36px; | |
| } | |
| .printer-preview-content .t56683 h2 { | |
| font-size: 18px; | |
| line-height: 36px; | |
| } | |
| .printer-preview-content .t56683 h3 { | |
| font-size: 14px; | |
| line-height: 18px; | |
| } | |
| .printer-preview-content .t56683 h1, | |
| .printer-preview-content .t56683 h2, | |
| .printer-preview-content .t56683 h3 { | |
| margin-bottom: 18px; | |
| } | |
| .printer-preview-content .t56683 a, | |
| .printer-preview-content .t56683 a * { | |
| text-decoration: none !important; | |
| } | |
| .printer-preview-content .t56683 b, | |
| .printer-preview-content .t56683 b * { | |
| font-weight: bold; | |
| } | |
| .printer-preview-content .t56683 .text-right { | |
| text-align: right; | |
| } | |
| .printer-preview-content .t56683 .text-center { | |
| text-align: center; | |
| } | |
| .printer-preview-content .t56683 .no-wrap { | |
| white-space: nowrap; | |
| } | |
| /* ### BASE - GRID AND RE-USABLE LAYOUT COMPONENTS ### */ | |
| .printer-preview-content .t56683 .row { | |
| width: 100%; | |
| display: block; | |
| clear: both; | |
| } | |
| .printer-preview-content .t56683 .row:after { | |
| content: ""; | |
| display: table; | |
| clear: both; | |
| } | |
| .printer-preview-content .t56683 .col-xs-1, | |
| .printer-preview-content .t56683 .col-xs-2, | |
| .printer-preview-content .t56683 .col-xs-3, | |
| .printer-preview-content .t56683 .col-xs-4, | |
| .printer-preview-content .t56683 .col-xs-5, | |
| .printer-preview-content .t56683 .col-xs-6, | |
| .printer-preview-content .t56683 .col-xs-7, | |
| .printer-preview-content .t56683 .col-xs-8, | |
| .printer-preview-content .t56683 .col-xs-9, | |
| .printer-preview-content .t56683 .col-xs-10, | |
| .printer-preview-content .t56683 .col-xs-11, | |
| .printer-preview-content .t56683 .col-xs-12 { | |
| float: left; | |
| min-height: 1px; | |
| margin-bottom: 36px; | |
| } | |
| .printer-preview-content .t56683 .col-xs-12 { | |
| width: 100%; | |
| } | |
| .printer-preview-content .t56683 .col-xs-11 { | |
| width: 91.66666667%; | |
| } | |
| .printer-preview-content .t56683 .col-xs-10 { | |
| width: 83.33333333%; | |
| } | |
| .printer-preview-content .t56683 .col-xs-9 { | |
| width: 75%; | |
| } | |
| .printer-preview-content .t56683 .col-xs-8 { | |
| width: 66.66666667%; | |
| } | |
| .printer-preview-content .t56683 .col-xs-7 { | |
| width: 58.33333333%; | |
| } | |
| .printer-preview-content .t56683 .col-xs-6 { | |
| width: 50%; | |
| } | |
| .printer-preview-content .t56683 .col-xs-5 { | |
| width: 41.66666667%; | |
| } | |
| .printer-preview-content .t56683 .col-xs-4 { | |
| width: 33.33333333%; | |
| } | |
| .printer-preview-content .t56683 .col-xs-3 { | |
| width: 25%; | |
| } | |
| .printer-preview-content .t56683 .col-xs-2 { | |
| width: 16.66666667%; | |
| } | |
| .printer-preview-content .t56683 .col-xs-1 { | |
| width: 8.33333333%; | |
| } | |
| .printer-preview-content .t56683 .col-no-margin { | |
| margin-bottom: 0 !important; | |
| } | |
| .printer-preview-content .t56683 .clear-fix { | |
| clear: both; | |
| } | |
| .printer-preview-content .t56683 .half-margin-top { | |
| margin-top: 9px !important; | |
| } | |
| .printer-preview-content .t56683 .half-margin-bottom { | |
| margin-bottom: 9px !important; | |
| } | |
| .printer-preview-content .t56683 .margin-bottom { | |
| margin-bottom: 18px !important; | |
| margin-top: 1px; | |
| } | |
| .printer-preview-content .t56683 .margin-top { | |
| margin-top: 18px !important; | |
| } | |
| .printer-preview-content .t56683 .double-margin-top { | |
| margin-top: 36px !important; | |
| } | |
| .printer-preview-content .t56683 .double-margin-bottom { | |
| margin-bottom: 36px !important; | |
| } | |
| .printer-preview-content .t56683 .strikethrough { | |
| text-decoration: line-through !important; | |
| } | |
| .printer-preview-content .t56683 .break { | |
| word-break: break-all !important; | |
| } | |
| /* ### BASE - TABLE STYLING ### */ | |
| .printer-preview-content .t56683 table, | |
| .printer-preview-content .t56683 .table { | |
| width: 100%; | |
| max-width: 100%; | |
| background-color: transparent; | |
| border-collapse: collapse; | |
| } | |
| .printer-preview-content .t56683 table thead { | |
| display: table-row-group; | |
| } | |
| .printer-preview-content .t56683 table tbody tr { | |
| page-break-inside:avoid !important; | |
| page-break-after:auto !important; | |
| } | |
| .printer-preview-content .t56683 table tbody tr td { | |
| page-break-inside:avoid !important; | |
| } | |
| .printer-preview-content .t56683 th { | |
| white-space: nowrap; | |
| text-align: left; | |
| vertical-align: middle; | |
| border-top: 0; | |
| border-bottom: 0; | |
| } | |
| .printer-preview-content .t56683 td { | |
| vertical-align: middle; | |
| border-top: 0; | |
| border-bottom: 0; | |
| } | |
| .printer-preview-content .t56683 .order-table tbody > tr:nth-child(odd) td { | |
| background-color: #f9f9f9; | |
| } | |
| .printer-preview-content .t56683 .pricing-table tbody > tr:nth-child(even) > td { | |
| background-color: #f9f9f9; | |
| } | |
| /* .printer-preview-content .t56683 .pricing-table tbody > tr > td.pricing-table-title { | |
| word-break: break-all; | |
| }*/ | |
| .printer-preview-content .t56683 th.order-table-qty { | |
| width: 10%; | |
| } | |
| .printer-preview-content .t56683 th.order-table-price { | |
| width: 10%; | |
| } | |
| .printer-preview-content .t56683 th.order-table-item-total, | |
| .printer-preview-content .t56683 th.order-table-reason { | |
| width: 17%; | |
| } | |
| .printer-preview-content .t56683 th.order-table-return-comments { | |
| width: 30%; | |
| } | |
| .printer-preview-content .t56683 .pricing-table-text { | |
| text-align: right; | |
| white-space: nowrap; | |
| } | |
| /* ### BASE - PRODUCT IMAGE SIZING TO RETAIN LINE HEIGHT RYTHM) ### */ | |
| .printer-preview-content .t56683 .product-image-wrapper { | |
| width: 54px; | |
| max-height: 54px; | |
| } | |
| .printer-preview-content .t56683 .product-image { | |
| padding: 0 4px; | |
| page-break-inside:avoid !important; | |
| max-width: 54px; | |
| } | |
| /* ### BASE - LISTS RESET ### */ | |
| .printer-preview-content .t56683 ul { | |
| list-style: none; | |
| } | |
| .printer-preview-content .t56683 li { | |
| color: {{ secondary_font_color }}; | |
| list-style: none; | |
| } | |
| /* ### BASE - LOGO ### */ | |
| .printer-preview-content .t56683 .logo-wrapper { | |
| display: inline-block; | |
| width: 100%; | |
| padding-bottom: 9px; | |
| } | |
| .printer-preview-content .t56683 .logo { | |
| float: left; | |
| padding-right: 15px; | |
| max-width: 68%; | |
| max-height: 144.16px; | |
| } | |
| /* ### BASE - BARCODE ### */ | |
| .printer-preview-content .t56683 .order-number-barcode, | |
| .printer-preview-content .t56683 .product-barcode { | |
| display: block; | |
| } | |
| /* ### BASE - ADDITONAL COMMON SHARED TYPOGRAPHY AND ALIGNMENT ### */ | |
| .printer-preview-content .t56683 .address { | |
| margin-right: 5%; | |
| } | |
| .printer-preview-content .t56683 .col-xs-8 .notes, | |
| .printer-preview-content .t56683 .col-xs-6 .notes { | |
| margin-right: 20%; | |
| } | |
| .printer-preview-content .t56683 .notes-title, | |
| .printer-preview-content .t56683 .return-codes { | |
| margin: 9px 0; | |
| } | |
| /* ### BASE - HORIZONTAL RULE MARKS ### */ | |
| .printer-preview-content .t56683 hr { | |
| background: {{ theme_color }}; | |
| border-top: 0; | |
| border: 0; | |
| height: 2px; | |
| width: 100%; | |
| margin-bottom: -2px; | |
| } | |
| } | |
| </style> | |
| <!-- Template Specific Styling --> | |
| <style type="text/css"> | |
| @media screen,print { | |
| /* ### DESIGN SPECIFIC - TYPOGRAPHY ### */ | |
| .printer-preview-content .t56683 h1 { | |
| font-family: '{{ secondary_font }}'; | |
| color: {{ theme_color }}; | |
| font-weight: bold; | |
| } | |
| .printer-preview-content .t56683 h2 { | |
| font-family: '{{ secondary_font }}'; | |
| color: {{ primary_font_color }}; | |
| } | |
| .printer-preview-content .t56683 h3 { | |
| font-family: '{{ secondary_font }}'; | |
| color: {{ primary_font_color }}; | |
| } | |
| /* ### DESIGN SPECIFIC - LOGO POSITIONING ### */ | |
| .printer-preview-content .t56683 .logo { | |
| float: right; | |
| padding-right: 0; | |
| margin-bottom: 18px; | |
| } | |
| /* ### DESIGN SPECIFIC - STORE DETAILS ### */ | |
| .printer-preview-content .t56683 .shop-block { | |
| text-align: center; | |
| } | |
| .printer-preview-content .t56683 .shop-block .shop-address-block b, | |
| .printer-preview-content .t56683 .shop-block .shop-address-block b * { | |
| color: {{ primary_font_color }}; | |
| } | |
| .printer-preview-content .t56683 .shop-block .shop-domain { | |
| font-weight: bold; | |
| } | |
| .printer-preview-content .t56683 .shop-return-address b, | |
| .printer-preview-content .t56683 .shop-return-address b * { | |
| color: {{ primary_font_color }}; | |
| } | |
| /* ### DESIGN SPECIFIC - ORDER DETAILS ### */ | |
| .printer-preview-content .t56683 .order-details-title { | |
| display: inline-block; | |
| font-weight: bold; | |
| color: {{ primary_font_color }}; | |
| } | |
| /* ### DESIGN SPECIFIC - BILL TO AND SHIP TO ADDRESS ### */ | |
| .printer-preview-content .t56683 .address-title { | |
| font-weight: bold; | |
| color: {{ theme_color }}; | |
| } | |
| .printer-preview-content .t56683 .address { | |
| margin-left: 2%; | |
| } | |
| /* ### DESIGN SPECIFIC - TABLE HEADER ### */ | |
| .printer-preview-content .t56683 .order-table thead tr th { | |
| padding-left: 4px; | |
| padding-right: 4px; | |
| border-top: 2px solid {{ theme_color }}; | |
| padding-top: 7px; | |
| border-bottom: 2px solid {{ theme_color }}; | |
| padding-bottom:7px; | |
| font-weight: bold; | |
| } | |
| /* ### DESIGN SPECIFIC - TABLE BODY (SHARED) ### */ | |
| .printer-preview-content .t56683 .order-table tbody tr td, | |
| .printer-preview-content .t56683 .pricing-table tbody tr td { | |
| padding-left: 4px; | |
| padding-right: 4px; | |
| border-top: 0; | |
| padding-top: 9px; | |
| border-bottom: 1px solid #efefef; | |
| padding-bottom:8px; | |
| } | |
| /* ### DESIGN SPECIFIC - ORDER TABLE SPECIFIC ### */ | |
| .printer-preview-content .t56683 .order-table tbody > tr > td.line-item-description, | |
| .printer-preview-content .t56683 .order-table tbody > tr > td.line-item-qty { | |
| font-weight: bold; | |
| color: {{ primary_font_color }}; | |
| } | |
| .printer-preview-content .t56683 .order-table tbody > tr > td.line-item-description p.line-item-sku { | |
| font-weight: normal; | |
| } | |
| .printer-preview-content .t56683 .order-table tbody > tr > td.line-item-description span.line-item-refund { | |
| display: inline-block; | |
| padding: 2px 8px; | |
| margin-top: 4px; | |
| background-color: #FFEA8A; | |
| border-radius: 18px; | |
| } | |
| /* ### DESIGN SPECIFIC - PRICING TABLE SPECIFIC ### */ | |
| .printer-preview-content .t56683 .pricing-table tbody > tr.pricing-table-total-row > td { | |
| border-top: 2px solid {{ theme_color }}; | |
| border-bottom: 2px solid {{ theme_color }}; | |
| padding-bottom:7px; | |
| } | |
| .printer-preview-content .t56683 .pricing-table tbody > tr > td.pricing-table-title, | |
| .printer-preview-content .t56683 .pricing-table tbody > tr > td.pricing-table-title span { | |
| font-weight: bold; | |
| color: {{ primary_font_color }}; | |
| } | |
| .printer-preview-content .t56683 .pricing-table tbody > tr.pricing-table-total-row .pricing-table-title, | |
| .printer-preview-content .t56683 .pricing-table tbody > tr.pricing-table-total-row .pricing-table-text { | |
| font-weight: bold; | |
| color: {{ primary_font_color }}; | |
| } | |
| /* ### DESIGN SPECIFIC - ORDER NOTES ### */ | |
| .printer-preview-content .t56683 .notes-title { | |
| font-weight: bold; | |
| color: {{ primary_font_color }}; | |
| } | |
| /* ### DESIGN SPECIFIC - RETURN FORM REASON CODES ### */ | |
| .printer-preview-content .t56683 .return-codes b, | |
| .printer-preview-content .t56683 .return-code b * { | |
| font-weight: bold; | |
| color: {{ primary_font_color }}; | |
| } | |
| /* ### DESIGN SPECIFIC - THANK YOU MESSAGE ### */ | |
| .printer-preview-content .t56683 .thanks-text { | |
| text-align: center; | |
| font-weight: bold; | |
| color: {{ theme_color }}; | |
| } | |
| .printer-preview-content .t56683 .thanks-text * { | |
| font-weight: bold; | |
| color: {{ theme_color }}; | |
| } | |
| /* ### DESIGN SPECIFIC - GIFT MESSAGE ### */ | |
| .printer-preview-content .t56683 .gift-text { | |
| text-align: center; | |
| font-weight: bold; | |
| width: 80%; | |
| margin: 0 10%; | |
| padding-bottom:18px; | |
| font-size: 18px; | |
| } | |
| .printer-preview-content .t56683 .gift-text * { | |
| font-weight: bold; | |
| font-size: 18px; | |
| } | |
| .printer-preview-content .t56683 .gift-text svg { | |
| padding-bottom:9px; | |
| } | |
| /* ### DESIGN SPECIFIC - TERMS AND CONDITIONS ### */ | |
| .printer-preview-content .t56683 .terms-text { | |
| font-size: 11px; | |
| text-align: center; | |
| } | |
| .printer-preview-content .t56683 .terms-text * { | |
| font-size: 11px; | |
| } | |
| /* ### DESIGN SPECIFIC - SOCIAL ICONS ### */ | |
| .printer-preview-content .t56683 .social-icons { | |
| display: inline; | |
| width: 20px; | |
| margin: 9px 4px; | |
| } | |
| } | |
| </style> | |
| <div class="printer-preview-content" contenteditable="true" spellcheck="false" title="Click to edit text (changes will be printed but not saved)"> | |
| <div class="t56683"> | |
| <div class="row"> | |
| <div id="header-row"> | |
| <div class="col-xs-6"> | |
| <div class="template-title"> | |
| <h1 class="editable" data-key="template_type_name">Packing Slip</h1> | |
| </div> | |
| <ul class="order-details"> | |
| <li class="order-details-name"> | |
| <span class="order-details-title editable" data-key="order">Order</span> | |
| <span class="order-details-text">{{ order_name }}</span> | |
| </li> | |
| <li class="order-details-date"> | |
| <span class="order-details-title editable" data-key="date">Order Date</span> | |
| <span class="order-details-text">{{ created_at | date: "%B %d, %Y" }}</span> | |
| </li> | |
| {% if shipping_method.title != blank %} | |
| <li class="order-details-shipping"> | |
| <span class="order-details-title editable" data-key="shipping_method">Shipping</span> | |
| <span class="order-details-text">{{ shipping_method.title }}</span> | |
| </li> | |
| {% endif %} | |
| </ul> | |
| </div> | |
| <div class="col-xs-6 col-no-margin"> | |
| <div class="logo-wrapper"> | |
| <a href="https://{{ shop.domain }}" target="_blank"> | |
| <img class="logo" alt="Logo" src="https://cdn.filestackcontent.com/api/file/igrCqaEQNiSx6EZglhCA/convert?fit=max&h=1200&w=2400" /> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="row"> | |
| <div class="col-xs-2"> | |
| <div class="address-title bill-to-title editable" data-key="bill_to">Bill to</div> | |
| </div> | |
| <div class="col-xs-4"> | |
| <ul class="address"> | |
| {% if billing_address and billing_address != blank %} | |
| <li>{{ billing_address.name }}</li> | |
| {% if billing_address.company != blank %} | |
| <li>{{ billing_address.company }}</li> | |
| {% endif %} | |
| <li>{{ billing_address.address1 }}</li> | |
| {% if billing_address.address2 != blank %} | |
| <li>{{ billing_address.address2 }}</li> | |
| {% endif %} | |
| <li>{{ billing_address.city }}, {% if billing_address.province_code != blank %}{{ billing_address.province_code }}{% else %}{{ billing_address.province }}{% endif %} {{ billing_address.zip | upcase }}</li> | |
| {% if shop.country != billing_address.country %} | |
| <li>{{ billing_address.country }}</li> | |
| {% endif %} | |
| {% elsif customer != blank and customer.default_address != blank %} | |
| <li>{{ customer.name }}</li> | |
| {% if customer.default_address.company != blank %} | |
| <li>{{ customer.default_address.company }}</li> | |
| {% endif %} | |
| <li>{{ customer.default_address.address1 }}</li> | |
| {% if customer.default_address.address2 != blank %} | |
| <li>{{ customer.default_address.address2 }}</li> | |
| {% endif %} | |
| <li>{{ customer.default_address.city }}, {% if customer.default_address.province_code != blank %}{{ customer.default_address.province_code }}{% else %}{{ customer.default_address.province }}{% endif %} {{ customer.default_address.zip | upcase }}</li> | |
| {% if shop.country != customer.default_address.country %} | |
| <li>{{ customer.default_address.country }}</li> | |
| {% endif %} | |
| {% elsif customer != blank %} | |
| {% if customer.name != blank %} | |
| <li>{{ customer.name }}</li> | |
| {% endif %} | |
| {% if customer.email != blank %} | |
| <li>{{ customer.email }}</li> | |
| {% endif %} | |
| {% endif %} | |
| </ul> | |
| </div> | |
| <div class="col-xs-2"> | |
| {% if shipping_address and shipping_address != "" and shipping_address != nil %} | |
| <div class="address-title ship-to-title editable" data-key="ship_to">Ship to</div> | |
| {% endif %} | |
| </div> | |
| <div class="col-xs-4"> | |
| <ul class="address"> | |
| {% if shipping_address and shipping_address != blank %} | |
| <li>{{ shipping_address.name }}</li> | |
| {% if shipping_address.company != blank %} | |
| <li>{{ shipping_address.company }}</li> | |
| {% endif %} | |
| <li>{{ shipping_address.address1 }}</li> | |
| {% if shipping_address.address2 != blank %} | |
| <li>{{ shipping_address.address2 }}</li> | |
| {% endif %} | |
| <li>{{ shipping_address.city }}, {% if shipping_address.province_code != blank %}{{ shipping_address.province_code }}{% else %}{{ shipping_address.province }}{% endif %} {{ shipping_address.zip | upcase }}</li> | |
| {% if shop.country != shipping_address.country %} | |
| <li>{{ shipping_address.country }}</li> | |
| {% endif %} | |
| {% endif %} | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="row"> | |
| <div class="col-xs-12 col-no-margin"> | |
| <table class="order-table table"> | |
| <thead> | |
| <tr> | |
| <th colspan=2 class="order-table-title editable" data-key="item">Item Description</th> | |
| <th class="order-table-qty text-center editable" data-key="qty">Qty</th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| <!-- Bold Product Options Snippet 1 --> | |
| {% assign hidden_variant_ids = "" %} | |
| {% for line_item in line_items %} | |
| {% if line_item.properties._boldVariantIds %} | |
| {% assign hidden_variant_ids = hidden_variant_ids | append: ',' %} | |
| {% assign hidden_variant_ids = hidden_variant_ids | append: line_item.properties._boldVariantIds %} | |
| {% endif %} | |
| {% endfor %} | |
| {% assign hidden_variant_ids = hidden_variant_ids | split: ',' %} | |
| <!-- END Bold Product Options Snippet 1 --> | |
| {% for line_item in line_items %} | |
| {% if line_item.quantity < 1 %}{% continue %}{% endif %} | |
| <!-- Bold Product Options Snippet 2 --> | |
| {% if hidden_variant_ids contains line_item.variant_id %}{% continue %}{% endif %} | |
| {% assign adjusted_item_price = line_item.price %} | |
| {% assign adjusted_line_price = line_item.price | times: line_item.quantity %} | |
| {% for line_item2 in line_items %} | |
| {% if line_item.properties._boldVariantIds contains line_item2.variant_id %} | |
| {% assign adjusted_item_price = adjusted_item_price | plus: line_item2.price %} | |
| {% assign adjusted_line_option_price = line_item2.price | times: line_item.quantity %} | |
| {% assign adjusted_line_price = adjusted_line_price | plus: adjusted_line_option_price %} | |
| {% endif %} | |
| {% endfor %} | |
| <!-- END Bold Product Options Snippet 2 --> | |
| <tr> | |
| <td class="product-image-wrapper">{% if line_item.image != blank %}<img class="product-image" src="{{ line_item.image | img_url: 'medium' }}"/>{% endif %}</td> | |
| <td class="line-item-description"> | |
| <p style="font-weight: 700;"><a href="https://{{ shop.domain }}/products/{{ line_item.product.handle }}" style="font-weight: 700;color: inherit;" target="_blank"> | |
| {{ line_item.title | replace: " - Default Title", "" }}</a></p> | |
| {% if line_item.sku != blank %} | |
| <p class="line-item-sku">{{ line_item.sku }}</p> | |
| {% endif %} | |
| {% for p in line_item.properties %} | |
| {% assign p_internal = p.first | slice: 0 %} | |
| {% 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 %} | |
| {% if p.last contains "/uploads/" or p.last contains ".png?" or p.last contains ".jpg?" or p.last contains "//uploadery.s3" %} | |
| <p class="line-item-property">{{ p.first }}:<br> | |
| </p> | |
| <a href="{{ p.last }}" target="_blank"><img src="{{ p.last }}" alt="{{ p.first }}" width="60" border="0" style="width: 60px; height: auto !important;"></a> | |
| {% else %} | |
| <p class="line-item-property">{{ p.first }}: {{ p.last | newline_to_br }}</p> | |
| {% endif %} | |
| {% endunless %} | |
| {% if p.first contains "direct link" %} | |
| <a href="{{ p.last }}" target="_blank"><img src="{{ p.last }}" width="60" border="0" style="width: 60px; height: auto !important;"></a> | |
| {% endif %} | |
| {% endfor %} | |
| {% assign refunded_quantity = 0 %} | |
| {% for refund in refunds %} | |
| {% for refund_line_item in refund.refund_line_items %} | |
| {% if line_item.id == refund_line_item.line_item_id %} | |
| {% assign refunded_quantity = refunded_quantity | plus: refund_line_item.quantity %} | |
| {% endif %} | |
| {% endfor %} | |
| {% endfor %} | |
| {% if refunded_quantity > 0 %} | |
| <span class="line-item-refund">Refunded × {{ refunded_quantity }}</span> | |
| {% endif %} | |
| </td> | |
| <td class="text-center line-item-qty">× {{ line_item.quantity }}</td> | |
| </tr> | |
| {% endfor %} | |
| </tbody> | |
| </table> | |
| </div> | |
| </div> | |
| <div class="row"> | |
| <div class="col-xs-12"> | |
| <div class="notes"> | |
| {% if note != blank %} | |
| <div class="notes-title editable" data-key="order_notes">Notes</div> | |
| {% endif %} | |
| <div class="notes-text"> | |
| {{ note | newline_to_br }} | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="row"> | |
| <div class="col-xs-12 margin-bottom"> | |
| <div class="thanks-text full-editable" data-key="thanks"> | |
| <p>Thanks for your business!</p> | |
| </div> | |
| <div class="terms-text full-editable" data-key="terms_and_conditions"> | |
| <p> | |
| <p>If you have any questions please let us know.</p> | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="row"> | |
| <div class="col-xs-12 shop-block col-no-margin"> | |
| <div class="shop-address-block full-editable" data-key="shop_block"> | |
| <p> | |
| <b>Custom Charm Creations</b> | |
| </p> | |
| <p>PO Box 587 / Independence, KY 41051</p> | |
| <p>orders@customcharmcreations.com</p> | |
| </div> | |
| <a href="https://{{ shop.domain }}" target="_blank"> | |
| <div class="shop-domain editable" data-key="shop_domain"> | |
| www.customcharmcreations.com | |
| </div> | |
| </a> | |
| <div class="shop-social"> | |
| <a href="https://www.facebook.com/shopify" target="_blank"> | |
| <img class="social-icons" src="https://cdn.shopify.com/s/files/1/0398/5025/files/Fb_icon.jpg?11755453313570768267"/> | |
| </a> | |
| <a href="https://instagram.com/shopify" target="_blank"> | |
| <img class="social-icons" src="https://cdn.shopify.com/s/files/1/0398/5025/files/instagram_9.png?576915513262272927"/> | |
| </a> | |
| <a href="https://twitter.com/shopify" target="_blank"> | |
| <img class="social-icons" src="https://cdn.shopify.com/s/files/1/0398/5025/files/twitter_Icon.png?11314827648007113849"/> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment