CINXE.COM
Black Oversized Tote Bag – Locomotive Store®
<!doctype html><html class="is-loading" lang="en" data-template="product" data-debug="false" > <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="theme-color" content=""> <meta name="google-site-verification" content=""> <link rel="canonical" href="https://store.locomotive.ca/products/oversized-tote-bag"> <link rel="preconnect" href="https://cdn.shopify.com" crossorigin> <link rel="apple-touch-icon" sizes="180x180" href="//store.locomotive.ca/cdn/shop/t/5/assets/apple-touch-icon.png?v=135386374041147045161679581478" > <link rel="icon" type="image/png" sizes="32x32" href="//store.locomotive.ca/cdn/shop/t/5/assets/favicon-32x32.png?v=148372380345240640521679581481" > <link rel="icon" type="image/png" sizes="16x16" href="//store.locomotive.ca/cdn/shop/t/5/assets/favicon-16x16.png?v=159934525658755017031679581480" > <link rel="manifest" href="//store.locomotive.ca/cdn/shop/t/5/assets/site.webmanifest?v=109735028075697398171679581484"> <link rel="mask-icon" href="//store.locomotive.ca/cdn/shop/t/5/assets/safari-pinned-tab.svg?v=48322363046777585191679581484" color="#000000" > <meta name="msapplication-TileColor" content="#000000"> <meta name="theme-color" content="#000000"> <link rel="preload" href="//store.locomotive.ca/cdn/shop/t/5/assets/HelveticaNowDisplay-Regular.woff2" as="font" type="font/woff2" crossorigin > <link rel="preload" href="//store.locomotive.ca/cdn/shop/t/5/assets/PPLocomotiveNew-Light.woff2" as="font" type="font/woff2" crossorigin > <title> Black Oversized Tote Bag – Locomotive Store®</title> <meta name="description" content="Premium black tote bag crafted from durable 12 oz canvas and measuring 25" x 16" x 8". The exterior of the bag is embellished with a white Locomotive® logo on the front and white glyphs on the back, while the interior features a bottle pocket for added convenience. The bag is meticulously constructed with tonal stitchi"> <meta property="og:site_name" content="Locomotive Store®"> <meta property="og:url" content="https://store.locomotive.ca/products/oversized-tote-bag"> <meta property="og:title" content="Black Oversized Tote Bag"> <meta property="og:type" content="product"> <meta property="og:description" content="Premium black tote bag crafted from durable 12 oz canvas and measuring 25" x 16" x 8". The exterior of the bag is embellished with a white Locomotive® logo on the front and white glyphs on the back, while the interior features a bottle pocket for added convenience. The bag is meticulously constructed with tonal stitchi"><meta property="og:image" content="http://store.locomotive.ca/cdn/shop/products/AO0A9212-crop.jpg?v=1679413568"> <meta property="og:image:secure_url" content="https://store.locomotive.ca/cdn/shop/products/AO0A9212-crop.jpg?v=1679413568" > <meta property="og:image:width" content="2200"> <meta property="og:image:height" content="2750"><meta property="og:price:amount" content="30.00" > <meta property="og:price:currency" content="USD"><meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Black Oversized Tote Bag"> <meta name="twitter:description" content="Premium black tote bag crafted from durable 12 oz canvas and measuring 25" x 16" x 8". The exterior of the bag is embellished with a white Locomotive® logo on the front and white glyphs on the back, while the interior features a bottle pocket for added convenience. The bag is meticulously constructed with tonal stitchi"> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="facebook-domain-verification" content="n2q57svtfmysuok1xxl1zbfhqlwju5"> <meta name="google-site-verification" content="Y6rgqXFclhkIqq9d4HRHOhBoCiGL2t2wkk2_SvaGp9o"> <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/70469386523/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="993192224bc7e82ed1555983bf97d74d"> <link rel="alternate" hreflang="x-default" href="https://store.locomotive.ca/products/oversized-tote-bag"> <link rel="alternate" hreflang="en-US" href="https://store.locomotive.ca/products/oversized-tote-bag"> <link rel="alternate" hreflang="fr-US" href="https://store.locomotive.ca/fr/products/oversized-tote-bag"> <link rel="alternate" type="application/json+oembed" href="https://store.locomotive.ca/products/oversized-tote-bag.oembed"> <script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script> <link rel="preconnect" href="https://shop.app" crossorigin="anonymous"> <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=70469386523" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":70469386523,"countryCode":"CA","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/70469386523","merchantName":"Locomotive Store®","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","jcb"],"total":{"type":"pending","label":"Locomotive Store®","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script> <script id="shopify-features" type="application/json">{"accessToken":"993192224bc7e82ed1555983bf97d74d","betas":["rich-media-storefront-analytics"],"domain":"store.locomotive.ca","predictiveSearch":true,"shopId":70469386523,"smart_payment_buttons_url":"https:\/\/store.locomotive.ca\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/store.locomotive.ca\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "locomotive-mtl-store.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"USD","rate":"1.0"}; Shopify.country = "US"; Shopify.theme = {"name":"store.locomotive.ca\/main","id":145512300827,"schema_name":"Locomotive Store","schema_version":"1.1.0","theme_store_id":null,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "store.locomotive.ca/cdn"; Shopify.routes = Shopify.routes || {}; Shopify.routes.root = "/";</script> <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script> <script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script> <script>window.ShopifyPay = window.ShopifyPay || {}; window.ShopifyPay.apiHost = "shop.app\/pay";</script> <script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script> <script> window.Shopify = window.Shopify || {}; if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; window.Shopify.featureAssets['shop-js'] = {"login-button":["modules/client.login-button_PyB0yoLG.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"shop-pay-payment-request":["modules/client.shop-pay-payment-request_BSPYpBgE.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js","modules/chunk.shop-pay_DNi9j_X8.esm.js"],"payment-terms":["modules/client.payment-terms_BF5x7ymI.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"],"pay-button":["modules/client.pay-button_Cc3hmsbn.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"discount-app":["modules/client.discount-app_Dl148wJa.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"avatar":["modules/client.avatar_BTnouDA3.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/client.init-shop-for-new-customer-accounts_BXLde5-4.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/client.init-shop-email-lookup-coordinator_CSM1j0yH.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"init-customer-accounts-sign-up":["modules/client.init-customer-accounts-sign-up_BDGFEblG.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"],"init-customer-accounts":["modules/client.init-customer-accounts_Ztg3e7fA.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"]}; </script> <script id="__st">var __st={"a":70469386523,"offset":-18000,"reqid":"98799cb5-d099-4c9d-8cee-4b888a4622ba-1732665117","pageurl":"store.locomotive.ca\/products\/oversized-tote-bag","u":"bf8a7834acd4","p":"product","rtyp":"product","rid":8067458531611};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');function s(t,e,n=!1){try{const o=window.sessionStorage;for(const[n,c]of Object.entries(JSON.parse(o.getItem(e))))t.elements[n]&&(t.elements[n].value=c);n&&o.removeItem(e)}catch{}}const a='form_key',i=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response','password'],u=()=>{try{return window.sessionStorage}catch{return}},m=t=>t.elements[a],f='form_type',d='cptcha';function p(t){t.dataset[d]=!0}const l=window,h=l.document,_='Shopify',y='ce_forms',E='captcha';let v=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe','https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js',T={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=l[_][y],c=o.bindForm;if(c)return c(t,g,e,T).then(n);o.q.push([[t,g,e,T],n]),v||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:'https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js'})),v=!0)});var g,T;l[_]=l[_]||{},l[_][y]=l[_][y]||{},l[_][y].q=[],l[_][E]=l[_][E]||{},l[_][E].protect=function(t,e){n(t,void 0,e),p(t)},Object.freeze(l[_][E]),function(t,e,n,l,h,_){const[y,E,v,g]=function(t,e,n){const s=e?o:[],a=t?c:[],i=[...s,...a],u=[...o],m=r(i),f=r(s),d=n&&r(i.filter((([t,e])=>n.includes(e)))),p=r(u),l=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];return[l(m),l(f),l(d),l(p)]}(l,h,_),T=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},S=t=>y().includes(t);t.addEventListener('submit',(t=>{const e=T(t);if(!e)return;const n=S(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=m(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!u())return;!function(t){const e=u();if(!e)return;const n=m(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){m(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:a})),t.elements[a].value=e}(t,e),function(t,e){const n=u();if(!n)return;const o=[...t.querySelectorAll('input[type="password"]')].map((({name:t})=>t)),c=[...i,...o],r={};for(const[s,a]of new FormData(t).entries())c.includes(s)||(r[s]=a);n.setItem(e,JSON.stringify(r))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const w=(t,e)=>{t&&!t.dataset[d]&&(n(t,e.some((e=>e===t))),p(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=T(t);S(e)&&w(e,E())}));const A=e.get('form_key'),b=e.get(f),I=A&&b;t.addEventListener('DOMContentLoaded',(()=>{const t=E();if(I)for(const e of t)e.elements[f].value===b&&s(e,A);[...new Set([...v(),...y().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>w(e,t)))}))}(h,new URLSearchParams(l.location.search),n,!0,!0,['guest_login'])})()}();</script> <script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//store.locomotive.ca/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//store.locomotive.ca/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//store.locomotive.ca/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) { #dynamic-checkout-cart { min-height: 50px; } } @media screen and (max-width: 750px) { #dynamic-checkout-cart { min-height: 120px; } } </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <style media="all"> :root{--color-dark: #000;--color-light: #fff;--color-orange: #f34f39;--color-blue: #312dfb;--color-grey: #606060}:root{--font-size-xsmall: 20;--font-size-small: 26;--font-size-medium: 38;--font-size-large: 80;--font-size-label: 38;--font-size-label-xl: 38;--font-size-xsmall-mobile: 20;--font-size-small-mobile: 18;--font-size-medium-mobile: 30;--font-size-large-mobile: 38;--font-size-label-mobile: 18;--font-size-label-xl-mobile: 28}.c-loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-dark);opacity:0;transition:opacity .6s cubic-bezier(0.4, 0, 0, 1) 0.6s;pointer-events:none;z-index:102}html.is-loading .c-loader{pointer-events:auto;opacity:1;transition:opacity .4s cubic-bezier(0.4, 0, 0, 1)}.c-loader_logo{opacity:0}html.fonts-loaded .c-loader_logo{opacity:1;transition:opacity .4s linear}.c-loader_logo_wrapper{position:fixed;left:50%;bottom:0;width:100%;text-align:center;font-size:calc(190 / 1440 * 100vw);line-height:1;margin-bottom:calc(-0.27em + 1.25rem);transform:translate3d(-50%, 0, 0)}.c-loader_logo{display:none}html.is-first-loaded .c-loader_logo{display:block} </style> <style> @font-face { font-display: swap; font-family: "HelveticaNowDisplay"; src: url("//store.locomotive.ca/cdn/shop/t/5/assets/HelveticaNowDisplay-Regular.woff2") format("woff2"), url("//store.locomotive.ca/cdn/shop/t/5/assets/HelveticaNowDisplay-Regular.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-display: swap; font-family: "PPLocomotiveNew"; src: url("//store.locomotive.ca/cdn/shop/t/5/assets/PPLocomotiveNew-Light.woff2") format("woff2"), url("//store.locomotive.ca/cdn/shop/t/5/assets/PPLocomotiveNew-Light.woff") format("woff"); font-weight: normal; font-style: normal; } </style> <link id="main-css" rel="stylesheet" href="//store.locomotive.ca/cdn/shop/t/5/assets/main.css?v=112415461851692691471707314470" media="all" onload="this.media='all'; this.onload=null; this.isLoaded=true" > <noscript ><link rel="stylesheet" href="//store.locomotive.ca/cdn/shop/t/5/assets/main.css?v=112415461851692691471707314470" ></noscript> <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 70469386523,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "product"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script> <script id="web-pixels-manager-setup">(function d(d,e,r,a,n){var o,i,t,s,l=(i=(o={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,t=o.legacy,s=navigator.userAgent,i.test(s)?"modern":(t.test(s),"legacy"));window.Shopify=window.Shopify||{};var c=window.Shopify;c.analytics=c.analytics||{};var u=c.analytics;u.replayQueue=[],u.publish=function(d,e,r){return u.replayQueue.push([d,e,r]),!0};try{self.performance.mark("wpm:start")}catch(d){}var h=[r,"/wpm","/b",n,l.substring(0,1),".js"].join("");!function(d){var e=d.src,r=d.async,a=void 0===r||r,n=d.onload,o=d.onerror,i=document.createElement("script"),t=document.head,s=document.body;i.async=a,i.src=e,n&&i.addEventListener("load",n),o&&i.addEventListener("error",o),t?t.appendChild(i):s?s.appendChild(i):console.error("Did not find a head or body element to append the script")}({src:h,async:!0,onload:function(){var r=window.webPixelsManager.init(d);e(r);var a=window.Shopify.analytics;a.replayQueue.forEach((function(d){var e=d[0],a=d[1],n=d[2];r.publishCustomEvent(e,a,n)})),a.replayQueue=[],a.publish=r.publishCustomEvent,a.visitor=r.visitor},onerror:function(){var e=d.storefrontBaseUrl.replace(/\/$/,""),r="".concat(e,"/.well-known/shopify/monorail/unstable/produce_batch"),n=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:a||"latest",bundle_target:l,page_url:self.location.href,status:"failed",surface:d.surface,error_msg:"".concat(h," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(r,n))return!0}catch(d){}var o=new XMLHttpRequest;try{return o.open("POST",r,!0),o.setRequestHeader("Content-Type","text/plain"),o.send(n),!0}catch(d){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1}})})({shopId: 70469386523,storefrontBaseUrl: "https://store.locomotive.ca",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"813302043","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-GPXBEJH2B7\\\",\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-GPXBEJH2B7\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-GPXBEJH2B7\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-GPXBEJH2B7\\\",\\\"MC-L4BEKXVRXW\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-GPXBEJH2B7\\\",\\\"MC-L4BEKXVRXW\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-GPXBEJH2B7\\\",\\\"MC-L4BEKXVRXW\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-GPXBEJH2B7\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-GPXBEJH2B7\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"afe7c2de16587d6c6689522527d6c67f","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"231014683","configuration":"{\"pixel_id\":\"233597199320998\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"8d894c63179843e74a9691414b5ad83d","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Locomotive Store\u00ae","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"locomotive-mtl-store.myshopify.com","countryCode":"CA","storefrontUrl":"https:\/\/store.locomotive.ca"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":30.0,"currencyCode":"USD"},"product":{"title":"Black Oversized Tote Bag","vendor":"Locomotive","id":"8067458531611","untranslatedTitle":"Black Oversized Tote Bag","url":"\/products\/oversized-tote-bag","type":"Bag"},"id":"44294429212955","image":{"src":"\/\/store.locomotive.ca\/cdn\/shop\/products\/AO0A9212-crop.jpg?v=1679413568"},"sku":"","title":"Default Title","untranslatedTitle":"Default Title"}],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});webPixelsManagerAPI.publish("product_viewed", {"productVariant":{"price":{"amount":30.0,"currencyCode":"USD"},"product":{"title":"Black Oversized Tote Bag","vendor":"Locomotive","id":"8067458531611","untranslatedTitle":"Black Oversized Tote Bag","url":"\/products\/oversized-tote-bag","type":"Bag"},"id":"44294429212955","image":{"src":"\/\/store.locomotive.ca\/cdn\/shop\/products\/AO0A9212-crop.jpg?v=1679413568"},"sku":"","title":"Default Title","untranslatedTitle":"Default Title"}});},"https://store.locomotive.ca/cdn","1518c2ba4d2b3301a1e3cb6576947ef22edf7bb6","3c762e5aw5b983e43pc2dc4883m545d5a27",);</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'USD'; var meta = {"product":{"id":8067458531611,"gid":"gid:\/\/shopify\/Product\/8067458531611","vendor":"Locomotive","type":"Bag","variants":[{"id":44294429212955,"price":3000,"name":"Black Oversized Tote Bag","public_title":null,"sku":""}]},"page":{"pageType":"product","resourceType":"product","resourceId":8067458531611}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; }</script> <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() { }; </script> <script class="analytics">(function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script'); scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: 70469386523, theme_id: 145512300827, app_name: "storefront", context_url: window.location.href, source_url: "//store.locomotive.ca/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//store.locomotive.ca/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//store.locomotive.ca/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":70469386523,"isMerchantRequest":null,"themeId":145512300827,"themeCityHash":"16800435470893169392","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":8067458531611}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"USD","variantId":44294429212955,"productId":8067458531611,"productGid":"gid:\/\/shopify\/Product\/8067458531611","name":"Black Oversized Tote Bag","price":"30.00","sku":"","brand":"Locomotive","variant":null,"category":"Bag","nonInteraction":true}); window.ShopifyAnalytics.lib.track("monorail:\/\/trekkie_storefront_viewed_product\/1.1",{"currency":"USD","variantId":44294429212955,"productId":8067458531611,"productGid":"gid:\/\/shopify\/Product\/8067458531611","name":"Black Oversized Tote Bag","price":"30.00","sku":"","brand":"Locomotive","variant":null,"category":"Bag","nonInteraction":true,"referer":"https:\/\/store.locomotive.ca\/products\/oversized-tote-bag"}); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//store.locomotive.ca/cdn/shopifycloud/shopify/assets/shop_events_listener-61fa9e0a912c675e178777d2b27f6cbd482f8912a6b0aa31fa3515985a8cd626.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script class="boomerang"> (function () { window.BOOMR = window.BOOMR || {}; window.BOOMR.themeName = "Locomotive Store"; window.BOOMR.themeVersion = "1.1.0"; window.BOOMR.shopId = 70469386523; window.BOOMR.themeId = 145512300827; })();</script> <script defer src="https://store.locomotive.ca/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.0.2.min.js" data-application="storefront-renderer" data-shop-id="70469386523" data-render-region="gcp-asia-southeast1" data-page-type="product" data-theme-instance-id="145512300827" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body data-module-load data-module-shopify-cookie-consent data-shopify-cookie-consent-strict="true" > <div style="display: none;"><svg width="30" height="205" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><symbol viewBox="0 0 22 24" id="arrow-left"> <path fill-rule="evenodd" d="M22 13H1a1 1 0 1 1 0-2h21v2Z" clip-rule="evenodd" /> <path fill-rule="evenodd" d="M11 23.414.293 12.707a1 1 0 0 1 0-1.414L11 .586 12.414 2l-10 10 10 10L11 23.414Z" clip-rule="evenodd" /> </symbol><symbol viewBox="0 0 22 24" id="arrow-right"> <path fill-rule="evenodd" d="M0 11h21a1 1 0 1 1 0 2H0v-2Z" clip-rule="evenodd" /> <path fill-rule="evenodd" d="m11 .586 10.707 10.707a1 1 0 0 1 0 1.414L11 23.414 9.586 22l10-10-10-10L11 .586Z" clip-rule="evenodd" /> </symbol><symbol viewBox="0 0 24 13" id="chevron"> <path d="M12,13c-0.3,0-0.5-0.1-0.7-0.3L0.6,2L2,0.6l10,10l10-10L23.4,2L12.7,12.7C12.5,12.9,12.3,13,12,13z" /> </symbol><symbol viewBox="0 0 24 24" id="cross"> <polygon points="23.4,2 22,0.6 12,10.6 2,0.6 0.6,2 10.4,11.8 0.6,21.7 2,23.1 12,13.1 22,23.1 23.4,21.7 13.6,11.8 " /> </symbol><symbol viewBox="0 0 30 30" id="minus"> <path d="M30 16.565H0v-2h30z" /> </symbol><symbol viewBox="0 0 30 30" id="plus"> <path d="M30 16.565H0v-2h30z" /> <path d="M13.736 30V0h2v30z" /> </symbol></defs></svg></div> <div class="c-preloader"></div> <header class="c-header || c-text -primary -link"> <div class="c-header_inner || o-container"> <div class="o-grid -col-12 -gutters-x -gutters-y"> <div class="o-grid_item u-gc-1/3 u-gc-1/4@from-small"> <button class='c-button -no-icon -link ' aria-label='' type='button' data-menu-toggler > <span class='c-button_label '> Menu </span> </button> </div> <div class="o-grid_item u-gc-3/5 u-gc-4/7@from-small || u-hide@to-small"> <a class="c-header_home_cta || c-button -link -no-icon -align-start -no-underline" href="/"> <div class="c-button_label"> <span class="c-button_underline">Locomotive</span><br><span class="c-button_underline">Store</span>® </div> </a> </div> <div class="o-grid_item u-gc-3/5 u-gc-10/13@from-small -justify-end"> <div class="c-cart-counter-pastille_wrapper"> <button class='c-button -no-icon -link -align-end ' aria-label='' type='button' data-cart-toggler > <span class='c-button_label '> Bag </span> </button> <div class="c-cart-counter-pastille" data-module-cart-counter> <span class="c-text -primary -label-xl" data-cart-counter="content">0</span> </div> </div> </div> </div> </div> </header> <div data-load-container> <div data-module-redirect data-redirect-request-path="/products/oversized-tote-bag" data-redirect-shop-url="/" > </div> <div class="c-modal-menu || c-modal" data-module-modal-menu aria-label="Menu modal" tabindex="-1" aria-hidden="false" data-lenis-prevent > <div class="c-modal-menu_container || c-modal_container"> <div class="c-modal_scrollable" data-modal-menu="scrollable"> <div class="c-modal_scrollable_inner"> <div class="c-modal-menu_header"> <div class="c-modal-menu_header_inner || o-container"> <div class="o-grid -col-12@from-medium -col-8 -gutters-x -gutters-y"> <div class="o-grid_item u-gc-1/3 u-gc-1/4@from-medium"> <button class='c-button -link -close -no-icon ' aria-label='' type='button' data-modal-menu="close" > <span class='c-button_label '> Close </span> <span class='c-button_icon o-icon'> <svg class='svg-cross' role='img' aria-label=''> <use xlink:href="#cross"></use> </svg> </span> </button> </div> <div class="o-grid_item u-gc-3/7 u-gc-4/7@from-medium u-text-center@to-medium"> <a class="c-button -link -no-icon -align-start -no-underline || c-modal-menu_header_logo" href="/"> <div class="c-button_label || c-modal-menu_header_logo_label"> <span class="c-button_underline">Locomotive</span><br><span class="c-button_underline">Store</span>® </div> </a> </div> <div class="o-grid_item u-gc-7/9 u-gc-9/13@from-medium"> <div class="u-hide@to-medium"> <div class="c-modal-menu_tool"> <div data-module-currency-selector> <form method="post" action="/cart/update" id="menu-currency-select" accept-charset="UTF-8" class="shopify-currency-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="currency" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="return_to" value="/products/oversized-tote-bag" /> <div class="c-select"> <select name="currency"><option value="CAD">CAD $</option><option value="USD" selected="selected">USD $</option></select> <div class="c-select_icon"> <svg class='svg-chevron' role='img' aria-label=''> <use xlink:href="#chevron"></use> </svg> </div> </div> </form> </div> <form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="c-localization" enctype="multipart/form-data" data-module-localization=""><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/products/oversized-tote-bag" /> <ul> <li> <button class='c-button -no-icon -link ' aria-label='' hreflang="fr" lang="fr" data-value="fr" data-localization="link" > <span class='c-button_label '> Français </span> </button> </li> </ul> <input type="hidden" name="language_code" value="en" data-localization="input" > </form> </div> </div> <div class="u-hide@from-medium"> <div class="c-cart-counter-pastille_wrapper || c-modal-menu_cart"> <button class='c-button -no-icon -link -align-end ' aria-label='' type='button' data-cart-toggler > <span class='c-button_label '> Bag </span> </button> <div class="c-cart-counter-pastille" data-module-cart-counter> <span class="c-text -primary -label-xl" data-cart-counter="content">0</span> </div> </div> </div> </div> </div> </div> </div> <div class="c-modal-menu_inner || c-modal_inner"> <div class="c-modal-menu_layout"> <div class="c-menu" data-module-carousel-menu> <div class="c-menu_content || o-container"> <div class="o-grid -col-12 -gutters-x -gutters-y || c-menu_content_section"> <div class="o-grid_item u-gc-4/13@from-medium"> <div class="swiper || c-menu-gallery" data-carousel-menu="swiper"> <div class="swiper-wrapper || c-menu-gallery_wrapper"> <div class="swiper-slide || c-menu-gallery_slide"> <article class="c-product-card -menu"> <div class="c-product-card_image"> <div class="c-product-card_image_inner"> <div class="c-image -cover "> <div class="c-image_inner" > <img class="c-image_img" alt="Cotton Socks" width="" height="" src="//store.locomotive.ca/cdn/shop/files/cotton-socks_01.jpg?v=1705691321" loading="eager" > </div> </div> </div> </div> <div class="c-product-card_description"> <h2 class="c-text -medium -spacing -line-height-1 || c-product-card_description_title"> Cotton Socks </h2> <div class="c-product-card_arrow || o-icon"> <svg class='svg-arrow-right' role='img'> <use xlink:href="#arrow-right"></use> </svg> </div> <a class="c-product-card_link" href="/products/cotton-socks"><span class="u-screen-reader-text">Link to New</span></a> </div> </article> </div> <div class="swiper-slide || c-menu-gallery_slide"> <article class="c-product-card -menu"> <div class="c-product-card_image"> <div class="c-product-card_image_inner"> <div class="c-image -cover "> <div class="c-image_inner" > <img class="c-image_img" alt="Pros de l'internet Sand Hat" width="" height="" src="//store.locomotive.ca/cdn/shop/files/Pro-de-l_Internet-Beige-Hat_01.jpg?v=1705691357" loading="eager" > </div> </div> </div> </div> <div class="c-product-card_description"> <h2 class="c-text -medium -spacing -line-height-1 || c-product-card_description_title"> Pros de l'internet Sand Hat </h2> <div class="c-product-card_arrow || o-icon"> <svg class='svg-arrow-right' role='img'> <use xlink:href="#arrow-right"></use> </svg> </div> <a class="c-product-card_link" href="/products/pros-de-linternet-beige-hat"><span class="u-screen-reader-text">Link to New</span></a> </div> </article> </div> <div class="swiper-slide || c-menu-gallery_slide"> <article class="c-product-card -menu"> <div class="c-product-card_image"> <div class="c-product-card_image_inner"> <div class="c-image -cover "> <div class="c-image_inner" > <img class="c-image_img" alt="" width="" height="" src="//store.locomotive.ca/cdn/shop/files/DYNASTY_Menu.jpg?v=1723583022" loading="eager" > </div> </div> </div> </div> <div class="c-product-card_description"> <h2 class="c-text -medium -spacing -line-height-1 || c-product-card_description_title"> Dynasty Ring </h2> <div class="c-product-card_arrow || o-icon"> <svg class='svg-arrow-right' role='img'> <use xlink:href="#arrow-right"></use> </svg> </div> <a class="c-product-card_link" href="/products/dynasty-ring"><span class="u-screen-reader-text">Link to New</span></a> </div> </article> </div> <div class="swiper-slide || c-menu-gallery_slide"> <article class="c-product-card -menu"> <div class="c-product-card_image"> <div class="c-product-card_image_inner"> <div class="c-image -cover "> <div class="c-image_inner" > <img class="c-image_img" alt="Pros de l'internet Sea foam T-Shirt" width="" height="" src="//store.locomotive.ca/cdn/shop/files/Pro-de-l_Internet-Seafoam-tShirt_01.jpg?v=1705691395" loading="eager" > </div> </div> </div> </div> <div class="c-product-card_description"> <h2 class="c-text -medium -spacing -line-height-1 || c-product-card_description_title"> Pros de l'internet Sea foam T-Shirt </h2> <div class="c-product-card_arrow || o-icon"> <svg class='svg-arrow-right' role='img'> <use xlink:href="#arrow-right"></use> </svg> </div> <a class="c-product-card_link" href="/products/pros-de-linternet-seafoam-t-shirt"><span class="u-screen-reader-text">Link to New</span></a> </div> </article> </div> <div class="swiper-slide || c-menu-gallery_slide"> <article class="c-product-card -menu"> <div class="c-product-card_image"> <div class="c-product-card_image_inner"> <div class="c-image -cover "> <div class="c-image_inner" > <img class="c-image_img" alt="Pros de l'internet White T-Shirt" width="" height="" src="//store.locomotive.ca/cdn/shop/files/Pro-de-l_Internet-White-tShirt_01.jpg?v=1705691420" loading="eager" > </div> </div> </div> </div> <div class="c-product-card_description"> <h2 class="c-text -medium -spacing -line-height-1 || c-product-card_description_title"> Pros de l'internet White T-Shirt </h2> <div class="c-product-card_arrow || o-icon"> <svg class='svg-arrow-right' role='img'> <use xlink:href="#arrow-right"></use> </svg> </div> <a class="c-product-card_link" href="/products/pros-de-linternet-white-t-shirt"><span class="u-screen-reader-text">Link to New</span></a> </div> </article> </div> <div class="swiper-slide || c-menu-gallery_slide"> <article class="c-product-card -menu"> <div class="c-product-card_image"> <div class="c-product-card_image_inner"> <div class="c-image -cover "> <div class="c-image_inner" > <img class="c-image_img" alt="Summer Breeze Brass T-Shirt" width="" height="" src="//store.locomotive.ca/cdn/shop/files/Pro-de-l_Internet-Brass-tShirt_01.jpg?v=1705691447" loading="eager" > </div> </div> </div> </div> <div class="c-product-card_description"> <h2 class="c-text -medium -spacing -line-height-1 || c-product-card_description_title"> Summer Breeze Brass T-Shirt </h2> <div class="c-product-card_arrow || o-icon"> <svg class='svg-arrow-right' role='img'> <use xlink:href="#arrow-right"></use> </svg> </div> <a class="c-product-card_link" href="/products/summer-breeze-brass-t-shirt"><span class="u-screen-reader-text">Link to New</span></a> </div> </article> </div> <div class="swiper-slide || c-menu-gallery_slide"> <article class="c-product-card -menu"> <div class="c-product-card_image"> <div class="c-product-card_image_inner"> <div class="c-image -cover "> <div class="c-image_inner" > <img class="c-image_img" alt="Summer Breeze Ivy T-Shirt" width="" height="" src="//store.locomotive.ca/cdn/shop/files/Pro-de-l_Internet-Ivy-tShirt_01.jpg?v=1705691473" loading="eager" > </div> </div> </div> </div> <div class="c-product-card_description"> <h2 class="c-text -medium -spacing -line-height-1 || c-product-card_description_title"> Summer Breeze Ivy T-Shirt </h2> <div class="c-product-card_arrow || o-icon"> <svg class='svg-arrow-right' role='img'> <use xlink:href="#arrow-right"></use> </svg> </div> <a class="c-product-card_link" href="/products/summer-breeze-ivy-t-shirt"><span class="u-screen-reader-text">Link to New</span></a> </div> </article> </div> <div class="swiper-slide || c-menu-gallery_slide"> <article class="c-product-card -menu"> <div class="c-product-card_image"> <div class="c-product-card_image_inner"> <div class="c-image -cover "> <div class="c-image_inner" > <img class="c-image_img" alt="" width="" height="" src="//store.locomotive.ca/cdn/shop/files/menu-tote.jpg?v=1679519412" loading="eager" > </div> </div> </div> </div> <div class="c-product-card_description"> <h2 class="c-text -medium -spacing -line-height-1 || c-product-card_description_title"> Black Oversized Tote Bag </h2> <div class="c-product-card_arrow || o-icon"> <svg class='svg-arrow-right' role='img'> <use xlink:href="#arrow-right"></use> </svg> </div> <a class="c-product-card_link" href="/products/oversized-tote-bag"><span class="u-screen-reader-text">Link to New</span></a> </div> </article> </div> <div class="swiper-slide || c-menu-gallery_slide"> <article class="c-product-card -menu"> <div class="c-product-card_image"> <div class="c-product-card_image_inner"> <div class="c-image -cover "> <div class="c-image_inner" > <img class="c-image_img" alt="" width="" height="" src="//store.locomotive.ca/cdn/shop/files/menu-beanie-black.jpg?v=1679519433" loading="eager" > </div> </div> </div> </div> <div class="c-product-card_description"> <h2 class="c-text -medium -spacing -line-height-1 || c-product-card_description_title"> Black Plain Knit Beanie Hat </h2> <div class="c-product-card_arrow || o-icon"> <svg class='svg-arrow-right' role='img'> <use xlink:href="#arrow-right"></use> </svg> </div> <a class="c-product-card_link" href="/products/beanie-black"><span class="u-screen-reader-text">Link to New</span></a> </div> </article> </div> <div class="swiper-slide || c-menu-gallery_slide"> <article class="c-product-card -menu"> <div class="c-product-card_image"> <div class="c-product-card_image_inner"> <div class="c-image -cover "> <div class="c-image_inner" > <img class="c-image_img" alt="" width="" height="" src="//store.locomotive.ca/cdn/shop/files/menu-beanie-blue.jpg?v=1679518478" loading="eager" > </div> </div> </div> </div> <div class="c-product-card_description"> <h2 class="c-text -medium -spacing -line-height-1 || c-product-card_description_title"> Blue Ribbed Knit Beanie Hat </h2> <div class="c-product-card_arrow || o-icon"> <svg class='svg-arrow-right' role='img'> <use xlink:href="#arrow-right"></use> </svg> </div> <a class="c-product-card_link" href="/products/beanie"><span class="u-screen-reader-text">Link to New</span></a> </div> </article> </div> <div class="swiper-slide || c-menu-gallery_slide"> <article class="c-product-card -menu"> <div class="c-product-card_image"> <div class="c-product-card_image_inner"> <div class="c-image -cover "> <div class="c-image_inner" > <img class="c-image_img" alt="" width="" height="" src="//store.locomotive.ca/cdn/shop/files/menu-hoodie.jpg?v=1679519382" loading="eager" > </div> </div> </div> </div> <div class="c-product-card_description"> <h2 class="c-text -medium -spacing -line-height-1 || c-product-card_description_title"> Black Hooded Sweatshirt </h2> <div class="c-product-card_arrow || o-icon"> <svg class='svg-arrow-right' role='img'> <use xlink:href="#arrow-right"></use> </svg> </div> <a class="c-product-card_link" href="/products/signature-sweatshirt"><span class="u-screen-reader-text">Link to New</span></a> </div> </article> </div> </div> </div> <div class="c-menu_end"> <div class="c-menu_end_left"> </div> <div class="c-menu_end_right"> <a class="c-button -shrink -no-icon -light" target="_blank" rel="noopener" href="https://locomotive.ca" > <div class="c-button_label"> <span>Visit</span><span>Locomotive</span><span>.</span><span>ca</span> </div> </a> </div> </div> </div> </div> <div class="c-menu-nav || c-menu_content_section"><nav class="c-menu-nav_element -menu"> <ul><li class="c-menu-nav_item"> <a class='c-button -no-icon -link c-menu-nav_link' href='/pages/faq' aria-label='' > <span class='c-button_label '> FAQ </span> </a> </li><li class="c-menu-nav_item"> <a class='c-button -no-icon -link c-menu-nav_link' href='/policies/shipping-policy' aria-label='' > <span class='c-button_label '> Shipping Policy </span> </a> </li><li class="c-menu-nav_item"> <a class='c-button -no-icon -link c-menu-nav_link' href='/policies/refund-policy' aria-label='' > <span class='c-button_label '> Refund Policy </span> </a> </li><li class="c-menu-nav_item"> <a class='c-button -no-icon -link c-menu-nav_link' href='/policies/privacy-policy' aria-label='' > <span class='c-button_label '> Privacy Policy </span> </a> </li><li class="c-menu-nav_item"> <a class='c-button -no-icon -link c-menu-nav_link' href='/policies/terms-of-service' aria-label='' > <span class='c-button_label '> Terms of Service </span> </a> </li></ul> </nav><div class="u-hide@from-medium"> <div class="c-modal-menu_tool"> <div data-module-currency-selector> <form method="post" action="/cart/update" id="menu-currency-select" accept-charset="UTF-8" class="shopify-currency-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="currency" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="return_to" value="/products/oversized-tote-bag" /> <div class="c-select"> <select name="currency"><option value="CAD">CAD $</option><option value="USD" selected="selected">USD $</option></select> <div class="c-select_icon"> <svg class='svg-chevron' role='img' aria-label=''> <use xlink:href="#chevron"></use> </svg> </div> </div> </form> </div> <form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="c-localization" enctype="multipart/form-data" data-module-localization=""><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/products/oversized-tote-bag" /> <ul> <li> <button class='c-button -no-icon -link ' aria-label='' hreflang="fr" lang="fr" data-value="fr" data-localization="link" > <span class='c-button_label '> Français </span> </button> </li> </ul> <input type="hidden" name="language_code" value="en" data-localization="input" > </form> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div data-module-scroll="main"> <main role="main" class="c-main"> <div id="shopify-section-template--18261842362651__main" class="shopify-section"> <article class="c-product"> <div class="o-container"> <div class="c-product_layout"> <div class="c-product_layout_gallery"> <div class="c-product-gallery" > <div class="c-product-gallery_main" data-module-product-gallery data-module-cursor data-scroll data-scroll-position="start,end" data-scroll-call="toggle, Cursor" data-scroll-ignore-fold data-scroll-repeat > <div class="c-product-gallery_slider || swiper" data-product-gallery="swiper" > <ul class="c-product-gallery_slider_inner || swiper-wrapper"> <li class="c-product-gallery_slide || swiper-slide" data-item="regular"> <div class="c-product-gallery_image_wrapper"> <div class="c-image -cover c-product-gallery_image"> <div class="c-image_inner" > <img class="c-image_img" alt="Black Oversized Tote Bag" width="1000" height="" src="//store.locomotive.ca/cdn/shop/products/AO0A9212-crop.jpg?v=1679413568&width=1000" loading="eager" > </div> </div> </div> </li> <li class="c-product-gallery_slide || swiper-slide" data-item="regular"> <div class="c-product-gallery_image_wrapper"> <div class="c-image -cover c-product-gallery_image"> <div class="c-image_inner" > <img class="c-image_img" alt="Black Oversized Tote Bag" width="1000" height="" src="//store.locomotive.ca/cdn/shop/products/AO0A9149-crop-2.jpg?v=1679413568&width=1000" loading="eager" > </div> </div> </div> </li> <li class="c-product-gallery_slide || swiper-slide" data-item="regular"> <div class="c-product-gallery_image_wrapper"> <div class="c-image -cover c-product-gallery_image"> <div class="c-image_inner" > <img class="c-image_img" alt="Black Oversized Tote Bag" width="1000" height="" src="//store.locomotive.ca/cdn/shop/products/AO0A9388-crop.jpg?v=1679517683&width=1000" loading="eager" > </div> </div> </div> </li> <li class="c-product-gallery_slide || swiper-slide" data-item="regular"> <div class="c-product-gallery_image_wrapper"> <div class="c-image -cover c-product-gallery_image"> <div class="c-image_inner" > <img class="c-image_img" alt="Black Oversized Tote Bag" width="1000" height="" src="//store.locomotive.ca/cdn/shop/products/AO0A9385-crop.jpg?v=1679517683&width=1000" loading="eager" > </div> </div> </div> </li> <li class="c-product-gallery_slide || swiper-slide" data-item="regular"> <div class="c-product-gallery_image_wrapper"> <div class="c-image -cover c-product-gallery_image"> <div class="c-image_inner" > <img class="c-image_img" alt="Black Oversized Tote Bag" width="1000" height="" src="//store.locomotive.ca/cdn/shop/products/AO0A9393-crop.jpg?v=1679413566&width=1000" loading="eager" > </div> </div> </div> </li> </ul> </div> <div class="c-product-gallery_navigation"> <div class="c-product-gallery_navigation_item"> <button class='c-button -link ' aria-label='' type='button' data-product-gallery="prev" > <span class='c-button_label '> Prev </span> <span class='c-button_icon o-icon'> <svg class='svg-arrow-left' role='img' aria-label=''> <use xlink:href="#arrow-left"></use> </svg> </span> </button> <button class='c-button -link ' aria-label='' type='button' data-product-gallery="next" > <span class='c-button_label '> Next </span> <span class='c-button_icon o-icon'> <svg class='svg-arrow-right' role='img' aria-label=''> <use xlink:href="#arrow-right"></use> </svg> </span> </button> </div> <div class="c-product-gallery_navigation_item"> <div class="c-product-gallery_cursor" data-cursor="cursor"> <span class="c-product-gallery_cursor_click || c-text -primary -medium -spacing">Click</span> <span data-product-gallery="pagination" class="c-text -primary -medium -spacing"></span> </div> </div> </div> </div> </div> </div> <div class="c-product_layout_form"> <div class="c-product-form" data-module-product-form data-module-product-bar data-product-form-variants-json="[{"id":44294429212955,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Black Oversized Tote Bag","public_title":null,"options":["Default Title"],"price":3000,"weight":310,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}]" data-product-form-default-current-variant-id="44294429212955" data-product-form-options-json="[{"name":"Title","position":1,"values":["Default Title"]}]" data-product-form-is-new="false" > <div class="c-product-form_main"> <div class="c-product-form_inner" data-product-form="app"> <div class="c-product-form_sticky"> <div class="c-product-form_part -top"> <ul class="" v-if="hasTags"> <li class="c-product-label -new || c-text -small -spacing" v-if="isNew && !isOutOfStock">New</li> <li class="c-product-label || c-text -small -spacing" v-if="!isCurrentVariantExist"> Not available </li> <li class="c-product-label -out-of-stock || c-text -small -spacing" v-if="isOutOfStock"> Out of stock </li> <li class="c-product-label -sale || c-text -small -spacing" v-if="currentVariantSale"> Sale </li> </ul> <h1 class="c-text -primary -medium -spacing || c-product-form_title"> <span>Black Oversized Tote Bag</span> </h1> </div> <div class="c-product-form_part -middle"> <div class="c-product-pricing"> <p class="c-product-pricing_price -old || c-text -primary -medium -spacing" v-if="currentOriginalVariantPrice" > <span> ${ $filters.price(currentOriginalVariantPrice) } </span> </p> <p class="c-product-pricing_price -currrent || c-text -primary -medium -spacing"> <span> ${ $filters.price(currentVariantPrice) } USD </span> </p> </div> </div> </div> <div class="c-product-form_part -bottom"> <div class="c-product-form_part_item"> <div class="c-product-options" v-for="(option, index) in reactiveOptions" :key="index"> <h2 class="u-screen-reader-text">${ option.name }</h2> <label class="c-product-options_item" v-for="(value, index) in option.values" :key="index" :for="option.name + index" > <input class="c-product-options_input" type="radio" :id="option.name + index" :name="option.name" :value="value" v-model="selectedValues[option.id]" @change="onSelect" > <span class="c-product-options_value"> <span class="c-product-options_value_label">${ $filters.capitalize(value) } </span> </span> </label> </div> </div> <div class="c-product-form_part_item"> <button class='c-button is-cart -no-icon -capsule -secondary -product c-product-form_button' aria-label='Add to cart' type='button' @click='onSubmit' :disabled='isNotAvailable' > <span class='c-button_label '> Add to cart </span> <span class='c-button_spinner' style="pointer-events:none;"> <span class="c-spinner"></span> </span> <span class='c-button_feedback' style="pointer-events:none;"> <span> Added </span> </span> </button> </div> </div> </div> </div> </div> </div> <div class="c-product_layout_description"> <div class="c-product_description"> <div class="c-product_description_inner || c-wysiwyg -multi" data-module-wysiwyg > <p><meta charset="utf-8"><span data-mce-fragment="1">Premium black tote bag crafted from durable 12 oz canvas and measuring 25" x 16" x 8". The exterior of the bag is embellished with a white Locomotive<meta charset="utf-8">® logo on the front and white glyphs on the back, while the interior features a bottle pocket for added convenience. The bag is meticulously constructed with tonal stitching for an elegant finish. Designed and manufactured in Montreal for exceptional quality.</span></p> </div> </div> </div> <div class="c-product_layout_thumbnails"> <ul class="c-product-thumbnails" data-module-lightbox data-lightbox-json="[{"src":"//store.locomotive.ca/cdn/shop/products/AO0A9212-crop.jpg?v=1679413568","alt":"Black Oversized Tote Bag","width":2200,"height":2750},{"src":"//store.locomotive.ca/cdn/shop/products/AO0A9149-crop-2.jpg?v=1679413568","alt":"Black Oversized Tote Bag","width":2200,"height":2750},{"src":"//store.locomotive.ca/cdn/shop/products/AO0A9388-crop.jpg?v=1679517683","alt":"Black Oversized Tote Bag","width":2200,"height":2750},{"src":"//store.locomotive.ca/cdn/shop/products/AO0A9385-crop.jpg?v=1679517683","alt":"Black Oversized Tote Bag","width":2200,"height":2750},{"src":"//store.locomotive.ca/cdn/shop/products/AO0A9393-crop.jpg?v=1679413566","alt":"Black Oversized Tote Bag","width":2200,"height":2750}]"> <li class="c-product-thumbnails_item"> <div class="c-image"> <div class="c-image_inner" > <img class="c-image_img" alt="Black Oversized Tote Bag" width="900" height="" src="//store.locomotive.ca/cdn/shop/products/AO0A9212-crop.jpg?v=1679413568&width=900" loading="eager" > </div> </div> <button data-lightbox="button" class="c-product-thumbnail_button"> <span class="u-screen-reader-text">View fullscreen image</span> </button> </li> <li class="c-product-thumbnails_item"> <div class="c-image"> <div class="c-image_inner" > <img class="c-image_img" alt="Black Oversized Tote Bag" width="900" height="" src="//store.locomotive.ca/cdn/shop/products/AO0A9149-crop-2.jpg?v=1679413568&width=900" loading="eager" > </div> </div> <button data-lightbox="button" class="c-product-thumbnail_button"> <span class="u-screen-reader-text">View fullscreen image</span> </button> </li> <li class="c-product-thumbnails_item"> <div class="c-image"> <div class="c-image_inner" > <img class="c-image_img" alt="Black Oversized Tote Bag" width="900" height="" src="//store.locomotive.ca/cdn/shop/products/AO0A9388-crop.jpg?v=1679517683&width=900" loading="eager" > </div> </div> <button data-lightbox="button" class="c-product-thumbnail_button"> <span class="u-screen-reader-text">View fullscreen image</span> </button> </li> <li class="c-product-thumbnails_item"> <div class="c-image"> <div class="c-image_inner" > <img class="c-image_img" alt="Black Oversized Tote Bag" width="900" height="" src="//store.locomotive.ca/cdn/shop/products/AO0A9385-crop.jpg?v=1679517683&width=900" loading="eager" > </div> </div> <button data-lightbox="button" class="c-product-thumbnail_button"> <span class="u-screen-reader-text">View fullscreen image</span> </button> </li> <li class="c-product-thumbnails_item"> <div class="c-image"> <div class="c-image_inner" > <img class="c-image_img" alt="Black Oversized Tote Bag" width="900" height="" src="//store.locomotive.ca/cdn/shop/products/AO0A9393-crop.jpg?v=1679413566&width=900" loading="eager" > </div> </div> <button data-lightbox="button" class="c-product-thumbnail_button"> <span class="u-screen-reader-text">View fullscreen image</span> </button> </li> </ul> </div> </div> </div> <footer class="c-product_footer || u-margin-enormous-top" data-module-cursor data-scroll data-scroll-position="start,end" data-scroll-call="toggle, Cursor" data-scroll-repeat > <div class="o-container"> <div class="o-grid -col-12 -gutters-x"> <div class="o-grid_item u-gc-1/3 u-gc-1/7@from-small"> <div class="c-push-card" > <a class="c-push-card_inner" href="/products/signature-sweatshirt"> <p class="c-push-card_label || c-text -xsmall -primary -spacing"> (Prev) </p> <div class="c-push-card_image_cursor" data-cursor="cursor"> <div class="c-push-card_image"> <div class="c-image -cover "> <div class="c-image_inner" > <img class="c-image_img" alt="Black Hooded Sweatshirt" width="" height="" src="//store.locomotive.ca/cdn/shop/products/AO0A9288-crop.jpg?v=1679413543" loading="eager" > </div> </div> </div> </div> <h2 class="c-push-card_title || c-text -primary -spacing" data-module-split-text data-split-text-lines> Black Hooded Sweatshirt </h2> </a> </div> </div> <div class="o-grid_item u-gc-3/5 u-gc-7/13@from-small"> <div class="c-push-card" > <a class="c-push-card_inner" href="/products/beanie-black"> <p class="c-push-card_label || c-text -xsmall -primary -spacing"> (Next) </p> <div class="c-push-card_image_cursor" data-cursor="cursor"> <div class="c-push-card_image"> <div class="c-image -cover "> <div class="c-image_inner" > <img class="c-image_img" alt="Black Plain Knit Beanie Hat" width="300" height="" src="//store.locomotive.ca/cdn/shop/products/AO0A9368-crop.jpg?v=1679413616&width=300" loading="eager" > </div> </div> </div> </div> <h2 class="c-push-card_title || c-text -primary -spacing" data-module-split-text data-split-text-lines> Black Plain Knit Beanie Hat </h2> </a> </div> </div> </div> </div> </footer> </article> </div> </main> </div> <!-- BEGIN sections: prefooter-group --> <div id="shopify-section-sections--18261841707291__pre-footer" class="shopify-section shopify-section-group-prefooter-group"><div class="c-pre-footer"> <div class="o-container"> <div class="o-grid -col-12 -gutters-x"> <div class="o-grid_item u-gc-4/13@from-small"> <div class="c-pre-footer_paragraph || c-text -medium -primary"> <p> Created by the Locomotive® team, this store and signature collection celebrates our collective creativity and passion for apparel. Carefully designed and manufactured to the highest standards. Freshness guaranteed. </p> </div> <a class="c-button -shrink -no-icon || c-pre-footer_link" target="_blank" rel="noopener" href="https://locomotive.ca" > <div class="c-button_label"> <span>Visit</span><span>Locomotive</span><span>.</span><span>ca</span> </div> </a> </div> </div> </div> </div> </div> <!-- END sections: prefooter-group --> <footer class="c-footer"> <div class="o-container"> <div class="o-grid -col-12 -gutters-x -gutters-y -bottom-items"> <div class="o-grid_item u-gc-1/3 u-gc-1/4@from-small"><nav class="c-nav"> <ul class="c-nav_list"><li> <a class='c-button -no-icon -link || u-link ' href='https://www.instagram.com/locomotivemtl' aria-label='' target="_blank" rel="noopener" > <span class='c-button_label '> Instagram </span> </a> </li><li> <a class='c-button -no-icon -link || u-link ' href='https://twitter.com/LocomotiveMTL' aria-label='' target="_blank" rel="noopener" > <span class='c-button_label '> Twitter </span> </a> </li><li> <a class='c-button -no-icon -link || u-link ' href='https://www.linkedin.com/company/locomotive-mtl' aria-label='' target="_blank" rel="noopener" > <span class='c-button_label '> LinkedIn </span> </a> </li><li> <a class='c-button -no-icon -link || u-link ' href='https://www.facebook.com/locoMTL/' aria-label='' target="_blank" rel="noopener" > <span class='c-button_label '> Facebook </span> </a> </li></ul> </nav></div> <div class="o-grid_item u-gc-3/5 u-gc-4/10@from-small"><nav class="c-nav"> <ul class="c-nav_list"><li> <a class='c-button -no-icon -link || u-link ' href='/pages/faq' aria-label='' > <span class='c-button_label '> FAQ </span> </a> </li><li> <a class='c-button -no-icon -link || u-link ' href='/policies/shipping-policy' aria-label='' > <span class='c-button_label '> Shipping Policy </span> </a> </li><li> <a class='c-button -no-icon -link || u-link ' href='/policies/refund-policy' aria-label='' > <span class='c-button_label '> Refund Policy </span> </a> </li><li> <a class='c-button -no-icon -link || u-link ' href='/policies/privacy-policy' aria-label='' > <span class='c-button_label '> Privacy Policy </span> </a> </li><li> <a class='c-button -no-icon -link || u-link ' href='/policies/terms-of-service' aria-label='' > <span class='c-button_label '> Terms of Service </span> </a> </li><li> <button class='c-button -no-icon -link || u-link ' aria-label='' type='button' data-shopify-cookie-consent="show-preferences" > <span class='c-button_label '> Cookie preferences </span> </button> </li> </ul> </nav></div> <div class="o-grid_item u-gc-1/3 u-gc-10/13@from-small -align-end"> <p class="c-text -label -spacing || c-footer_copy"> 2024© </p> </div> </div> </div> </footer> <div class="c-glyph" aria-hidden="true" data-module-glyph> <div class="o-container"> <div class="c-glyph_inner"> <div class="c-glyph_chars"> <div class="c-glyph_char_wrapper" data-glyph="char"><p class="c-glyph_char">🔝</p></div> <div class="c-glyph_char_wrapper" data-glyph="char"><p class="c-glyph_char">🔝</p></div> <div class="c-glyph_char_wrapper" data-glyph="char"><p class="c-glyph_char">🔝</p></div> <div class="c-glyph_char_wrapper" data-glyph="char"><p class="c-glyph_char">🔝</p></div> <div class="c-glyph_char_wrapper" data-glyph="char"><p class="c-glyph_char">🔝</p></div> <div class="c-glyph_char_wrapper -static"><p class="c-glyph_char">🔝</p></div> </div> </div> </div> </div> </div> <div class="c-modal-cart || c-modal" data-module-modal-cart aria-label="Cart modal" tabindex="-1" aria-hidden="false" data-lenis-prevent > <div class="c-modal-cart_container || c-modal_container"> <div class="c-modal_scrollable" data-modal-cart="scrollable"> <div class="c-modal_scrollable_inner"> <div class="c-modal-cart_header"> <div class="c-modal-cart_header_inner || o-container"> <div class="o-grid -col-12 -gutters-x -gutters-y"> <div class="o-grid_item u-gc-1/3 u-gc-1/3@from-small"> <div class="c-modal-cart_tools"> <div data-module-currency-selector> <form method="post" action="/cart/update" id="menu-currency-select" accept-charset="UTF-8" class="shopify-currency-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="currency" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="return_to" value="/products/oversized-tote-bag" /> <div class="c-select"> <select name="currency"><option value="CAD">CAD $</option><option value="USD" selected="selected">USD $</option></select> <div class="c-select_icon"> <svg class='svg-chevron' role='img' aria-label=''> <use xlink:href="#chevron"></use> </svg> </div> </div> </form> </div> </div> </div> <div class="o-grid_item u-gc-1/3 u-gc-4/9@from-small || u-hide@to-small"> <p class="c-cart-counter-pastille_wrapper"> <span class="c-cart-counter-pastille" data-module-cart-counter> <span class="c-text -primary -label-xl" data-cart-counter="content">0</span> </span> <span class="c-text -primary -label-xl" data-cart-counter="content">items</span> </p> </div> <div class="o-grid_item u-gc-3/5 u-gc-9/13@from-small -justify-end"> <button class='c-button -link -no-icon -close c-modal-cart_close' aria-label='' type='button' data-modal-cart="close" > <span class='c-button_label '> Close </span> <span class='c-button_icon o-icon'> <svg class='svg-cross' role='img' aria-label=''> <use xlink:href="#cross"></use> </svg> </span> </button> </div> </div> </div> </div> <div class="c-modal-cart_inner || c-modal_inner"> <div class="c-modal-cart_layout || o-container"> <form class="c-cart" action="/cart" id="CartForm" method="post" > <div class="c-cart_inner" data-module-cart> <div class="c-cart_app" data-cart="app"> <div class="c-cart_empty" v-if="!cart.items.length"> <div class="c-cart_empty_inner"> <p class="c-text -primary -label-xxl">The bag is empty</p> </div> </div> <ul v-else class="c-cart_lines"> <li class="c-cart-line" v-for="(item, index) in cart.items" :key="index"> <h2 class="c-cart-line_heading || c-text -primary -label-xl">${item.product_title}</h2> <p class="c-cart-line_options || c-text -primary -label-xl">${ $filters.variant(item.variant_title) }</p> <div class="c-cart-line_price || c-text -primary -label-xl"> <p class="c-text -primary -label-xl" v-if="item.line_price < item.original_line_price" > <span> $ ${ $filters.price(item.original_line_price) } <br> USD </span> </p> <p class="c-text -primary -label-xl"> <span> $ ${ $filters.price(item.line_price) } <br> USD </span> </p> </div> <div class="c-cart-line_image"> <div v-if="item.featured_image.url" class="c-image -cover"> <div class="c-image_inner"> <img class="c-image_img" :alt="item.featured_image.alt" width="400" height="400" :src="$filters.imageUrl(item.featured_image.url)" loading="lazy" > </div> </div> </div> <div class="c-cart-line_quantity || c-quantity"> <label class="u-screen-reader-text" for="productQuantity">Quantity</label> <div class="c-quantity_input || c-text -primary -label-xl"> <input class="c-text -primary -label-xl" type="number" name="productQuantity" readonly="readonly" min="1" :value="item.quantity" tabindex="-1" > </div> <button class='c-button -link || c-quantity_button ' aria-label='' type='button' @click="onDecrease" :data-product-id="item.id" > <span class='c-button_label '> Minus </span> <span class='c-button_icon o-icon'> <svg class='svg-minus' role='img' aria-label=''> <use xlink:href="#minus"></use> </svg> </span> </button> <button class='c-button -link || c-quantity_button ' aria-label='' type='button' @click="onIncrease" :data-product-id="item.id" > <span class='c-button_label '> Plus </span> <span class='c-button_icon o-icon'> <svg class='svg-plus' role='img' aria-label=''> <use xlink:href="#plus"></use> </svg> </span> </button> </div> <div class="c-cart-line_delete"> <button class='c-button -no-icon -link ' aria-label='' type='button' @click="onDelete" :data-product-id="item.id" > <span class='c-button_label '> Delete </span> </button> </div> </li> </ul> <div class="c-cart-summary"> <h2 class="u-screen-reader-text">Order summary</h2> <div class="c-cart-summary_content"> <div class="c-cart-summary_pricing"> <p v-if="cart.total_price < cart.original_total_price" class="c-cart-summary_pricing_line"> <span class="c-cart-summary_pricing_label || c-text -primary -label-xl">Original price</span> <span class="c-cart-summary_pricing_value || c-text -primary -label-xl">$ ${ $filters.price(cart.original_total_price) } USD</span> </p> <p class="c-cart-summary_pricing_line"> <span class="c-cart-summary_pricing_label || c-text -primary -label-xl">Subtotal</span> <span class="c-cart-summary_pricing_value || c-text -primary -label-xl">$ ${ $filters.price(cart.total_price) } USD</span> </p> </div> <p class="c-cart-summary_terms || c-text -primary -xsmall -spacing"> Taxes and shipping will be calculated at checkout </p> </div> <div class="c-cart-summary_cta"> <button class="c-button -no-icon -checkout -primary || c-text -primary -label-xl" aria-label="Checkout" type="submit" name="checkout" form="CartForm" :disabled="cart.items.length === 0" @click="onCheckout" > <span class="c-button_inner"> <span class="c-button_label_wrapper"> <span class="c-button_label || c-text -primary -label-xl">Checkout</span> </span> <span class="c-button_spinner" style="pointer-events: none;"> <span class="c-spinner"></span> </span> </span> </button> </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> </div> <div class="c-loader"> <div class="c-loader_logo_wrapper"> <p class="c-loader_logo || c-text -secondary" aria-hidden="true">Locomotive🦉Store®</p> </div> </div> <script> window.storefrontAccessToken = `39a17d4fb6bc3b8abd25c1137a816941`; window.shopUrl = `https://store.locomotive.ca`; window.shopNamespace = `70469386523`; window.isoCode = `en`; </script> <script src="//store.locomotive.ca/cdn/shop/t/5/assets/vendors.js?v=32538371163220855831679342117" defer></script> <script src="//store.locomotive.ca/cdn/shop/t/5/assets/app.js?v=113960151540328919121729689730" defer></script> <style> </style> </body> </html>