API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 13th, 2019
105
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 14.71 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="{{ locale }}" dir="{{ direction }}" class="{{ checkout_html_classes }}">
  3.  
  4. <head>
  5.     <meta charset="utf-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0, height=device-height, minimum-scale=1.0, user-scalable=0">
  8.     <meta name="referrer" content="origin">
  9.     <title>{{ page_title }}</title>
  10.     {{ content_for_header }}
  11.     {{ checkout_stylesheets }}
  12.     {{ checkout_scripts }}
  13.     <script type="text/javascript">
  14.         {% assign subtotalEUR = checkout.line_items_subtotal_price | money_without_currency %}
  15.         {% case shop.domain %}
  16.             {% when 'dk.organicbasics.com' or 'tarteletter.organicbasics.com' %}
  17.                 {% assign subtotalEUR = subtotalEUR | divided_by: 7.44 %}
  18.             {% when 'us.organicbasics.com' %}
  19.                 {% assign subtotalEUR = subtotalEUR | times: 0.91 %}
  20.             {% when 'uk.organicbasics.com' %}
  21.                 {% assign subtotalEUR = subtotalEUR | times: 1.15 %}
  22.         {% endcase %}
  23.         {% comment %}
  24.             Go through all the discounts active on the order and add them to the GTM DataLayer
  25.         {% endcomment %}
  26.         {% assign discount = '' %}
  27.         {% for discount_appli in checkout.order.discount_applications %}
  28.             {% if discount_appli.type == 'discount_code' %}
  29.                 {% assign discount = discount_appli.title %}
  30.             {% endif %}
  31.         {% endfor %}
  32.         var dataLayer = window.dataLayer || []
  33.         dataLayer.push({
  34.             'customerID': '{{ checkout.customer.id }}',
  35.             'discountTitle': '{{ discount }}',
  36.             'orderNumber': '{{ checkout.order.name }}',
  37.             'subtotalPrice': {{ checkout.line_items_subtotal_price | money_without_currency | replace: ',', '.' }},
  38.             'subtotalEUR': {{ subtotalEUR | round: 2 }},
  39.             'shopCurrency': '{{ shop.currency }}'
  40.         })
  41.     </script>
  42.     <!-- Google Tag Manager -->
  43.     <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  44.     new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  45.     j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  46.     'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  47.     })(window,document,'script','dataLayer','GTM-W7KQZF7');</script>
  48.     <!-- End Google Tag Manager -->
  49.     <style type="text/css">
  50.  
  51.     /* Chooose Shipping Nudge */
  52.     svg .st0 {
  53.         fill: #FFFFFF;
  54.     }
  55.  
  56.     svg .st1 {
  57.         fill: none;
  58.         stroke: #000000;
  59.         stroke-width: 2;
  60.         stroke-miterlimit: 10;
  61.     }
  62.  
  63.     svg .st2 {
  64.         fill: none;
  65.         stroke: #A1A4A9;
  66.         stroke-width: 2;
  67.         stroke-miterlimit: 10;
  68.     }
  69.  
  70.     svg .st3 {
  71.         fill: #A1A4A9;
  72.     }
  73.  
  74.     svg .st4 {
  75.         fill: none;
  76.         stroke: #41A033;
  77.         stroke-miterlimit: 10;
  78.     }
  79.  
  80.     .chooose-cart-nudge {
  81.         align-items: center;
  82.         display: flex;
  83.         padding: 20px 0;
  84.     }
  85.  
  86.     .chooose-cart-nudge.hidden {
  87.         display: none;
  88.     }
  89.  
  90.     .chooose-cart-nudge svg#sun {
  91.         display: inline-block;
  92.         height: 30px;
  93.     }
  94.  
  95.     .chooose-cart-nudge svg#sun .st0 {
  96.         stroke-width: 2px;
  97.     }
  98.  
  99.     .chooose-cart-nudge svg#chooose {
  100.         height: 8px;
  101.     }
  102.  
  103.     .chooose-cart-nudge p {
  104.         display: inline-block;
  105.         flex-grow: 1;
  106.         font-size: 1em;
  107.         margin: 0;
  108.         padding: 0 0 0 5px;
  109.     }
  110.     </style>
  111. </head>
  112.  
  113. <body>
  114.     <!-- Google Tag Manager (noscript) -->
  115.     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W7KQZF7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  116.     <!-- End Google Tag Manager (noscript) -->
  117.     {{ skip_to_content_link }}
  118.     {% comment %} {% include 'navigation' %} {% endcomment %}
  119.     <div class="banner" data-header>
  120.         <div class="wrap">
  121.             {{ content_for_logo }}
  122.         </div>
  123.     </div>
  124.     {{ order_summary_toggle }}
  125.     <div class="content" data-content>
  126.         <div class="wrap">
  127.             <div class="main" role="main">
  128.                 <div class="main__header">
  129.                     {{ content_for_logo }}
  130.                     {{ breadcrumb }}
  131.                     {{ alternative_payment_methods }}
  132.                 </div>
  133.                 <div class="main__content">
  134.                     {{ content_for_layout }}
  135.                     <div class="chooose-cart-nudge hidden" id="chooose-cart-nudge">
  136.                         <?xml version="1.0" encoding="utf-8"?>
  137.                         <!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  138.                         <svg version="1.1" id="sun" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 45.4 45.4" style="enable-background:new 0 0 45.4 45.4;" xml:space="preserve">
  139.                             <g>
  140.                                 <circle class="st1" cx="22.7" cy="22.7" r="7.5" />
  141.                                 <line class="st1" x1="22.7" y1="9.8" x2="22.7" y2="1.2" />
  142.                                 <line class="st1" x1="13.6" y1="13.6" x2="7.5" y2="7.5" />
  143.                                 <line class="st1" x1="9.8" y1="22.7" x2="1.2" y2="22.7" />
  144.                                 <line class="st1" x1="13.6" y1="31.8" x2="7.5" y2="37.9" />
  145.                                 <line class="st1" x1="22.7" y1="35.5" x2="22.7" y2="44.2" />
  146.                                 <line class="st1" x1="31.8" y1="31.8" x2="37.9" y2="37.9" />
  147.                                 <line class="st1" x1="35.5" y1="22.7" x2="44.2" y2="22.7" />
  148.                                 <line class="st1" x1="31.8" y1="13.6" x2="37.9" y2="7.5" />
  149.                             </g>
  150.                             <ellipse class="st4" cx="56" cy="23.4" rx="103.8" ry="59.9" />
  151.                         </svg>
  152.                         <p>We are a carbon balanced company so production and shipping is CO₂ neutral in collaboration with
  153.                             <?xml version="1.0" encoding="utf-8"?>
  154.                             <!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  155.                             <svg version="1.1" id="chooose" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 626.4 81.1" style="enable-background:new 0 0 626.4 81.1;" xml:space="preserve">
  156.                                 <title>CHOOOSE</title>
  157.                                 <g id="Rzw6MU.tif">
  158.                                     <path class="st0" d="M177.7,40.8c0-12.7,0-25.3,0-38c0-1.8-0.4-2.6-2.4-2.5c-3.6,0.2-7.3,0-11,0.1c-3.3,0-3.2-0.6-3.2,3.1
  159.                c0,8.9,0,17.7,0,26.6c0,1.7-0.4,2.4-2.3,2.4c-18.8-0.1-37.6-0.1-56.4,0c-1.9,0-2.4-0.6-2.4-2.4c0.1-9.1,0-18.1,0.1-27.2
  160.                c0-1.8-0.4-2.5-2.4-2.5c-3.8,0.2-7.7,0-11.6,0c-2.6,0-2.6,0-2.6,2.6v39.5c0,12,0,24,0,36c0,1.9,0.6,2.5,2.5,2.5
  161.                c3.8-0.1,7.6,0,11.4,0c2.6,0,2.7-0.1,2.7-2.6c0-8.9,0-17.9,0-26.8c0-2.6,0-2.6,2.6-2.6c18.7,0,37.3,0,56,0c2.1,0,2.5,0.7,2.5,2.6
  162.                c-0.1,9.1,0,18.1-0.1,27.2c0,1.7,0.5,2.4,2.3,2.4c3.9-0.1,7.7,0,11.5,0c2.6,0,2.6,0,2.6-2.6L177.7,40.8z M626.3,0.6
  163.                c-0.9,0-1.5-0.1-2.2-0.1c-21.5,0-43.1,0-64.6,0c-1.8,0-2.2,0.6-2.2,2.3c0,9.2,0,18.4,0,27.6c0,16,0,32.1,0,48.1
  164.                c0,1.4-0.1,2.7,2,2.7c21.7-0.1,43.3-0.1,65,0c1.4,0,2-0.5,1.9-1.9c-0.1-3.9,0-7.8,0-11.7c0-2.9,0-2.9-2.8-2.9
  165.                c-15.8,0-31.6,0-47.4,0c-1.7,0-2.3-0.5-2.2-2.2c0.1-3.6,0.1-7.3,0-11c-0.1-1.9,0.6-2.4,2.5-2.4c10.5,0.1,21,0,31.5,0.1
  166.                c1.8,0,2.4-0.6,2.4-2.4c-0.1-3.9-0.1-7.8,0-11.7c0-1.9-0.5-2.5-2.4-2.5c-10.6,0.1-21.1,0-31.7,0.1c-1.7,0-2.3-0.5-2.2-2.2
  167.                c0.1-3.6,0-7.2,0-10.8c0-2.6,0-2.6,2.5-2.6h46.8c0.6,0.1,1.3,0.1,1.9-0.1c0.5-0.2,1.1-0.8,1.1-1.2C626.4,10.7,626.3,5.8,626.3,0.6z
  168.                 M288.6,40.5c-0.2,22.1,17.6,40.2,39.7,40.5c22,0.2,40-17.3,40.4-39.3c0.6-22.2-17-40.7-39.2-41.3c-0.2,0-0.4,0-0.6,0
  169.                C306.9,0.2,288.1,18.7,288.6,40.5z M424.5,0.5c-22.1-0.1-40.1,17.8-40.1,39.9c0,0.1,0,0.2,0,0.3c0,22.2,17.4,40.4,40.2,40.3
  170.                c22.5,0,40-17.8,40-40.3c0.1-22.1-17.6-40.1-39.7-40.2C424.8,0.4,424.7,0.4,424.5,0.5L424.5,0.5z M273.4,40.6
  171.                C274,19,255.5,0.5,233.8,0.4c-22.2-0.5-40.6,17.2-41.1,39.4s17.2,40.6,39.4,41.1c0.4,0,0.8,0,1.2,0C256.3,81.1,274,61.8,273.4,40.6
  172.                z M532.3,25.5c2.2,0,4.3-0.1,6.5,0s2.5-0.7,2.3-2.5c-0.7-8.8-5.5-14.7-13-18.7c-6.4-3.4-13.4-4.2-20.5-3.8c-7,0.2-13.8,2.7-19.3,7
  173.                c-10.5,8.1-11.4,25.4,1.6,33.1c6.2,3.6,13,5.3,19.8,7c3.6,0.8,7.1,2.1,10.5,3.7c5.2,2.7,5.8,9.1,1.4,13.1c-2.1,1.8-4.8,2.8-7.5,2.9
  174.                c-4.7,0.5-9.3,0.3-13.4-2.2c-3.5-2.1-5.1-5.4-5.8-9.3c-0.1-0.4-1-1-1.5-1c-4.6-0.1-9.1,0-13.7,0c-1.4,0-2.2,0.7-1.8,2
  175.                c0.8,3,1.3,6.1,2.6,8.7c4,7.9,11,12.2,19.3,14.3c8.1,2.1,16.5,1.9,24.5-0.7c8.5-2.8,15.1-7.7,17.2-17c1.6-7.4,0-14-5.8-19.2
  176.                c-4.8-4.3-10.8-6.2-16.8-7.9c-5.4-1.5-10.9-2.7-16.1-4.7c-6.2-2.3-6.9-9.6-1.7-13.6c8.1-6.2,20.1-2.3,22.6,7.5
  177.                c0.1,0.9,0.9,1.6,1.8,1.5c0,0,0.1,0,0.1,0C527.7,25.5,530,25.5,532.3,25.5z M40.3,0c-3.6,0.5-7.2,1.1-10.7,1.9
  178.                C15.5,6,6.2,15.3,1.8,29.3c-3.1,10-2,19.7,2.4,29.1c9.8,19.9,34,28.1,53.9,18.3c3.2-1.6,6.2-3.6,8.9-6c1.7-1.5,1.7-1.8,0.2-3.4
  179.                c-2.7-2.7-5.5-5.4-8.1-8.2c-1.4-1.5-2.3-1.4-3.8-0.1c-5.9,5.1-14,6.8-21.5,4.5c-12.5-3.5-19.8-16.6-16.3-29.1
  180.                c0.2-0.7,0.4-1.3,0.7-2c3-7.6,8.4-12.7,16.4-14.7c7.5-2.1,15.5-0.2,21.2,5c1.3,1.1,2,0.9,3.1-0.2c2.8-2.9,5.7-5.8,8.6-8.6
  181.                c1.3-1.2,1.1-2.1-0.1-3.2C59.8,4.1,50.3,0.3,40.3,0z" />
  182.                                     <path d="M177.7,40.8v37.6c0,2.6-0.1,2.6-2.6,2.6c-3.9,0-7.7-0.1-11.5,0c-1.9,0.1-2.3-0.6-2.3-2.4c0-9.1,0-18.1,0.1-27.2
  183.                c0-1.9-0.4-2.6-2.5-2.6c-18.7,0.1-37.3,0-56,0c-2.6,0-2.6,0-2.6,2.6c0,8.9,0,17.9,0,26.8c0,2.5-0.1,2.6-2.7,2.6
  184.                c-3.8,0-7.6-0.1-11.4,0c-1.9,0.1-2.5-0.6-2.5-2.5c0.1-12,0-24,0-36V3c0-2.6,0-2.6,2.6-2.6c3.9,0,7.7,0.1,11.6,0
  185.                c2-0.1,2.4,0.7,2.4,2.5c-0.1,9.1,0,18.1-0.1,27.2c0,1.9,0.5,2.4,2.4,2.4c18.8-0.1,37.6-0.1,56.4,0c1.9,0,2.3-0.6,2.3-2.4
  186.                c-0.1-8.9,0-17.7,0-26.6c0-3.7-0.1-3.1,3.2-3.1c3.7,0,7.3,0.1,11-0.1c2-0.1,2.4,0.7,2.4,2.5C177.7,15.5,177.7,28.2,177.7,40.8z" />
  187.                                     <path d="M626.3,0.6c0,5.2,0,10.2,0,15.1c0,0.4-0.6,1-1.1,1.2c-0.6,0.1-1.3,0.2-1.9,0.1h-46.8c-2.5,0-2.5,0-2.5,2.6
  188.                c0,3.6,0.1,7.2,0,10.8c-0.1,1.7,0.5,2.2,2.2,2.2c10.6-0.1,21.1,0,31.7-0.1c1.9,0,2.5,0.6,2.4,2.5c-0.1,3.9-0.1,7.8,0,11.7
  189.                c0,1.8-0.6,2.4-2.4,2.4c-10.5-0.1-21,0-31.5-0.1c-1.9,0-2.5,0.5-2.5,2.4c0.1,3.6,0.1,7.3,0,11c0,1.7,0.5,2.2,2.2,2.2
  190.                c15.8-0.1,31.6,0,47.4,0c2.8,0,2.8,0,2.8,2.9c0,3.9,0,7.8,0,11.7c0,1.4-0.5,1.9-1.9,1.9c-21.7,0-43.3,0-65,0c-2.1,0-2-1.2-2-2.7
  191.                c0-16,0-32.1,0-48.1c0-9.2,0-18.4,0-27.6c0-1.6,0.4-2.3,2.2-2.3c21.5,0.1,43.1,0.1,64.6,0C624.8,0.4,625.4,0.5,626.3,0.6z" />
  192.                                     <path d="M532.3,25.5c-2.3,0-4.6,0-6.8,0c-0.9,0.1-1.7-0.4-1.9-1.3c0,0,0-0.1,0-0.1C521,14.2,509,10.2,501,16.5
  193.                c-5.2,4.1-4.5,11.3,1.7,13.6c5.2,2,10.7,3.2,16.1,4.7c6.1,1.7,12,3.6,16.8,7.9c5.8,5.2,7.4,11.8,5.8,19.2c-2,9.3-8.6,14.2-17.2,17
  194.                c-7.9,2.6-16.4,2.8-24.5,0.7c-8.4-2.1-15.3-6.4-19.3-14.3c-1.3-2.7-1.9-5.8-2.6-8.7c-0.3-1.4,0.4-2.1,1.8-2c4.6,0,9.1,0,13.7,0
  195.                c0.5,0,1.5,0.6,1.5,1c0.8,3.9,2.3,7.2,5.8,9.3c4.2,2.5,8.7,2.7,13.4,2.2c2.8-0.1,5.4-1.1,7.5-2.9c4.4-4,3.9-10.4-1.4-13.1
  196.                c-3.3-1.6-6.8-2.8-10.4-3.7c-6.8-1.7-13.6-3.4-19.8-7c-13-7.7-12.1-25-1.6-33.1c5.5-4.3,12.3-6.8,19.3-7c7.1-0.3,14.1,0.4,20.5,3.8
  197.                c7.5,4,12.3,9.9,13,18.7c0.1,1.8-0.4,2.7-2.3,2.5S534.5,25.5,532.3,25.5z" />
  198.                                     <path d="M40.3,0c9.9,0.3,19.4,4.1,26.8,10.7c1.2,1.1,1.4,2,0.1,3.2c-2.9,2.8-5.8,5.7-8.6,8.6c-1.1,1.1-1.8,1.3-3.1,0.2
  199.                c-5.8-5.2-13.8-7.1-21.2-5c-7.9,2-13.4,7.1-16.4,14.7c-4.6,12.2,1.5,25.8,13.6,30.4c0.7,0.2,1.3,0.5,2,0.7
  200.                c7.4,2.4,15.6,0.7,21.5-4.5c1.6-1.3,2.4-1.4,3.8,0.1c2.6,2.8,5.4,5.5,8.1,8.2c1.6,1.6,1.6,1.9-0.2,3.4
  201.                c-16.6,14.7-42.1,13.2-56.8-3.4c-2.4-2.7-4.4-5.7-6-8.9C-0.3,49-1.3,39.2,1.8,29.3C6.2,15.3,15.5,6,29.6,1.9
  202.                C33.2,1.1,36.7,0.4,40.3,0z" />
  203.                                     <path d="M328.9,0.4c-22.1-0.2-40.8,18.3-40.3,40.1c-0.2,22.1,17.6,40.2,39.7,40.5c22,0.2,40-17.3,40.4-39.3
  204.                c0.6-22.2-17-40.7-39.2-41.3C329.3,0.4,329.1,0.4,328.9,0.4z M328.5,64.4c-13.1,0-23.7-10.7-23.7-23.8c0-13.1,10.7-23.7,23.8-23.7
  205.                c12.8,0,23.3,10.3,23.7,23.1c0.3,13.1-10,24-23.1,24.3C329,64.4,328.8,64.4,328.5,64.4L328.5,64.4z" />
  206.                                     <path d="M424.5,0.4c-22.1-0.1-40.1,17.8-40.1,39.9c0,0.1,0,0.2,0,0.3c0,22.2,17.4,40.4,40.2,40.3c22.5,0,40-17.8,40-40.3
  207.                c0.1-22.1-17.6-40-39.7-40.2C424.8,0.4,424.7,0.4,424.5,0.4z M424.5,64.4c-13.1,0-23.7-10.6-23.7-23.7s10.6-23.7,23.7-23.7
  208.                c13.1,0,23.7,10.6,23.7,23.7c0,0,0,0.1,0,0.1c0.1,12.9-10.2,23.5-23.1,23.6C424.9,64.4,424.7,64.4,424.5,64.4z" />
  209.                                     <path d="M273.4,40.6C274,19,255.5,0.5,233.8,0.4c-22.2-0.5-40.6,17.2-41.1,39.4s17.2,40.6,39.4,41.1c0.4,0,0.8,0,1.2,0
  210.                C256.3,81.1,274,61.8,273.4,40.6z M233.4,64.4c-13.1-0.1-23.7-10.7-23.6-23.8s10.7-23.7,23.8-23.6l0,0
  211.                c13.1,0.1,23.7,10.7,23.6,23.8S246.5,64.4,233.4,64.4z" />
  212.                                 </g>
  213.                             </svg>
  214.                         </p>
  215.                     </div>
  216.                 </div>
  217.                 <div class="main__footer">
  218.                     {{ content_for_footer }}
  219.                 </div>
  220.             </div>
  221.             <div class="sidebar" role="complementary">
  222.                 <div class="sidebar__header">
  223.                     {{ content_for_logo }}
  224.                 </div>
  225.                 <div class="sidebar__content">
  226.                     {{ content_for_order_summary }}
  227.                 </div>
  228.             </div>
  229.         </div>
  230.     </div>
  231.     {{ tracking_code }}
  232.     <script>
  233.     {% comment %} Expand customer details by default on mobile devices {% endcomment %}
  234.     if (Shopify.Checkout.step === "contact_information") {
  235.         Checkout.$('[data-drawer-toggle="[data-order-summary]"]').click();
  236.     }
  237.  
  238.     {% comment %} When we're on the shipping step, show the Chooose nudge {% endcomment %}
  239.     if (Shopify.Checkout.step === 'shipping_method') {
  240.         document.getElementById('chooose-cart-nudge').classList.remove('hidden')
  241.     }
  242.     else {
  243.         document.getElementById('chooose-cart-nudge').classList.add('hidden')
  244.     }
  245.     </script>
  246. </body>
  247.  
  248. </html>
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!