Museum Store - Canadian Museum of Immigration at Pier 21

<!doctype html> <html class="no-js" lang="en"> <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=""> <link rel="canonical" href="https://shop.pier21.ca/"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title> Museum Store - Canadian Museum of Immigration at Pier 21 – Boutique, Pier 21 </title> <meta name="description" content="Online store for the Canadian Museum of Immigration at Pier 21. Museum branded products, souvenirs and apparel, immigrant made crafts and art, Indigenous products, and books about immigration history."> <meta property="og:site_name" content="Boutique, Pier 21 "> <meta property="og:url" content="https://shop.pier21.ca/"> <meta property="og:title" content="Museum Store - Canadian Museum of Immigration at Pier 21"> <meta property="og:type" content="website"> <meta property="og:description" content="Online store for the Canadian Museum of Immigration at Pier 21. Museum branded products, souvenirs and apparel, immigrant made crafts and art, Indigenous products, and books about immigration history."><meta property="og:image" content="http://shop.pier21.ca/cdn/shop/files/GS_CMI_Colour_600px.png?height=628&pad_color=ffffff&v=1728399971&width=1200"> <meta property="og:image:secure_url" content="https://shop.pier21.ca/cdn/shop/files/GS_CMI_Colour_600px.png?height=628&pad_color=ffffff&v=1728399971&width=1200"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="628"><meta name="twitter:site" content="@Pier21"><meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Museum Store - Canadian Museum of Immigration at Pier 21"> <meta name="twitter:description" content="Online store for the Canadian Museum of Immigration at Pier 21. Museum branded products, souvenirs and apparel, immigrant made crafts and art, Indigenous products, and books about immigration history."> <script src="//shop.pier21.ca/cdn/shop/t/2/assets/constants.js?v=58251544750838685771704375500" defer="defer"></script> <script src="//shop.pier21.ca/cdn/shop/t/2/assets/pubsub.js?v=158357773527763999511704375501" defer="defer"></script> <script src="//shop.pier21.ca/cdn/shop/t/2/assets/global.js?v=40820548392383841591704375500" defer="defer"></script><script src="//shop.pier21.ca/cdn/shop/t/2/assets/animations.js?v=88693664871331136111704375499" defer="defer"></script><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/68982341910/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="a9d5fbfababa4e89ada89222d2d7f183"> <meta id="in-context-paypal-metadata" data-shop-id="68982341910" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="CAD"> <link rel="alternate" hreflang="x-default" href="https://shop.pier21.ca/"> <link rel="alternate" hreflang="en-CA" href="https://shop.pier21.ca/"> <link rel="alternate" hreflang="fr-CA" href="https://shop.pier21.ca/fr"> <script async="async" src="/checkouts/internal/preloads.js?locale=en-CA"></script> <link rel="preconnect" href="https://shop.app" crossorigin="anonymous"> <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-CA&shop_id=68982341910" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":68982341910,"countryCode":"CA","currencyCode":"CAD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/68982341910","merchantName":"Boutique, Pier 21 ","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","interac","jcb"],"total":{"type":"pending","label":"Boutique, Pier 21 ","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script> <script id="shopify-features" type="application/json">{"accessToken":"a9d5fbfababa4e89ada89222d2d7f183","betas":["rich-media-storefront-analytics"],"domain":"shop.pier21.ca","predictiveSearch":true,"shopId":68982341910,"smart_payment_buttons_url":"https:\/\/shop.pier21.ca\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/shop.pier21.ca\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "cmip21-shop.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"CAD","rate":"1.0"}; Shopify.country = "CA"; Shopify.theme = {"name":"Updated copy of Dawn","id":164122034454,"schema_name":"Dawn","schema_version":"12.0.0","theme_store_id":887,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "shop.pier21.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":"index"}</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":68982341910,"offset":-14400,"reqid":"65a98a72-06a4-47cf-a05b-4c06e033d2d6-1732373125","pageurl":"shop.pier21.ca\/","u":"bf69e5003be2","p":"home"};</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="//shop.pier21.ca/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//shop.pier21.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="//shop.pier21.ca/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <script id="sections-script" data-sections="header" defer="defer" src="//shop.pier21.ca/cdn/shop/t/2/compiled_assets/scripts.js?203"></script> <style id="shopify-accelerated-checkout"> .shopify-payment-button__button--hidden { visibility: hidden; } .shopify-payment-button__button { height: clamp( 25px, var(--shopify-accelerated-checkout-button-block-size, 44px), 55px ); min-height: clamp( 25px, var(--shopify-accelerated-checkout-button-block-size, 44px), 55px ); border-radius: var(--shopify-accelerated-checkout-button-border-radius, 0px); width: 100%; border: none; box-shadow: 0 0 0 0 transparent; color: white; cursor: pointer; display: block; font-size: 1em; font-weight: 500; line-height: 1; text-align: center; transition: background 0.2s ease-in-out; } .shopify-payment-button__button[disabled] { opacity: 0.6; cursor: default; } .shopify-payment-button__button--unbranded { background-color: #1990c6; padding: 1em 2em; } .shopify-payment-button__button--unbranded:hover:not([disabled]) { background-color: #136f99; } .shopify-payment-button__more-options { background: transparent; border: 0 none; cursor: pointer; display: block; font-size: 1em; margin-top: 1em; text-align: center; text-decoration: underline; width: 100%; } .shopify-payment-button__more-options.shopify-payment-button__skeleton { height: auto !important; min-height: 0 !important; border-radius: 4px !important; width: 50%; margin-left: 25%; margin-right: 25%; } .shopify-payment-button__more-options[disabled] { opacity: 0.6; cursor: default !important; } .shopify-payment-button__button.shopify-payment-button__button--branded { display: flex; flex-direction: column; position: relative; z-index: 1; } .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate { flex: 1 !important; display: flex !important; flex-direction: column !important; } .shopify-payment-button__button.button.loading { position: relative; color: transparent; } .shopify-payment-button__button.button.loading > .loading-overlay__spinner { top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; height: 100%; display: flex; align-items: center; } .shopify-payment-button__button.button.loading > .loading-overlay__spinner .spinner { width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; } .button.loading > .loading-overlay__spinner .path { stroke: white; } .shopify-payment-button__button .loading-overlay__spinner { width: 1.8rem; display: inline-block; } .shopify-payment-button__button .spinner { animation: shopify-rotator 1.4s linear infinite; } @keyframes shopify-rotator { 0% { transform: rotate(0deg); } 100% { transform: rotate(270deg); } } .shopify-payment-button__button .path { stroke-dasharray: 280; stroke-dashoffset: 0; transform-origin: center; stroke: rgb(18,18,18); animation: shopify-dash 1.4s ease-in-out infinite; } @media screen and (forced-colors: active) { .shopify-payment-button__button .path { stroke: CanvasText; } } @keyframes shopify-dash { 0% { stroke-dashoffset: 280; } 50% { stroke-dashoffset: 75; transform: rotate(135deg); } 100% { stroke-dashoffset: 280; transform: rotate(450deg); } } @keyframes acceleratedCheckoutLoadingSkeleton { 50% {opacity: var(--shopify-accelerated-checkout-skeleton-animation-opacity-start, 1);} 75% {opacity: var(--shopify-accelerated-checkout-skeleton-animation-opacity-end, 0.5);} 100% {opacity: var(--shopify-accelerated-checkout-skeleton-animation-opacity-start, 1);} } .shopify-payment-button__skeleton { animation: acceleratedCheckoutLoadingSkeleton var(--shopify-accelerated-checkout-skeleton-animation-duration, 4s) var(--shopify-accelerated-checkout-skeleton-animation-timing-function, ease) infinite; animation-delay: -0.168s; background-color: var(--shopify-accelerated-checkout-skeleton-background-color, #dedede); box-sizing: border-box; text-decoration: none !important; height: var(--shopify-accelerated-checkout-button-block-size, inherit); min-height: 25px; max-height: 55px; border-radius: var(--shopify-accelerated-checkout-button-border-radius, inherit); } .shopify-payment-button__button { border-radius: 0px; } #shopify-buyer-consent { margin-top: 1em; display: inline-block; width: 100%; } #shopify-buyer-consent.hidden { display: none; } #shopify-subscription-policy-button { background: none; border: none; padding: 0; text-decoration: underline; font-size: inherit; cursor: pointer; } #shopify-subscription-policy-button::before { box-shadow: none; } </style> <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: 180px; } } </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <style data-shopify> @font-face { font-family: "Harmonia Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("//shop.pier21.ca/cdn/fonts/harmonia_sans/harmoniasans_n4.73cf0589f7839ec88463a09f5335a2885467ed0c.woff2?h1=Y21pcDIxLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=cGllcjIxLmNh&hmac=1dcf852b316df1f1196159ac03c2640861c2a7adda9c56467fa8033ce07fd68a") format("woff2"), url("//shop.pier21.ca/cdn/fonts/harmonia_sans/harmoniasans_n4.1c5276ef69780b63aa8f0ba7897fb3bc87270bb0.woff?h1=Y21pcDIxLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=cGllcjIxLmNh&hmac=8710cc101f2ae1b01ae297b84eeaf76f39f9dc5775d5c817c422cfdea04fa4be") format("woff"); } @font-face { font-family: "Harmonia Sans"; font-weight: 700; font-style: normal; font-display: swap; src: url("//shop.pier21.ca/cdn/fonts/harmonia_sans/harmoniasans_n7.db6a243cdeddb2eba0b2e8fccdce1e6910fd06d0.woff2?h1=Y21pcDIxLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=cGllcjIxLmNh&hmac=ff31ec678fd35c3eb701142dc94a52ced7b7cfd991f3ac72514bd3ed026e3ba0") format("woff2"), url("//shop.pier21.ca/cdn/fonts/harmonia_sans/harmoniasans_n7.a069bd4d0320d5bc303f7f96d7bf28abc297b6aa.woff?h1=Y21pcDIxLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=cGllcjIxLmNh&hmac=81e581b62d230ce6c4596a79c6e521006e832e098794b09eb1e4832e54473f51") format("woff"); } @font-face { font-family: "Harmonia Sans"; font-weight: 400; font-style: italic; font-display: swap; src: url("//shop.pier21.ca/cdn/fonts/harmonia_sans/harmoniasans_i4.ccbfea79fd847e76d49925a923aa89064359e629.woff2?h1=Y21pcDIxLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=cGllcjIxLmNh&hmac=ab7bed2ef9d81fb955571859b309690ae578dd349d96b07f780870176e5aecaa") format("woff2"), url("//shop.pier21.ca/cdn/fonts/harmonia_sans/harmoniasans_i4.e5c05a10aacfb8cc7fdf892df8dba937a214e6e7.woff?h1=Y21pcDIxLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=cGllcjIxLmNh&hmac=26aa02f57ceb4def2a184e5b0e12392ed5ae7623e63aae08ba35bbc3a1c4b0d5") format("woff"); } @font-face { font-family: "Harmonia Sans"; font-weight: 700; font-style: italic; font-display: swap; src: url("//shop.pier21.ca/cdn/fonts/harmonia_sans/harmoniasans_i7.4a7dd579ac7cb56f507f74a6af51c429211c3385.woff2?h1=Y21pcDIxLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=cGllcjIxLmNh&hmac=790c56b19a3ae4fb0510a1c96bc8781cef5c7a1af05502244dbe35382f560f84") format("woff2"), url("//shop.pier21.ca/cdn/fonts/harmonia_sans/harmoniasans_i7.f513289b781582823a912d2e8125b8c109e5d61c.woff?h1=Y21pcDIxLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=cGllcjIxLmNh&hmac=6eb7640a935353d4301635302af6d94a9eec69341b18958eaca99950f0a00a0a") format("woff"); } @font-face { font-family: "Harmonia Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("//shop.pier21.ca/cdn/fonts/harmonia_sans/harmoniasans_n4.73cf0589f7839ec88463a09f5335a2885467ed0c.woff2?h1=Y21pcDIxLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=cGllcjIxLmNh&hmac=1dcf852b316df1f1196159ac03c2640861c2a7adda9c56467fa8033ce07fd68a") format("woff2"), url("//shop.pier21.ca/cdn/fonts/harmonia_sans/harmoniasans_n4.1c5276ef69780b63aa8f0ba7897fb3bc87270bb0.woff?h1=Y21pcDIxLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=cGllcjIxLmNh&hmac=8710cc101f2ae1b01ae297b84eeaf76f39f9dc5775d5c817c422cfdea04fa4be") format("woff"); } :root, .color-background-1 { --color-background: 255,255,255; --gradient-background: #ffffff; --color-foreground: 18,18,18; --color-background-contrast: 191,191,191; --color-shadow: 18,18,18; --color-button: 250,250,250; --color-button-text: 0,120,171; --color-secondary-button: 255,255,255; --color-secondary-button-text: 18,18,18; --color-link: 18,18,18; --color-badge-foreground: 18,18,18; --color-badge-background: 255,255,255; --color-badge-border: 18,18,18; --payment-terms-background-color: rgb(255 255 255); } .color-background-2 { --color-background: 0,152,159; --gradient-background: #00989f; --color-foreground: 250,250,250; --color-background-contrast: 0,30,31; --color-shadow: 18,18,18; --color-button: 18,18,18; --color-button-text: 0,152,159; --color-secondary-button: 0,152,159; --color-secondary-button-text: 18,18,18; --color-link: 18,18,18; --color-badge-foreground: 250,250,250; --color-badge-background: 0,152,159; --color-badge-border: 250,250,250; --payment-terms-background-color: rgb(0 152 159); } .color-inverse { --color-background: 18,18,18; --gradient-background: #121212; --color-foreground: 250,250,250; --color-background-contrast: 146,146,146; --color-shadow: 18,18,18; --color-button: 250,250,250; --color-button-text: 18,18,18; --color-secondary-button: 18,18,18; --color-secondary-button-text: 250,250,250; --color-link: 250,250,250; --color-badge-foreground: 250,250,250; --color-badge-background: 18,18,18; --color-badge-border: 250,250,250; --payment-terms-background-color: rgb(18 18 18); } .color-accent-1 { --color-background: 92,28,129; --gradient-background: #5c1c81; --color-foreground: 0,120,171; --color-background-contrast: 107,33,150; --color-shadow: 18,18,18; --color-button: 0,120,171; --color-button-text: 92,28,129; --color-secondary-button: 92,28,129; --color-secondary-button-text: 0,120,171; --color-link: 0,120,171; --color-badge-foreground: 0,120,171; --color-badge-background: 92,28,129; --color-badge-border: 0,120,171; --payment-terms-background-color: rgb(92 28 129); } .color-accent-2 { --color-background: 0,152,159; --gradient-background: #00989f; --color-foreground: 0,120,171; --color-background-contrast: 0,30,31; --color-shadow: 18,18,18; --color-button: 0,120,171; --color-button-text: 0,152,159; --color-secondary-button: 0,152,159; --color-secondary-button-text: 0,120,171; --color-link: 0,120,171; --color-badge-foreground: 0,120,171; --color-badge-background: 0,152,159; --color-badge-border: 0,120,171; --payment-terms-background-color: rgb(0 152 159); } .color-scheme-f96241c3-6888-4315-83f0-f9fbc3e40c91 { --color-background: 250,250,250; --gradient-background: #fafafa; --color-foreground: 51,51,51; --color-background-contrast: 186,186,186; --color-shadow: 18,18,18; --color-button: ,,; --color-button-text: 0,120,171; --color-secondary-button: 250,250,250; --color-secondary-button-text: 18,18,18; --color-link: 18,18,18; --color-badge-foreground: 51,51,51; --color-badge-background: 250,250,250; --color-badge-border: 51,51,51; --payment-terms-background-color: rgb(250 250 250); } body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2, .color-scheme-f96241c3-6888-4315-83f0-f9fbc3e40c91 { color: rgba(var(--color-foreground), 0.75); background-color: rgb(var(--color-background)); } :root { --font-body-family: "Harmonia Sans", sans-serif; --font-body-style: normal; --font-body-weight: 400; --font-body-weight-bold: 700; --font-heading-family: "Harmonia Sans", sans-serif; --font-heading-style: normal; --font-heading-weight: 400; --font-body-scale: 1.0; --font-heading-scale: 1.0; --media-padding: px; --media-border-opacity: 0.05; --media-border-width: 1px; --media-radius: 0px; --media-shadow-opacity: 0.0; --media-shadow-horizontal-offset: 0px; --media-shadow-vertical-offset: 4px; --media-shadow-blur-radius: 5px; --media-shadow-visible: 0; --page-width: 120rem; --page-width-margin: 0rem; --product-card-image-padding: 0.0rem; --product-card-corner-radius: 0.0rem; --product-card-text-alignment: left; --product-card-border-width: 0.0rem; --product-card-border-opacity: 0.1; --product-card-shadow-opacity: 0.0; --product-card-shadow-visible: 0; --product-card-shadow-horizontal-offset: 0.0rem; --product-card-shadow-vertical-offset: 0.4rem; --product-card-shadow-blur-radius: 0.5rem; --collection-card-image-padding: 0.0rem; --collection-card-corner-radius: 0.0rem; --collection-card-text-alignment: left; --collection-card-border-width: 0.0rem; --collection-card-border-opacity: 0.1; --collection-card-shadow-opacity: 0.0; --collection-card-shadow-visible: 0; --collection-card-shadow-horizontal-offset: 0.0rem; --collection-card-shadow-vertical-offset: 0.4rem; --collection-card-shadow-blur-radius: 0.5rem; --blog-card-image-padding: 0.0rem; --blog-card-corner-radius: 0.0rem; --blog-card-text-alignment: left; --blog-card-border-width: 0.0rem; --blog-card-border-opacity: 0.1; --blog-card-shadow-opacity: 0.0; --blog-card-shadow-visible: 0; --blog-card-shadow-horizontal-offset: 0.0rem; --blog-card-shadow-vertical-offset: 0.4rem; --blog-card-shadow-blur-radius: 0.5rem; --badge-corner-radius: 4.0rem; --popup-border-width: 1px; --popup-border-opacity: 0.1; --popup-corner-radius: 0px; --popup-shadow-opacity: 0.0; --popup-shadow-horizontal-offset: 0px; --popup-shadow-vertical-offset: 4px; --popup-shadow-blur-radius: 5px; --drawer-border-width: 1px; --drawer-border-opacity: 0.1; --drawer-shadow-opacity: 0.0; --drawer-shadow-horizontal-offset: 0px; --drawer-shadow-vertical-offset: 4px; --drawer-shadow-blur-radius: 5px; --spacing-sections-desktop: 0px; --spacing-sections-mobile: 0px; --grid-desktop-vertical-spacing: 8px; --grid-desktop-horizontal-spacing: 8px; --grid-mobile-vertical-spacing: 4px; --grid-mobile-horizontal-spacing: 4px; --text-boxes-border-opacity: 0.1; --text-boxes-border-width: 0px; --text-boxes-radius: 0px; --text-boxes-shadow-opacity: 0.0; --text-boxes-shadow-visible: 0; --text-boxes-shadow-horizontal-offset: 0px; --text-boxes-shadow-vertical-offset: 4px; --text-boxes-shadow-blur-radius: 5px; --buttons-radius: 0px; --buttons-radius-outset: 0px; --buttons-border-width: 1px; --buttons-border-opacity: 1.0; --buttons-shadow-opacity: 0.0; --buttons-shadow-visible: 0; --buttons-shadow-horizontal-offset: 0px; --buttons-shadow-vertical-offset: 4px; --buttons-shadow-blur-radius: 5px; --buttons-border-offset: 0px; --inputs-radius: 0px; --inputs-border-width: 1px; --inputs-border-opacity: 0.55; --inputs-shadow-opacity: 0.0; --inputs-shadow-horizontal-offset: 0px; --inputs-margin-offset: 0px; --inputs-shadow-vertical-offset: 4px; --inputs-shadow-blur-radius: 5px; --inputs-radius-outset: 0px; --variant-pills-radius: 40px; --variant-pills-border-width: 1px; --variant-pills-border-opacity: 0.55; --variant-pills-shadow-opacity: 0.0; --variant-pills-shadow-horizontal-offset: 0px; --variant-pills-shadow-vertical-offset: 4px; --variant-pills-shadow-blur-radius: 5px; } *, *::before, *::after { box-sizing: inherit; } html { box-sizing: border-box; font-size: calc(var(--font-body-scale) * 62.5%); height: 100%; } body { display: grid; grid-template-rows: auto auto 1fr auto; grid-template-columns: 100%; min-height: 100%; margin: 0; font-size: 1.5rem; letter-spacing: 0.06rem; line-height: calc(1 + 0.8 / var(--font-body-scale)); font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight); } @media screen and (min-width: 750px) { body { font-size: 1.6rem; } } </style> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/base.css?v=22615539281115885671704375499" rel="stylesheet" type="text/css" media="all" /> <link rel="preload" as="font" href="//shop.pier21.ca/cdn/fonts/harmonia_sans/harmoniasans_n4.73cf0589f7839ec88463a09f5335a2885467ed0c.woff2?h1=Y21pcDIxLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=cGllcjIxLmNh&hmac=1dcf852b316df1f1196159ac03c2640861c2a7adda9c56467fa8033ce07fd68a" type="font/woff2" crossorigin><link rel="preload" as="font" href="//shop.pier21.ca/cdn/fonts/harmonia_sans/harmoniasans_n4.73cf0589f7839ec88463a09f5335a2885467ed0c.woff2?h1=Y21pcDIxLXNob3AuYWNjb3VudC5teXNob3BpZnkuY29t&h2=cGllcjIxLmNh&hmac=1dcf852b316df1f1196159ac03c2640861c2a7adda9c56467fa8033ce07fd68a" type="font/woff2" crossorigin><link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-localization-form.css?v=143319823105703127341704375500" rel="stylesheet" type="text/css" media="all" /> <script src="//shop.pier21.ca/cdn/shop/t/2/assets/localization-form.js?v=161644695336821385561704375500" defer="defer"></script><link rel="stylesheet" href="//shop.pier21.ca/cdn/shop/t/2/assets/component-predictive-search.css?v=118923337488134913561704375500" media="print" onload="this.media='all'" ><script> document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); if (Shopify.designMode) { document.documentElement.classList.add('shopify-design-mode'); } </script> <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: 68982341910,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "index"};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: 68982341910,storefrontBaseUrl: "https://shop.pier21.ca",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"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":"Boutique, Pier 21 ","paymentSettings":{"currencyCode":"CAD"},"myshopifyDomain":"cmip21-shop.myshopify.com","countryCode":"CA","storefrontUrl":"https:\/\/shop.pier21.ca"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://shop.pier21.ca/cdn","1518c2ba4d2b3301a1e3cb6576947ef22edf7bb6","3c762e5aw5b983e43pc2dc4883m545d5a27",);</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'CAD'; var meta = {"page":{"pageType":"home"}}; 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: 68982341910, theme_id: 164122034454, app_name: "storefront", context_url: window.location.href, source_url: "//shop.pier21.ca/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//shop.pier21.ca/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//shop.pier21.ca/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":68982341910,"isMerchantRequest":null,"themeId":164122034454,"themeCityHash":"17253589185657071887","contentLanguage":"en","currency":"CAD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"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":"home"}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//shop.pier21.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 = "Dawn"; window.BOOMR.themeVersion = "12.0.0"; window.BOOMR.shopId = 68982341910; window.BOOMR.themeId = 164122034454; })();</script> <script defer src="https://shop.pier21.ca/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.0.2.min.js" data-application="storefront-renderer" data-shop-id="68982341910" data-render-region="gcp-asia-southeast1" data-page-type="index" data-theme-instance-id="164122034454" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body class="gradient animate--hover-default"> <a class="skip-to-content-link button visually-hidden" href="#MainContent"> Skip to content </a> <div id="shopify-section-sections--21831173898518__header" class="shopify-section shopify-section-group-header-group section-header"><link rel="stylesheet" href="//shop.pier21.ca/cdn/shop/t/2/assets/component-list-menu.css?v=151968516119678728991704375500" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//shop.pier21.ca/cdn/shop/t/2/assets/component-search.css?v=165164710990765432851704375500" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//shop.pier21.ca/cdn/shop/t/2/assets/component-menu-drawer.css?v=31331429079022630271704375500" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//shop.pier21.ca/cdn/shop/t/2/assets/component-cart-notification.css?v=54116361853792938221704375499" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//shop.pier21.ca/cdn/shop/t/2/assets/component-cart-items.css?v=145340746371385151771704375499" media="print" onload="this.media='all'"><link rel="stylesheet" href="//shop.pier21.ca/cdn/shop/t/2/assets/component-price.css?v=70172745017360139101704375500" media="print" onload="this.media='all'"><noscript><link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-list-menu.css?v=151968516119678728991704375500" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-search.css?v=165164710990765432851704375500" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-menu-drawer.css?v=31331429079022630271704375500" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-cart-notification.css?v=54116361853792938221704375499" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-cart-items.css?v=145340746371385151771704375499" rel="stylesheet" type="text/css" media="all" /></noscript> <style> header-drawer { justify-self: start; margin-left: -1.2rem; }@media screen and (min-width: 990px) { header-drawer { display: none; } }.menu-drawer-container { display: flex; } .list-menu { list-style: none; padding: 0; margin: 0; } .list-menu--inline { display: inline-flex; flex-wrap: wrap; } summary.list-menu__item { padding-right: 2.7rem; } .list-menu__item { display: flex; align-items: center; line-height: calc(1 + 0.3 / var(--font-body-scale)); } .list-menu__item--link { text-decoration: none; padding-bottom: 1rem; padding-top: 1rem; line-height: calc(1 + 0.8 / var(--font-body-scale)); } @media screen and (min-width: 750px) { .list-menu__item--link { padding-bottom: 0.5rem; padding-top: 0.5rem; } } </style><style data-shopify>.header { padding: 10px 3rem 10px 3rem; } .section-header { position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */ margin-bottom: 0px; } @media screen and (min-width: 750px) { .section-header { margin-bottom: 0px; } } @media screen and (min-width: 990px) { .header { padding-top: 20px; padding-bottom: 20px; } }</style><script src="//shop.pier21.ca/cdn/shop/t/2/assets/details-disclosure.js?v=13653116266235556501704375500" defer="defer"></script> <script src="//shop.pier21.ca/cdn/shop/t/2/assets/details-modal.js?v=25581673532751508451704375500" defer="defer"></script> <script src="//shop.pier21.ca/cdn/shop/t/2/assets/cart-notification.js?v=133508293167896966491704375499" defer="defer"></script> <script src="//shop.pier21.ca/cdn/shop/t/2/assets/search-form.js?v=133129549252120666541704375501" defer="defer"></script><svg xmlns="http://www.w3.org/2000/svg" class="hidden"> <symbol id="icon-search" viewbox="0 0 18 19" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"/> </symbol> <symbol id="icon-reset" class="icon icon-close" fill="none" viewBox="0 0 18 18" stroke="currentColor"> <circle r="8.5" cy="9" cx="9" stroke-opacity="0.2"/> <path d="M6.82972 6.82915L1.17193 1.17097" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/> <path d="M1.22896 6.88502L6.77288 1.11523" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/> </symbol> <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17"> <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> </symbol> </svg><sticky-header data-sticky-type="on-scroll-up" class="header-wrapper color-background-1 gradient header-wrapper--border-bottom"><header class="header header--middle-left header--mobile-center page-width header--has-menu header--has-social header--has-account"> <header-drawer data-breakpoint="tablet"> <details id="Details-menu-drawer-container" class="menu-drawer-container"> <summary class="header__icon header__icon--menu header__icon--summary link focus-inset" aria-label="Menu" > <span> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-hamburger" fill="none" viewBox="0 0 18 16" > <path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor"> </svg> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewBox="0 0 18 17" > <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> </svg> </span> </summary> <div id="menu-drawer" class="gradient menu-drawer motion-reduce color-background-1"> <div class="menu-drawer__inner-container"> <div class="menu-drawer__navigation-container"> <nav class="menu-drawer__navigation"> <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><a id="HeaderDrawer-home" href="/" class="menu-drawer__menu-item list-menu__item link link--text focus-inset menu-drawer__menu-item--active" aria-current="page" > Home </a></li><li><a id="HeaderDrawer-shop" href="/collections" class="menu-drawer__menu-item list-menu__item link link--text focus-inset" > Shop </a></li><li><a id="HeaderDrawer-contact" href="/pages/contact" class="menu-drawer__menu-item list-menu__item link link--text focus-inset" > Contact </a></li></ul> </nav> <div class="menu-drawer__utility-links"><a href="https://shop.pier21.ca/customer_authentication/redirect?locale=en&region_country=CA" class="menu-drawer__account link focus-inset h5 medium-hide large-up-hide" > <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-account" fill="none" viewBox="0 0 18 19" > <path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35z" fill="currentColor"> </svg> Log in</a><div class="menu-drawer__localization header-localization"> <noscript><form method="post" action="/localization" id="HeaderLanguageMobileFormNoScriptDrawer" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><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="/" /><div class="localization-form__select"> <h2 class="visually-hidden" id="HeaderLanguageMobileLabelNoScriptDrawer"> Language </h2> <select class="localization-selector link" name="locale_code" aria-labelledby="HeaderLanguageMobileLabelNoScriptDrawer" ><option value="en" lang="en" selected > English </option><option value="fr" lang="fr" > Français </option></select> <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> </svg> </div> <button class="button button--tertiary">Update language</button></form></noscript> <localization-form class="no-js-hidden"><form method="post" action="/localization" id="HeaderLanguageMobileForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><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="/" /><div> <h2 class="visually-hidden" id="HeaderLanguageMobileLabel"> Language </h2><div class="disclosure"> <button type="button" class="disclosure__button localization-form__select localization-selector link link--text caption-large" aria-expanded="false" aria-controls="HeaderLanguageMobileList" aria-describedby="HeaderLanguageMobileLabel" > <span>English</span> <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> </svg> </button> <div class="disclosure__list-wrapper" hidden> <ul id="HeaderLanguageMobileList" role="list" class="disclosure__list list-unstyled"><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large disclosure__link--active focus-inset" href="#" hreflang="en" lang="en" aria-current="true" data-value="en" > English </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" hreflang="fr" lang="fr" data-value="fr" > Français </a> </li></ul> </div> </div> <input type="hidden" name="locale_code" value="en"> </div></form></localization-form></div><ul class="list list-social list-unstyled" role="list"><li class="list-social__item"> <a href="https://twitter.com/Pier21" class="list-social__link link"><svg aria-hidden="true" focusable="false" class="icon icon-twitter" viewBox="0 0 20 20"> <path fill="currentColor" d="M18.608 4.967a7.364 7.364 0 0 1-1.758 1.828c0 .05 0 .13.02.23l.02.232a10.014 10.014 0 0 1-1.697 5.565 11.023 11.023 0 0 1-2.029 2.29 9.13 9.13 0 0 1-2.832 1.607 10.273 10.273 0 0 1-8.94-.985c.342.02.613.04.834.04 1.647 0 3.114-.502 4.4-1.506a3.616 3.616 0 0 1-3.315-2.46c.528.128 1.08.107 1.597-.061a3.485 3.485 0 0 1-2.029-1.216 3.385 3.385 0 0 1-.803-2.23v-.03c.462.242.984.372 1.587.402A3.465 3.465 0 0 1 2.116 5.76c0-.612.14-1.205.452-1.798a9.723 9.723 0 0 0 3.214 2.612A10.044 10.044 0 0 0 9.88 7.649a3.013 3.013 0 0 1-.13-.804c0-.974.34-1.808 1.034-2.49a3.466 3.466 0 0 1 2.561-1.035 3.505 3.505 0 0 1 2.551 1.104 6.812 6.812 0 0 0 2.24-.853 3.415 3.415 0 0 1-1.547 1.948 7.732 7.732 0 0 0 2.02-.542v-.01Z"/> </svg> <span class="visually-hidden">Twitter</span> </a> </li><li class="list-social__item"> <a href="https://www.facebook.com/CanadianMuseumofImmigration" class="list-social__link link"><svg aria-hidden="true" focusable="false" class="icon icon-facebook" viewBox="0 0 20 20"> <path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z"/> </svg> <span class="visually-hidden">Facebook</span> </a> </li><li class="list-social__item"> <a href="https://www.instagram.com/pier21_quai21/" class="list-social__link link"><svg aria-hidden="true" focusable="false" class="icon icon-instagram" viewBox="0 0 20 20"> <path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z" clip-rule="evenodd"/> </svg> <span class="visually-hidden">Instagram</span> </a> </li><li class="list-social__item"> <a href="https://www.youtube.com/user/Pier21Museum" class="list-social__link link"><svg aria-hidden="true" focusable="false" class="icon icon-youtube" viewBox="0 0 20 20"> <path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.125 2.125 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.125 2.125 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.173 2.173 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.173 2.173 0 0 1 1.53 1.53ZM8.3 12.5l4.42-2.55L8.3 7.4v5.1Z"/> </svg> <span class="visually-hidden">YouTube</span> </a> </li></ul> </div> </div> </div> </div> </details> </header-drawer> <h1 class="header__heading"><a href="/" class="header__heading-link link link--text focus-inset"><div class="header__heading-logo-wrapper"> <img src="//shop.pier21.ca/cdn/shop/files/GS_CMI_Colour_600px.png?v=1728399971&width=600" alt="Boutique, Pier 21 " srcset="//shop.pier21.ca/cdn/shop/files/GS_CMI_Colour_600px.png?v=1728399971&width=300 300w, //shop.pier21.ca/cdn/shop/files/GS_CMI_Colour_600px.png?v=1728399971&width=450 450w, //shop.pier21.ca/cdn/shop/files/GS_CMI_Colour_600px.png?v=1728399971&width=600 600w" width="300" height="40.5" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 600px) 50vw, 300px"> </div></a></h1> <nav class="header__inline-menu"> <ul class="list-menu list-menu--inline" role="list"><li><a id="HeaderMenu-home" href="/" class="header__menu-item list-menu__item link link--text focus-inset" aria-current="page" > <span class="header__active-menu-item" >Home</span> </a></li><li><a id="HeaderMenu-shop" href="/collections" class="header__menu-item list-menu__item link link--text focus-inset" > <span >Shop</span> </a></li><li><a id="HeaderMenu-contact" href="/pages/contact" class="header__menu-item list-menu__item link link--text focus-inset" > <span >Contact</span> </a></li></ul> </nav> <div class="header__icons header__icons--localization header-localization"> <div class="desktop-localization-wrapper"> <noscript class="small-hide medium-hide"><form method="post" action="/localization" id="HeaderLanguageMobileFormNoScript" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><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="/" /><div class="localization-form__select"> <h2 class="visually-hidden" id="HeaderLanguageMobileLabelNoScript">Language</h2> <select class="localization-selector link" name="locale_code" aria-labelledby="HeaderLanguageMobileLabelNoScript"><option value="en" lang="en" selected> English </option><option value="fr" lang="fr"> Français </option></select> <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> </svg> </div> <button class="button button--tertiary">Update language</button></form></noscript> <localization-form class="small-hide medium-hide no-js-hidden"><form method="post" action="/localization" id="HeaderLanguageForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><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="/" /><div> <h2 class="visually-hidden" id="HeaderLanguageLabel">Language</h2><div class="disclosure"> <button type="button" class="disclosure__button localization-form__select localization-selector link link--text caption-large" aria-expanded="false" aria-controls="HeaderLanguageList" aria-describedby="HeaderLanguageLabel" > <span>English</span> <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> </svg> </button> <div class="disclosure__list-wrapper" hidden> <ul id="HeaderLanguageList" role="list" class="disclosure__list list-unstyled"><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large disclosure__link--active focus-inset" href="#" hreflang="en" lang="en" aria-current="true" data-value="en" > English </a> </li><li class="disclosure__item" tabindex="-1"> <a class="link link--text disclosure__link caption-large focus-inset" href="#" hreflang="fr" lang="fr" data-value="fr" > Français </a> </li></ul> </div> </div> <input type="hidden" name="locale_code" value="en"> </div></form></localization-form></div> <details-modal class="header__search"> <details> <summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Search" > <span> <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false"> <use href="#icon-search"> </svg> <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false"> <use href="#icon-close"> </svg> </span> </summary> <div class="search-modal modal__content gradient" role="dialog" aria-modal="true" aria-label="Search" > <div class="modal-overlay"></div> <div class="search-modal__content search-modal__content-bottom" tabindex="-1" ><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form"> <div class="field"> <input class="search__input field__input" id="Search-In-Modal" type="search" name="q" value="" placeholder="Search"role="combobox" aria-expanded="false" aria-owns="predictive-search-results" aria-controls="predictive-search-results" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false"> <label class="field__label" for="Search-In-Modal">Search</label> <input type="hidden" name="options[prefix]" value="last"> <button type="reset" class="reset__button field__button hidden" aria-label="Clear search term" > <svg class="icon icon-close" aria-hidden="true" focusable="false"> <use xlink:href="#icon-reset"> </svg> </button> <button class="search__button field__button" aria-label="Search"> <svg class="icon icon-search" aria-hidden="true" focusable="false"> <use href="#icon-search"> </svg> </button> </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-loading-spinner.css?v=116724955567955766481704375500" rel="stylesheet" type="text/css" media="all" /> <div class="predictive-search__loading-state"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </div> <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button type="button" class="search-modal__close-button modal__close-button link link--text focus-inset" aria-label="Close" > <svg class="icon icon-close" aria-hidden="true" focusable="false"> <use href="#icon-close"> </svg> </button> </div> </div> </details> </details-modal> <a href="https://shop.pier21.ca/customer_authentication/redirect?locale=en&region_country=CA" class="header__icon header__icon--account link focus-inset small-hide"> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-account" fill="none" viewBox="0 0 18 19" > <path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35z" fill="currentColor"> </svg> <span class="visually-hidden">Log in</span> </a><a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble"><svg class="icon icon-cart-empty" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" > <path d="m15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33l-.78-11.61zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1 -9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z" fill="currentColor" fill-rule="evenodd"/> </svg> <span class="visually-hidden">Cart</span></a> </div> </header> </sticky-header> <cart-notification> <div class="cart-notification-wrapper page-width"> <div id="cart-notification" class="cart-notification focus-inset color-background-1 gradient" aria-modal="true" aria-label="Item added to your cart" role="dialog" tabindex="-1" > <div class="cart-notification__header"> <h2 class="cart-notification__heading caption-large text-body"><svg class="icon icon-checkmark" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 9" fill="none" > <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/> </svg> Item added to your cart </h2> <button type="button" class="cart-notification__close modal__close-button link link--text focus-inset" aria-label="Close" > <svg class="icon icon-close" aria-hidden="true" focusable="false"> <use href="#icon-close"> </svg> </button> </div> <div id="cart-notification-product" class="cart-notification-product"></div> <div class="cart-notification__links"> <a href="/cart" id="cart-notification-button" class="button button--secondary button--full-width" >View cart</a> <form action="/cart" method="post" id="cart-notification-form"> <button class="button button--primary button--full-width" name="checkout"> Check out </button> </form> <button type="button" class="link button-label">Continue shopping</button> </div> </div> </div> </cart-notification> <style data-shopify> .cart-notification { display: none; } </style> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "Boutique, Pier 21 ", "logo": "https:\/\/shop.pier21.ca\/cdn\/shop\/files\/GS_CMI_Colour_600px.png?v=1728399971\u0026width=500", "sameAs": [ "https:\/\/twitter.com\/Pier21", "https:\/\/www.facebook.com\/CanadianMuseumofImmigration", "", "https:\/\/www.instagram.com\/pier21_quai21\/", "", "", "", "https:\/\/www.youtube.com\/user\/Pier21Museum", "" ], "url": "https:\/\/shop.pier21.ca" } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "name": "Boutique, Pier 21 ", "potentialAction": { "@type": "SearchAction", "target": "https:\/\/shop.pier21.ca\/search?q={search_term_string}", "query-input": "required name=search_term_string" }, "url": "https:\/\/shop.pier21.ca" } </script> </div><div id="shopify-section-sections--21831173898518__announcement-bar" class="shopify-section shopify-section-group-header-group announcement-bar-section"><link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-slideshow.css?v=107725913939919748051704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-slider.css?v=142503135496229589681704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-list-social.css?v=35792976012981934991704375500" rel="stylesheet" type="text/css" media="all" /> <div class="utility-bar color-accent-1 gradient" > <div class="page-width utility-bar__grid"><div class="localization-wrapper"> </div> </div> </div> </div>  <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1"> <section id="shopify-section-template--21831173406998__image_banner_dLK6Lk" class="shopify-section section"><link href="//shop.pier21.ca/cdn/shop/t/2/assets/section-image-banner.css?v=157856879886144226731704375501" rel="stylesheet" type="text/css" media="all" /> <style data-shopify>@media screen and (max-width: 749px) { #Banner-template--21831173406998__image_banner_dLK6Lk::before, #Banner-template--21831173406998__image_banner_dLK6Lk .banner__media::before, #Banner-template--21831173406998__image_banner_dLK6Lk:not(.banner--mobile-bottom) .banner__content::before { padding-bottom: 37.01527614571092%; content: ''; display: block; } } @media screen and (min-width: 750px) { #Banner-template--21831173406998__image_banner_dLK6Lk::before, #Banner-template--21831173406998__image_banner_dLK6Lk .banner__media::before { padding-bottom: 37.01527614571092%; content: ''; display: block; } }</style><style data-shopify>#Banner-template--21831173406998__image_banner_dLK6Lk::after { opacity: 0.0; }</style><div id="Banner-template--21831173406998__image_banner_dLK6Lk" class="banner banner--content-align-center banner--content-align-mobile-center banner--adapt banner--adapt banner--mobile-bottom scroll-trigger animate--fade-in" ><div class="banner__media media scroll-trigger animate--fade-in"><img src="//shop.pier21.ca/cdn/shop/files/Webstore_Banner_shelf.svg?v=1727097568&width=3840" alt="Books, a hat, mugs and a brick kit displayed on a glass shelf inside the gift shop" srcset="//shop.pier21.ca/cdn/shop/files/Webstore_Banner_shelf.svg?v=1727097568&width=375 375w, //shop.pier21.ca/cdn/shop/files/Webstore_Banner_shelf.svg?v=1727097568&width=550 550w, //shop.pier21.ca/cdn/shop/files/Webstore_Banner_shelf.svg?v=1727097568&width=750 750w, //shop.pier21.ca/cdn/shop/files/Webstore_Banner_shelf.svg?v=1727097568&width=1100 1100w, //shop.pier21.ca/cdn/shop/files/Webstore_Banner_shelf.svg?v=1727097568&width=1500 1500w, //shop.pier21.ca/cdn/shop/files/Webstore_Banner_shelf.svg?v=1727097568&width=1780 1780w, //shop.pier21.ca/cdn/shop/files/Webstore_Banner_shelf.svg?v=1727097568&width=2000 2000w, //shop.pier21.ca/cdn/shop/files/Webstore_Banner_shelf.svg?v=1727097568&width=3000 3000w, //shop.pier21.ca/cdn/shop/files/Webstore_Banner_shelf.svg?v=1727097568&width=3840 3840w" width="851" height="315.0" sizes="100vw" fetchpriority="high"> </div><div class="banner__content banner__content--middle-center page-width scroll-trigger animate--slide-in"> <div class="banner__box content-container content-container--full-width-mobile color-background-1 gradient"></div> </div> </div> </section><section id="shopify-section-template--21831173406998__featured_collection" class="shopify-section section"><link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-card.css?v=11469293100223554981704375499" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-price.css?v=70172745017360139101704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-slider.css?v=142503135496229589681704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/template-collection.css?v=58558206033505836701704375501" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/quick-add.css?v=167457951211641553491704375501" rel="stylesheet" type="text/css" media="all" /> <script src="//shop.pier21.ca/cdn/shop/t/2/assets/quick-add.js?v=89084998881394762061704375501" defer="defer"></script> <script src="//shop.pier21.ca/cdn/shop/t/2/assets/product-form.js?v=133081758708377679181704375500" defer="defer"></script><style data-shopify>.section-template--21831173406998__featured_collection-padding { padding-top: 21px; padding-bottom: 27px; } @media screen and (min-width: 750px) { .section-template--21831173406998__featured_collection-padding { padding-top: 28px; padding-bottom: 36px; } }</style><div class="color-background-1 isolate gradient"> <div class="collection section-template--21831173406998__featured_collection-padding"> <div class="collection__title title-wrapper title-wrapper--no-top-margin page-width"><h2 class="title inline-richtext h1 scroll-trigger animate--slide-in"> Featured Products </h2><div class="collection__description uppercase rte scroll-trigger animate--slide-in"><p>Pier 21 Collection</p> </div></div> <slider-component class="slider-mobile-gutter page-width page-width-desktop scroll-trigger animate--slide-in"> <ul id="Slider-template--21831173406998__featured_collection" class="grid product-grid contains-card contains-card--product contains-card--standard grid--4-col-desktop grid--2-col-tablet-down" role="list" aria-label="Slider" ><li id="Slide-template--21831173406998__featured_collection-1" class="grid__item scroll-trigger animate--slide-in" data-cascade style="--animation-order: 1;" > <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-rating.css?v=157771854592137137841704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-volume-pricing.css?v=56284703641257077881704375500" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper product-card-wrapper underline-links-hover"> <div class=" card card--standard card--media " style="--ratio-percent: 100.0%;" > <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100.0%;" ><div class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=165 165w,//shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=360 360w,//shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=533 533w,//shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=720 720w,//shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=940 940w,//shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=1066 1066w,//shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631 1080w " src="//shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="Pier 21: A History book cover of immigrant ship docked at Pier 21 and title of book at the top with author's names below " class="motion-reduce" loading="lazy" width="1080" height="1080" > <img srcset="//shop.pier21.ca/cdn/shop/files/Back_view_of_Pier_21_A_History.jpg?v=1726844826&width=165 165w,//shop.pier21.ca/cdn/shop/files/Back_view_of_Pier_21_A_History.jpg?v=1726844826&width=360 360w,//shop.pier21.ca/cdn/shop/files/Back_view_of_Pier_21_A_History.jpg?v=1726844826&width=533 533w,//shop.pier21.ca/cdn/shop/files/Back_view_of_Pier_21_A_History.jpg?v=1726844826&width=720 720w,//shop.pier21.ca/cdn/shop/files/Back_view_of_Pier_21_A_History.jpg?v=1726844826&width=940 940w,//shop.pier21.ca/cdn/shop/files/Back_view_of_Pier_21_A_History.jpg?v=1726844826&width=1066 1066w,//shop.pier21.ca/cdn/shop/files/Back_view_of_Pier_21_A_History.jpg?v=1726844826 1080w " src="//shop.pier21.ca/cdn/shop/files/Back_view_of_Pier_21_A_History.jpg?v=1726844826&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="" class="motion-reduce" loading="lazy" width="1080" height="1080" ></div> </div><div class="card__content"> <div class="card__information"> <h3 class="card__heading" > <a href="/products/pier-21-a-history" id="StandardCardNoMediaLink-template--21831173406998__featured_collection-8040025587990" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--21831173406998__featured_collection-8040025587990 NoMediaStandardBadge-template--21831173406998__featured_collection-8040025587990" > Pier 21: A History </a> </h3> </div> <div class="card__badge bottom left"></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--21831173406998__featured_collection-8040025587990" > <a href="/products/pier-21-a-history" id="CardLink-template--21831173406998__featured_collection-8040025587990" class="full-unstyled-link" aria-labelledby="CardLink-template--21831173406998__featured_collection-8040025587990 Badge-template--21831173406998__featured_collection-8040025587990" > Pier 21: A History </a> </h3> <div class="card-information"><span class="caption-large light"></span> <div class=" price " > <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> <span class="price-item price-item--regular"> $27.95 CAD </span></div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span> <s class="price-item price-item--regular"> </s> </span><span class="visually-hidden visually-hidden--inline">Sale price</span> <span class="price-item price-item--sale price-item--last"> $27.95 CAD </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Unit price</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> per </span> <span> </span> </span> </small> </div></div> </div> </div><div class="quick-add no-js-hidden"><modal-opener data-modal="#QuickAdd-8040025587990"> <button id="quick-add-template--21831173406998__featured_collection8040025587990-submit" type="submit" name="add" class="quick-add__submit button button--full-width button--secondary" aria-haspopup="dialog" aria-labelledby="quick-add-template--21831173406998__featured_collection8040025587990-submit title-template--21831173406998__featured_collection-8040025587990" data-product-url="/products/pier-21-a-history" > Choose options <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-loading-spinner.css?v=116724955567955766481704375500" rel="stylesheet" type="text/css" media="all" /> <div class="loading__spinner hidden"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </button> </modal-opener> <quick-add-modal id="QuickAdd-8040025587990" class="quick-add-modal"> <div role="dialog" aria-label="Choose options for Pier 21: A History" aria-modal="true" class="quick-add-modal__content global-settings-popup" tabindex="-1" > <button id="ModalClose-8040025587990" type="button" class="quick-add-modal__toggle" aria-label="Close" > <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewBox="0 0 18 17" > <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> </svg> </button> <div id="QuickAddInfo-8040025587990" class="quick-add-modal__content-info"></div> </div> </quick-add-modal></div><div class="card__badge bottom left"></div> </div> </div> </div> </li><li id="Slide-template--21831173406998__featured_collection-2" class="grid__item scroll-trigger animate--slide-in" data-cascade style="--animation-order: 2;" > <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-rating.css?v=157771854592137137841704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-volume-pricing.css?v=56284703641257077881704375500" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper product-card-wrapper underline-links-hover"> <div class=" card card--standard card--media " style="--ratio-percent: 100.0%;" > <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100.0%;" ><div class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//shop.pier21.ca/cdn/shop/files/Pier_21_Illustrated_History.jpg?v=1726845924&width=165 165w,//shop.pier21.ca/cdn/shop/files/Pier_21_Illustrated_History.jpg?v=1726845924&width=360 360w,//shop.pier21.ca/cdn/shop/files/Pier_21_Illustrated_History.jpg?v=1726845924&width=533 533w,//shop.pier21.ca/cdn/shop/files/Pier_21_Illustrated_History.jpg?v=1726845924&width=720 720w,//shop.pier21.ca/cdn/shop/files/Pier_21_Illustrated_History.jpg?v=1726845924&width=940 940w,//shop.pier21.ca/cdn/shop/files/Pier_21_Illustrated_History.jpg?v=1726845924&width=1066 1066w,//shop.pier21.ca/cdn/shop/files/Pier_21_Illustrated_History.jpg?v=1726845924 1080w " src="//shop.pier21.ca/cdn/shop/files/Pier_21_Illustrated_History.jpg?v=1726845924&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="Cover of Pier 21: An Illustrated History of Canada's Gateway with the title in a green banner and the main image two immigrant ships docked at Pier 21 in black and white and four photos on the bottom in circles of the Red Cross, mother and child and the front of the immigration building " class="motion-reduce" loading="lazy" width="1080" height="1080" > </div> </div><div class="card__content"> <div class="card__information"> <h3 class="card__heading" > <a href="/products/pier-21-an-illustrated-history-of-canadas-gateway" id="StandardCardNoMediaLink-template--21831173406998__featured_collection-9159933231382" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--21831173406998__featured_collection-9159933231382 NoMediaStandardBadge-template--21831173406998__featured_collection-9159933231382" > Pier 21: An Illustrated History of Canada's Gateway </a> </h3> </div> <div class="card__badge bottom left"></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--21831173406998__featured_collection-9159933231382" > <a href="/products/pier-21-an-illustrated-history-of-canadas-gateway" id="CardLink-template--21831173406998__featured_collection-9159933231382" class="full-unstyled-link" aria-labelledby="CardLink-template--21831173406998__featured_collection-9159933231382 Badge-template--21831173406998__featured_collection-9159933231382" > Pier 21: An Illustrated History of Canada's Gateway </a> </h3> <div class="card-information"><span class="caption-large light"></span> <div class=" price " > <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> <span class="price-item price-item--regular"> $24.95 CAD </span></div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span> <s class="price-item price-item--regular"> </s> </span><span class="visually-hidden visually-hidden--inline">Sale price</span> <span class="price-item price-item--sale price-item--last"> $24.95 CAD </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Unit price</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> per </span> <span> </span> </span> </small> </div></div> </div> </div><div class="quick-add no-js-hidden"><product-form data-section-id="template--21831173406998__featured_collection"><form method="post" action="/cart/add" id="quick-add-template--21831173406998__featured_collection9159933231382" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="47615772098838" class="product-variant-id" > <button id="quick-add-template--21831173406998__featured_collection9159933231382-submit" type="submit" name="add" class="quick-add__submit button button--full-width button--secondary" aria-haspopup="dialog" aria-labelledby="quick-add-template--21831173406998__featured_collection9159933231382-submit title-template--21831173406998__featured_collection-9159933231382" aria-live="polite" data-sold-out-message="true" > <span>Add to cart </span> <span class="sold-out-message hidden"> Sold out </span> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-loading-spinner.css?v=116724955567955766481704375500" rel="stylesheet" type="text/css" media="all" /> <div class="loading__spinner hidden"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </button><input type="hidden" name="product-id" value="9159933231382" /><input type="hidden" name="section-id" value="template--21831173406998__featured_collection" /></form></product-form></div><div class="card__badge bottom left"></div> </div> </div> </div> </li><li id="Slide-template--21831173406998__featured_collection-3" class="grid__item scroll-trigger animate--slide-in" data-cascade style="--animation-order: 3;" > <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-rating.css?v=157771854592137137841704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-volume-pricing.css?v=56284703641257077881704375500" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper product-card-wrapper underline-links-hover"> <div class=" card card--standard card--media " style="--ratio-percent: 100.0%;" > <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100.0%;" ><div class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//shop.pier21.ca/cdn/shop/files/Fenton_Sticker.png?v=1730990893&width=165 165w,//shop.pier21.ca/cdn/shop/files/Fenton_Sticker.png?v=1730990893&width=360 360w,//shop.pier21.ca/cdn/shop/files/Fenton_Sticker.png?v=1730990893&width=533 533w,//shop.pier21.ca/cdn/shop/files/Fenton_Sticker.png?v=1730990893 711w " src="//shop.pier21.ca/cdn/shop/files/Fenton_Sticker.png?v=1730990893&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="Round sticker on square background with a beige teddy bear face and a blue immigration cap on it's head" class="motion-reduce" loading="lazy" width="711" height="711" > </div> </div><div class="card__content"> <div class="card__information"> <h3 class="card__heading" > <a href="/products/fenton-sticker" id="StandardCardNoMediaLink-template--21831173406998__featured_collection-9769007939862" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--21831173406998__featured_collection-9769007939862 NoMediaStandardBadge-template--21831173406998__featured_collection-9769007939862" > Fenton Sticker </a> </h3> </div> <div class="card__badge bottom left"></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--21831173406998__featured_collection-9769007939862" > <a href="/products/fenton-sticker" id="CardLink-template--21831173406998__featured_collection-9769007939862" class="full-unstyled-link" aria-labelledby="CardLink-template--21831173406998__featured_collection-9769007939862 Badge-template--21831173406998__featured_collection-9769007939862" > Fenton Sticker </a> </h3> <div class="card-information"><span class="caption-large light"></span> <div class=" price " > <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> <span class="price-item price-item--regular"> $1.95 CAD </span></div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span> <s class="price-item price-item--regular"> </s> </span><span class="visually-hidden visually-hidden--inline">Sale price</span> <span class="price-item price-item--sale price-item--last"> $1.95 CAD </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Unit price</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> per </span> <span> </span> </span> </small> </div></div> </div> </div><div class="quick-add no-js-hidden"><product-form data-section-id="template--21831173406998__featured_collection"><form method="post" action="/cart/add" id="quick-add-template--21831173406998__featured_collection9769007939862" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="49400964251926" class="product-variant-id" > <button id="quick-add-template--21831173406998__featured_collection9769007939862-submit" type="submit" name="add" class="quick-add__submit button button--full-width button--secondary" aria-haspopup="dialog" aria-labelledby="quick-add-template--21831173406998__featured_collection9769007939862-submit title-template--21831173406998__featured_collection-9769007939862" aria-live="polite" data-sold-out-message="true" > <span>Add to cart </span> <span class="sold-out-message hidden"> Sold out </span> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-loading-spinner.css?v=116724955567955766481704375500" rel="stylesheet" type="text/css" media="all" /> <div class="loading__spinner hidden"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </button><input type="hidden" name="product-id" value="9769007939862" /><input type="hidden" name="section-id" value="template--21831173406998__featured_collection" /></form></product-form></div><div class="card__badge bottom left"></div> </div> </div> </div> </li><li id="Slide-template--21831173406998__featured_collection-4" class="grid__item scroll-trigger animate--slide-in" data-cascade style="--animation-order: 4;" > <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-rating.css?v=157771854592137137841704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-volume-pricing.css?v=56284703641257077881704375500" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper product-card-wrapper underline-links-hover"> <div class=" card card--standard card--media " style="--ratio-percent: 100.0%;" > <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100.0%;" ><div class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//shop.pier21.ca/cdn/shop/files/Clear_Icon_Sticker.png?v=1730990293&width=165 165w,//shop.pier21.ca/cdn/shop/files/Clear_Icon_Sticker.png?v=1730990293&width=360 360w,//shop.pier21.ca/cdn/shop/files/Clear_Icon_Sticker.png?v=1730990293&width=533 533w,//shop.pier21.ca/cdn/shop/files/Clear_Icon_Sticker.png?v=1730990293 719w " src="//shop.pier21.ca/cdn/shop/files/Clear_Icon_Sticker.png?v=1730990293&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="Canadian Museum of Immigration at Pier 21 icon with a red circle in the center and 4 rounded maple leaves around it in blue, yellow, green and purple creating a colourful compass rose" class="motion-reduce" loading="lazy" width="719" height="719" > <img srcset="//shop.pier21.ca/cdn/shop/files/Holographic_Sticker.png?v=1730990672&width=165 165w,//shop.pier21.ca/cdn/shop/files/Holographic_Sticker.png?v=1730990672&width=360 360w,//shop.pier21.ca/cdn/shop/files/Holographic_Sticker.png?v=1730990672&width=533 533w,//shop.pier21.ca/cdn/shop/files/Holographic_Sticker.png?v=1730990672 668w " src="//shop.pier21.ca/cdn/shop/files/Holographic_Sticker.png?v=1730990672&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="" class="motion-reduce" loading="lazy" width="668" height="668" ></div> </div><div class="card__content"> <div class="card__information"> <h3 class="card__heading" > <a href="/products/icon-sticker" id="StandardCardNoMediaLink-template--21831173406998__featured_collection-9768999846166" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--21831173406998__featured_collection-9768999846166 NoMediaStandardBadge-template--21831173406998__featured_collection-9768999846166" > Icon Sticker </a> </h3> </div> <div class="card__badge bottom left"></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--21831173406998__featured_collection-9768999846166" > <a href="/products/icon-sticker" id="CardLink-template--21831173406998__featured_collection-9768999846166" class="full-unstyled-link" aria-labelledby="CardLink-template--21831173406998__featured_collection-9768999846166 Badge-template--21831173406998__featured_collection-9768999846166" > Icon Sticker </a> </h3> <div class="card-information"><span class="caption-large light"></span> <div class=" price " > <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> <span class="price-item price-item--regular"> $2.50 CAD </span></div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span> <s class="price-item price-item--regular"> </s> </span><span class="visually-hidden visually-hidden--inline">Sale price</span> <span class="price-item price-item--sale price-item--last"> $2.50 CAD </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Unit price</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> per </span> <span> </span> </span> </small> </div></div> </div> </div><div class="quick-add no-js-hidden"><modal-opener data-modal="#QuickAdd-9768999846166"> <button id="quick-add-template--21831173406998__featured_collection9768999846166-submit" type="submit" name="add" class="quick-add__submit button button--full-width button--secondary" aria-haspopup="dialog" aria-labelledby="quick-add-template--21831173406998__featured_collection9768999846166-submit title-template--21831173406998__featured_collection-9768999846166" data-product-url="/products/icon-sticker" > Choose options <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-loading-spinner.css?v=116724955567955766481704375500" rel="stylesheet" type="text/css" media="all" /> <div class="loading__spinner hidden"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </button> </modal-opener> <quick-add-modal id="QuickAdd-9768999846166" class="quick-add-modal"> <div role="dialog" aria-label="Choose options for Icon Sticker" aria-modal="true" class="quick-add-modal__content global-settings-popup" tabindex="-1" > <button id="ModalClose-9768999846166" type="button" class="quick-add-modal__toggle" aria-label="Close" > <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewBox="0 0 18 17" > <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> </svg> </button> <div id="QuickAddInfo-9768999846166" class="quick-add-modal__content-info"></div> </div> </quick-add-modal></div><div class="card__badge bottom left"></div> </div> </div> </div> </li><li id="Slide-template--21831173406998__featured_collection-5" class="grid__item scroll-trigger animate--slide-in" data-cascade style="--animation-order: 5;" > <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-rating.css?v=157771854592137137841704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-volume-pricing.css?v=56284703641257077881704375500" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper product-card-wrapper underline-links-hover"> <div class=" card card--standard card--media " style="--ratio-percent: 100.0%;" > <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100.0%;" ><div class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//shop.pier21.ca/cdn/shop/files/Brick_Kit.png?v=1726838871&width=165 165w,//shop.pier21.ca/cdn/shop/files/Brick_Kit.png?v=1726838871&width=360 360w,//shop.pier21.ca/cdn/shop/files/Brick_Kit.png?v=1726838871&width=533 533w,//shop.pier21.ca/cdn/shop/files/Brick_Kit.png?v=1726838871&width=720 720w,//shop.pier21.ca/cdn/shop/files/Brick_Kit.png?v=1726838871&width=940 940w,//shop.pier21.ca/cdn/shop/files/Brick_Kit.png?v=1726838871&width=1066 1066w,//shop.pier21.ca/cdn/shop/files/Brick_Kit.png?v=1726838871 1405w " src="//shop.pier21.ca/cdn/shop/files/Brick_Kit.png?v=1726838871&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="Front view of building made out of plastic building blocks." class="motion-reduce" loading="lazy" width="1405" height="1405" > <img srcset="//shop.pier21.ca/cdn/shop/files/Brick_Kit_in_bag.png?v=1726839243&width=165 165w,//shop.pier21.ca/cdn/shop/files/Brick_Kit_in_bag.png?v=1726839243&width=360 360w,//shop.pier21.ca/cdn/shop/files/Brick_Kit_in_bag.png?v=1726839243&width=533 533w,//shop.pier21.ca/cdn/shop/files/Brick_Kit_in_bag.png?v=1726839243&width=720 720w,//shop.pier21.ca/cdn/shop/files/Brick_Kit_in_bag.png?v=1726839243&width=940 940w,//shop.pier21.ca/cdn/shop/files/Brick_Kit_in_bag.png?v=1726839243&width=1066 1066w,//shop.pier21.ca/cdn/shop/files/Brick_Kit_in_bag.png?v=1726839243 1348w " src="//shop.pier21.ca/cdn/shop/files/Brick_Kit_in_bag.png?v=1726839243&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="" class="motion-reduce" loading="lazy" width="1348" height="1348" ></div> </div><div class="card__content"> <div class="card__information"> <h3 class="card__heading" > <a href="/products/pier-21-brick-kit" id="StandardCardNoMediaLink-template--21831173406998__featured_collection-9589728117014" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--21831173406998__featured_collection-9589728117014 NoMediaStandardBadge-template--21831173406998__featured_collection-9589728117014" > Pier 21 Brick Kit </a> </h3> </div> <div class="card__badge bottom left"></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--21831173406998__featured_collection-9589728117014" > <a href="/products/pier-21-brick-kit" id="CardLink-template--21831173406998__featured_collection-9589728117014" class="full-unstyled-link" aria-labelledby="CardLink-template--21831173406998__featured_collection-9589728117014 Badge-template--21831173406998__featured_collection-9589728117014" > Pier 21 Brick Kit </a> </h3> <div class="card-information"><span class="caption-large light"></span> <div class=" price " > <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> <span class="price-item price-item--regular"> $65.00 CAD </span></div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span> <s class="price-item price-item--regular"> </s> </span><span class="visually-hidden visually-hidden--inline">Sale price</span> <span class="price-item price-item--sale price-item--last"> $65.00 CAD </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Unit price</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> per </span> <span> </span> </span> </small> </div></div> </div> </div><div class="quick-add no-js-hidden"><product-form data-section-id="template--21831173406998__featured_collection"><form method="post" action="/cart/add" id="quick-add-template--21831173406998__featured_collection9589728117014" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="48740808327446" class="product-variant-id" > <button id="quick-add-template--21831173406998__featured_collection9589728117014-submit" type="submit" name="add" class="quick-add__submit button button--full-width button--secondary" aria-haspopup="dialog" aria-labelledby="quick-add-template--21831173406998__featured_collection9589728117014-submit title-template--21831173406998__featured_collection-9589728117014" aria-live="polite" data-sold-out-message="true" > <span>Add to cart </span> <span class="sold-out-message hidden"> Sold out </span> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-loading-spinner.css?v=116724955567955766481704375500" rel="stylesheet" type="text/css" media="all" /> <div class="loading__spinner hidden"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </button><input type="hidden" name="product-id" value="9589728117014" /><input type="hidden" name="section-id" value="template--21831173406998__featured_collection" /></form></product-form></div><div class="card__badge bottom left"></div> </div> </div> </div> </li><li id="Slide-template--21831173406998__featured_collection-6" class="grid__item scroll-trigger animate--slide-in" data-cascade style="--animation-order: 6;" > <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-rating.css?v=157771854592137137841704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-volume-pricing.css?v=56284703641257077881704375500" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper product-card-wrapper underline-links-hover"> <div class=" card card--standard card--media " style="--ratio-percent: 100.0%;" > <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100.0%;" ><div class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//shop.pier21.ca/cdn/shop/files/Icon_mug.png?v=1726831006&width=165 165w,//shop.pier21.ca/cdn/shop/files/Icon_mug.png?v=1726831006&width=360 360w,//shop.pier21.ca/cdn/shop/files/Icon_mug.png?v=1726831006&width=533 533w,//shop.pier21.ca/cdn/shop/files/Icon_mug.png?v=1726831006&width=720 720w,//shop.pier21.ca/cdn/shop/files/Icon_mug.png?v=1726831006&width=940 940w,//shop.pier21.ca/cdn/shop/files/Icon_mug.png?v=1726831006&width=1066 1066w,//shop.pier21.ca/cdn/shop/files/Icon_mug.png?v=1726831006 1308w " src="//shop.pier21.ca/cdn/shop/files/Icon_mug.png?v=1726831006&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="Tall, white mug with colourful icon of four maple leaves in blue, yellow, green and purple with a red circle in the middle " class="motion-reduce" loading="lazy" width="1308" height="1308" > <img srcset="//shop.pier21.ca/cdn/shop/files/Right_handle.png?v=1726831146&width=165 165w,//shop.pier21.ca/cdn/shop/files/Right_handle.png?v=1726831146&width=360 360w,//shop.pier21.ca/cdn/shop/files/Right_handle.png?v=1726831146&width=533 533w,//shop.pier21.ca/cdn/shop/files/Right_handle.png?v=1726831146&width=720 720w,//shop.pier21.ca/cdn/shop/files/Right_handle.png?v=1726831146&width=940 940w,//shop.pier21.ca/cdn/shop/files/Right_handle.png?v=1726831146&width=1066 1066w,//shop.pier21.ca/cdn/shop/files/Right_handle.png?v=1726831146 1361w " src="//shop.pier21.ca/cdn/shop/files/Right_handle.png?v=1726831146&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="" class="motion-reduce" loading="lazy" width="1361" height="1361" ></div> </div><div class="card__content"> <div class="card__information"> <h3 class="card__heading" > <a href="/products/icon-mug" id="StandardCardNoMediaLink-template--21831173406998__featured_collection-9151855329558" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--21831173406998__featured_collection-9151855329558 NoMediaStandardBadge-template--21831173406998__featured_collection-9151855329558" > Icon Mug </a> </h3> </div> <div class="card__badge bottom left"></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--21831173406998__featured_collection-9151855329558" > <a href="/products/icon-mug" id="CardLink-template--21831173406998__featured_collection-9151855329558" class="full-unstyled-link" aria-labelledby="CardLink-template--21831173406998__featured_collection-9151855329558 Badge-template--21831173406998__featured_collection-9151855329558" > Icon Mug </a> </h3> <div class="card-information"><span class="caption-large light"></span> <div class=" price " > <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> <span class="price-item price-item--regular"> $14.95 CAD </span></div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span> <s class="price-item price-item--regular"> </s> </span><span class="visually-hidden visually-hidden--inline">Sale price</span> <span class="price-item price-item--sale price-item--last"> $14.95 CAD </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Unit price</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> per </span> <span> </span> </span> </small> </div></div> </div> </div><div class="quick-add no-js-hidden"><product-form data-section-id="template--21831173406998__featured_collection"><form method="post" action="/cart/add" id="quick-add-template--21831173406998__featured_collection9151855329558" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="47591652884758" class="product-variant-id" > <button id="quick-add-template--21831173406998__featured_collection9151855329558-submit" type="submit" name="add" class="quick-add__submit button button--full-width button--secondary" aria-haspopup="dialog" aria-labelledby="quick-add-template--21831173406998__featured_collection9151855329558-submit title-template--21831173406998__featured_collection-9151855329558" aria-live="polite" data-sold-out-message="true" > <span>Add to cart </span> <span class="sold-out-message hidden"> Sold out </span> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-loading-spinner.css?v=116724955567955766481704375500" rel="stylesheet" type="text/css" media="all" /> <div class="loading__spinner hidden"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </button><input type="hidden" name="product-id" value="9151855329558" /><input type="hidden" name="section-id" value="template--21831173406998__featured_collection" /></form></product-form></div><div class="card__badge bottom left"></div> </div> </div> </div> </li><li id="Slide-template--21831173406998__featured_collection-7" class="grid__item scroll-trigger animate--slide-in" data-cascade style="--animation-order: 7;" > <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-rating.css?v=157771854592137137841704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-volume-pricing.css?v=56284703641257077881704375500" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper product-card-wrapper underline-links-hover"> <div class=" card card--standard card--media " style="--ratio-percent: 100.0%;" > <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100.0%;" ><div class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//shop.pier21.ca/cdn/shop/files/Pewter_Alumni_Pin.png?v=1726506496&width=165 165w,//shop.pier21.ca/cdn/shop/files/Pewter_Alumni_Pin.png?v=1726506496&width=360 360w,//shop.pier21.ca/cdn/shop/files/Pewter_Alumni_Pin.png?v=1726506496&width=533 533w,//shop.pier21.ca/cdn/shop/files/Pewter_Alumni_Pin.png?v=1726506496&width=720 720w,//shop.pier21.ca/cdn/shop/files/Pewter_Alumni_Pin.png?v=1726506496&width=940 940w,//shop.pier21.ca/cdn/shop/files/Pewter_Alumni_Pin.png?v=1726506496&width=1066 1066w,//shop.pier21.ca/cdn/shop/files/Pewter_Alumni_Pin.png?v=1726506496 1289w " src="//shop.pier21.ca/cdn/shop/files/Pewter_Alumni_Pin.png?v=1726506496&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="Round, pewter pin with Pier 21 Alumni around the outer circumference and Halifax, Canada and maple leaf in the center " class="motion-reduce" loading="lazy" width="1289" height="1289" > </div> </div><div class="card__content"> <div class="card__information"> <h3 class="card__heading" > <a href="/products/alumni-lapel-pin" id="StandardCardNoMediaLink-template--21831173406998__featured_collection-9159868088598" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--21831173406998__featured_collection-9159868088598 NoMediaStandardBadge-template--21831173406998__featured_collection-9159868088598" > Alumni Lapel Pin </a> </h3> </div> <div class="card__badge bottom left"></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--21831173406998__featured_collection-9159868088598" > <a href="/products/alumni-lapel-pin" id="CardLink-template--21831173406998__featured_collection-9159868088598" class="full-unstyled-link" aria-labelledby="CardLink-template--21831173406998__featured_collection-9159868088598 Badge-template--21831173406998__featured_collection-9159868088598" > Alumni Lapel Pin </a> </h3> <div class="card-information"><span class="caption-large light"></span> <div class=" price " > <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> <span class="price-item price-item--regular"> $11.95 CAD </span></div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span> <s class="price-item price-item--regular"> </s> </span><span class="visually-hidden visually-hidden--inline">Sale price</span> <span class="price-item price-item--sale price-item--last"> $11.95 CAD </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Unit price</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> per </span> <span> </span> </span> </small> </div></div> </div> </div><div class="quick-add no-js-hidden"><product-form data-section-id="template--21831173406998__featured_collection"><form method="post" action="/cart/add" id="quick-add-template--21831173406998__featured_collection9159868088598" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="47615368003862" class="product-variant-id" > <button id="quick-add-template--21831173406998__featured_collection9159868088598-submit" type="submit" name="add" class="quick-add__submit button button--full-width button--secondary" aria-haspopup="dialog" aria-labelledby="quick-add-template--21831173406998__featured_collection9159868088598-submit title-template--21831173406998__featured_collection-9159868088598" aria-live="polite" data-sold-out-message="true" > <span>Add to cart </span> <span class="sold-out-message hidden"> Sold out </span> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-loading-spinner.css?v=116724955567955766481704375500" rel="stylesheet" type="text/css" media="all" /> <div class="loading__spinner hidden"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </button><input type="hidden" name="product-id" value="9159868088598" /><input type="hidden" name="section-id" value="template--21831173406998__featured_collection" /></form></product-form></div><div class="card__badge bottom left"></div> </div> </div> </div> </li><li id="Slide-template--21831173406998__featured_collection-8" class="grid__item scroll-trigger animate--slide-in" data-cascade style="--animation-order: 8;" > <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-rating.css?v=157771854592137137841704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-volume-pricing.css?v=56284703641257077881704375500" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper product-card-wrapper underline-links-hover"> <div class=" card card--standard card--media " style="--ratio-percent: 100.0%;" > <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100.0%;" ><div class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//shop.pier21.ca/cdn/shop/files/enamel_pin.png?v=1726511168&width=165 165w,//shop.pier21.ca/cdn/shop/files/enamel_pin.png?v=1726511168&width=360 360w,//shop.pier21.ca/cdn/shop/files/enamel_pin.png?v=1726511168&width=533 533w,//shop.pier21.ca/cdn/shop/files/enamel_pin.png?v=1726511168&width=720 720w,//shop.pier21.ca/cdn/shop/files/enamel_pin.png?v=1726511168&width=940 940w,//shop.pier21.ca/cdn/shop/files/enamel_pin.png?v=1726511168&width=1066 1066w,//shop.pier21.ca/cdn/shop/files/enamel_pin.png?v=1726511168 1372w " src="//shop.pier21.ca/cdn/shop/files/enamel_pin.png?v=1726511168&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="Enamel pin in the shape of the façade of Pier 21 in orange, navy, teal and gold on a backing card that has Gateway to Canada at the top and the museum's logo on the bottom " class="motion-reduce" loading="lazy" width="1372" height="1372" > </div> </div><div class="card__content"> <div class="card__information"> <h3 class="card__heading" > <a href="/products/enamel-pin" id="StandardCardNoMediaLink-template--21831173406998__featured_collection-9574495289622" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--21831173406998__featured_collection-9574495289622 NoMediaStandardBadge-template--21831173406998__featured_collection-9574495289622" > Enamel Pin </a> </h3> </div> <div class="card__badge bottom left"></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--21831173406998__featured_collection-9574495289622" > <a href="/products/enamel-pin" id="CardLink-template--21831173406998__featured_collection-9574495289622" class="full-unstyled-link" aria-labelledby="CardLink-template--21831173406998__featured_collection-9574495289622 Badge-template--21831173406998__featured_collection-9574495289622" > Enamel Pin </a> </h3> <div class="card-information"><span class="caption-large light"></span> <div class=" price " > <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> <span class="price-item price-item--regular"> $11.00 CAD </span></div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span> <s class="price-item price-item--regular"> </s> </span><span class="visually-hidden visually-hidden--inline">Sale price</span> <span class="price-item price-item--sale price-item--last"> $11.00 CAD </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Unit price</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> per </span> <span> </span> </span> </small> </div></div> </div> </div><div class="quick-add no-js-hidden"><product-form data-section-id="template--21831173406998__featured_collection"><form method="post" action="/cart/add" id="quick-add-template--21831173406998__featured_collection9574495289622" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="48708091248918" class="product-variant-id" > <button id="quick-add-template--21831173406998__featured_collection9574495289622-submit" type="submit" name="add" class="quick-add__submit button button--full-width button--secondary" aria-haspopup="dialog" aria-labelledby="quick-add-template--21831173406998__featured_collection9574495289622-submit title-template--21831173406998__featured_collection-9574495289622" aria-live="polite" data-sold-out-message="true" > <span>Add to cart </span> <span class="sold-out-message hidden"> Sold out </span> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-loading-spinner.css?v=116724955567955766481704375500" rel="stylesheet" type="text/css" media="all" /> <div class="loading__spinner hidden"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </button><input type="hidden" name="product-id" value="9574495289622" /><input type="hidden" name="section-id" value="template--21831173406998__featured_collection" /></form></product-form></div><div class="card__badge bottom left"></div> </div> </div> </div> </li></ul></slider-component><div class="center collection__view-all scroll-trigger animate--slide-in"> <a href="/collections/the-pier-21-collection" class="button button--secondary" aria-label="View all products in the The Pier 21 Collection collection" > View all </a> </div></div> </div> </section><section id="shopify-section-template--21831173406998__featured_product_JBkgyC" class="shopify-section section section-featured-product"><link href="//shop.pier21.ca/cdn/shop/t/2/assets/section-main-product.css?v=141059467971401676601704375501" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/section-featured-product.css?v=77241854885429512531704375501" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-accordion.css?v=180964204318874863811704375499" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-price.css?v=70172745017360139101704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-deferred-media.css?v=14096082462203297471704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-rating.css?v=157771854592137137841704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-volume-pricing.css?v=56284703641257077881704375500" rel="stylesheet" type="text/css" media="all" /> <style data-shopify>.section-template--21831173406998__featured_product_JBkgyC-padding { padding-top: 27px; padding-bottom: 27px; } @media screen and (min-width: 750px) { .section-template--21831173406998__featured_product_JBkgyC-padding { padding-top: 36px; padding-bottom: 36px; } }</style><script src="//shop.pier21.ca/cdn/shop/t/2/assets/product-info.js?v=81873523020508815201704375501" defer="defer"></script> <script src="//shop.pier21.ca/cdn/shop/t/2/assets/show-more.js?v=135784227224860024771704375501" defer="defer"></script> <script src="//shop.pier21.ca/cdn/shop/t/2/assets/price-per-item.js?v=20223165687617204711704375500" defer="defer"></script> <section class="color-background-1 gradient"> <div class="page-width section-template--21831173406998__featured_product_JBkgyC-padding"> <div class="featured-product product product--medium grid grid--1-col gradient color-background-1 product--left isolate grid--2-col-tablet"> <div class="grid__item product__media-wrapper"> <media-gallery id="MediaGallery-template--21831173406998__featured_product_JBkgyC" role="region" aria-label="Gallery Viewer" data-desktop-layout="stacked" > <div id="GalleryViewer-template--21831173406998__featured_product_JBkgyC" class="product__media-list scroll-trigger animate--fade-in" ><div class="product__media-item" data-media-id="template--21831173406998__featured_product_JBkgyC-37486683619606"> <div class="product-media-container media-type-image media-fit-contain global-media-settings gradient constrain-height" style="--ratio: 1.0; --preview-ratio: 1.0;" > <noscript><div class="product__media media"> <img src="//shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=1946" alt="Pier 21: A History book cover of immigrant ship docked at Pier 21 and title of book at the top with author's names below " srcset="//shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=246 246w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=493 493w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=600 600w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=713 713w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=823 823w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=990 990w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=1100 1100w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=1206 1206w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=1346 1346w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=1426 1426w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=1646 1646w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=1946 1946w" width="1946" height="1946" loading="lazy" sizes="(min-width: 1200px) 605px, (min-width: 990px) calc(55.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)"> </div></noscript> <modal-opener class="product__modal-opener product__modal-opener--image no-js-hidden" data-modal="#ProductModal-template--21831173406998__featured_product_JBkgyC"> <span class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox" aria-hidden="true"><svg aria-hidden="true" focusable="false" class="icon icon-plus" width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M4.66724 7.93978C4.66655 7.66364 4.88984 7.43922 5.16598 7.43853L10.6996 7.42464C10.9758 7.42395 11.2002 7.64724 11.2009 7.92339C11.2016 8.19953 10.9783 8.42395 10.7021 8.42464L5.16849 8.43852C4.89235 8.43922 4.66793 8.21592 4.66724 7.93978Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.92576 4.66463C8.2019 4.66394 8.42632 4.88723 8.42702 5.16337L8.4409 10.697C8.44159 10.9732 8.2183 11.1976 7.94215 11.1983C7.66601 11.199 7.44159 10.9757 7.4409 10.6995L7.42702 5.16588C7.42633 4.88974 7.64962 4.66532 7.92576 4.66463Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8324 3.03011C10.1255 0.323296 5.73693 0.323296 3.03011 3.03011C0.323296 5.73693 0.323296 10.1256 3.03011 12.8324C5.73693 15.5392 10.1255 15.5392 12.8324 12.8324C15.5392 10.1256 15.5392 5.73693 12.8324 3.03011ZM2.32301 2.32301C5.42035 -0.774336 10.4421 -0.774336 13.5395 2.32301C16.6101 5.39361 16.6366 10.3556 13.619 13.4588L18.2473 18.0871C18.4426 18.2824 18.4426 18.599 18.2473 18.7943C18.0521 18.9895 17.7355 18.9895 17.5402 18.7943L12.8778 14.1318C9.76383 16.6223 5.20839 16.4249 2.32301 13.5395C-0.774335 10.4421 -0.774335 5.42035 2.32301 2.32301Z" fill="currentColor"/> </svg> </span> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-loading-spinner.css?v=116724955567955766481704375500" rel="stylesheet" type="text/css" media="all" /> <div class="loading__spinner hidden"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> <div class="product__media media media--transparent"> <img src="//shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=1946" alt="Pier 21: A History book cover of immigrant ship docked at Pier 21 and title of book at the top with author's names below " srcset="//shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=246 246w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=493 493w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=600 600w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=713 713w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=823 823w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=990 990w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=1100 1100w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=1206 1206w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=1346 1346w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=1426 1426w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=1646 1646w, //shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=1946 1946w" width="1946" height="1946" loading="lazy" class="image-magnify-lightbox" sizes="(min-width: 1200px) 605px, (min-width: 990px) calc(55.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)"> </div> <button class="product__media-toggle quick-add-hidden product__media-zoom-lightbox" type="button" aria-haspopup="dialog" data-media-id="37486683619606"> <span class="visually-hidden"> Open media featured in modal </span> </button> </modal-opener></div> </div><div class="product__media-item" data-media-id="template--21831173406998__featured_product_JBkgyC-38836362903830"> <div class="product-media-container media-type-image media-fit-contain global-media-settings gradient constrain-height" style="--ratio: 1.0; --preview-ratio: 1.0;" > <noscript><div class="product__media media"> <img src="//shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=1946" alt="Quai 21: Une histoire book cover of immigrant ship docked at Pier 21 and title of book at the top with author's names below " srcset="//shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=246 246w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=493 493w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=600 600w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=713 713w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=823 823w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=990 990w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=1100 1100w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=1206 1206w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=1346 1346w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=1426 1426w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=1646 1646w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=1946 1946w" width="1946" height="1946" loading="lazy" sizes="(min-width: 1200px) 605px, (min-width: 990px) calc(55.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)"> </div></noscript> <modal-opener class="product__modal-opener product__modal-opener--image no-js-hidden" data-modal="#ProductModal-template--21831173406998__featured_product_JBkgyC"> <span class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox" aria-hidden="true"><svg aria-hidden="true" focusable="false" class="icon icon-plus" width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M4.66724 7.93978C4.66655 7.66364 4.88984 7.43922 5.16598 7.43853L10.6996 7.42464C10.9758 7.42395 11.2002 7.64724 11.2009 7.92339C11.2016 8.19953 10.9783 8.42395 10.7021 8.42464L5.16849 8.43852C4.89235 8.43922 4.66793 8.21592 4.66724 7.93978Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.92576 4.66463C8.2019 4.66394 8.42632 4.88723 8.42702 5.16337L8.4409 10.697C8.44159 10.9732 8.2183 11.1976 7.94215 11.1983C7.66601 11.199 7.44159 10.9757 7.4409 10.6995L7.42702 5.16588C7.42633 4.88974 7.64962 4.66532 7.92576 4.66463Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8324 3.03011C10.1255 0.323296 5.73693 0.323296 3.03011 3.03011C0.323296 5.73693 0.323296 10.1256 3.03011 12.8324C5.73693 15.5392 10.1255 15.5392 12.8324 12.8324C15.5392 10.1256 15.5392 5.73693 12.8324 3.03011ZM2.32301 2.32301C5.42035 -0.774336 10.4421 -0.774336 13.5395 2.32301C16.6101 5.39361 16.6366 10.3556 13.619 13.4588L18.2473 18.0871C18.4426 18.2824 18.4426 18.599 18.2473 18.7943C18.0521 18.9895 17.7355 18.9895 17.5402 18.7943L12.8778 14.1318C9.76383 16.6223 5.20839 16.4249 2.32301 13.5395C-0.774335 10.4421 -0.774335 5.42035 2.32301 2.32301Z" fill="currentColor"/> </svg> </span> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-loading-spinner.css?v=116724955567955766481704375500" rel="stylesheet" type="text/css" media="all" /> <div class="loading__spinner hidden"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> <div class="product__media media media--transparent"> <img src="//shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=1946" alt="Quai 21: Une histoire book cover of immigrant ship docked at Pier 21 and title of book at the top with author's names below " srcset="//shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=246 246w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=493 493w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=600 600w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=713 713w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=823 823w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=990 990w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=1100 1100w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=1206 1206w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=1346 1346w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=1426 1426w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=1646 1646w, //shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=1946 1946w" width="1946" height="1946" loading="lazy" class="image-magnify-lightbox" sizes="(min-width: 1200px) 605px, (min-width: 990px) calc(55.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)"> </div> <button class="product__media-toggle quick-add-hidden product__media-zoom-lightbox" type="button" aria-haspopup="dialog" data-media-id="38836362903830"> <span class="visually-hidden"> Open media 3 in modal </span> </button> </modal-opener></div> </div></div></media-gallery> </div> <div class="product__info-wrapper grid__item scroll-trigger animate--slide-in"> <product-info id="ProductInfo-template--21831173406998__featured_product_JBkgyC" class="product__info-container" data-section="template--21831173406998__featured_product_JBkgyC" data-url="/products/pier-21-a-history" ><p class="product__text inline-richtext caption-with-letter-spacing" >University of Ottawa Press</p><h2 class="product__title h1" >Pier 21: A History </h2><div class="no-js-hidden" id="price-template--21831173406998__featured_product_JBkgyC" role="status" > <div class=" price price--large price--show-badge" > <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> <span class="price-item price-item--regular"> $27.95 CAD </span></div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span> <s class="price-item price-item--regular"> </s> </span><span class="visually-hidden visually-hidden--inline">Sale price</span> <span class="price-item price-item--sale price-item--last"> $27.95 CAD </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Unit price</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> per </span> <span> </span> </span> </small> </div><span class="badge price__badge-sale color-accent-2"> Sale </span> <span class="badge price__badge-sold-out color-inverse"> Sold out </span></div> </div><div ><form method="post" action="/cart/add" id="product_form_8040025587990" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="48698383827222"> <input type="hidden" name="product-id" value="8040025587990" /><input type="hidden" name="section-id" value="template--21831173406998__featured_product_JBkgyC" /></form></div> <variant-radios id="variant-radios-template--21831173406998__featured_product_JBkgyC" class="no-js-hidden" data-section="template--21831173406998__featured_product_JBkgyC" data-url="/products/pier-21-a-history" data-update-url="false" ><fieldset class="js product-form__input"> <legend class="form__label">Language </legend> <input type="radio" id="template--21831173406998__featured_product_JBkgyC-1-0" name="Language " value="English" form="product-form-template--21831173406998__featured_product_JBkgyC" checked > <label for="template--21831173406998__featured_product_JBkgyC-1-0"> English<span class="visually-hidden">Variant sold out or unavailable</span> </label><input type="radio" id="template--21831173406998__featured_product_JBkgyC-1-1" name="Language " value="French" form="product-form-template--21831173406998__featured_product_JBkgyC" > <label for="template--21831173406998__featured_product_JBkgyC-1-1"> French<span class="visually-hidden">Variant sold out or unavailable</span> </label> </fieldset><script type="application/json"> [{"id":48698383827222,"title":"English","option1":"English","option2":null,"option3":null,"sku":"00431402","requires_shipping":true,"taxable":true,"featured_image":{"id":45006908784918,"product_id":8040025587990,"position":1,"created_at":"2024-06-20T14:05:09-03:00","updated_at":"2024-09-20T12:03:51-03:00","alt":"Pier 21: A History book cover of immigrant ship docked at Pier 21 and title of book at the top with author's names below ","width":1080,"height":1080,"src":"\/\/shop.pier21.ca\/cdn\/shop\/files\/Pier_21_A_History.png?v=1726844631","variant_ids":[48698383827222]},"available":true,"name":"Pier 21: A History - English","public_title":"English","options":["English"],"price":2795,"weight":355,"compare_at_price":null,"inventory_management":"shopify","barcode":"9782760331402","featured_media":{"alt":"Pier 21: A History book cover of immigrant ship docked at Pier 21 and title of book at the top with author's names below ","id":37486683619606,"position":1,"preview_image":{"aspect_ratio":1.0,"height":1080,"width":1080,"src":"\/\/shop.pier21.ca\/cdn\/shop\/files\/Pier_21_A_History.png?v=1726844631"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":48698383859990,"title":"French","option1":"French","option2":null,"option3":null,"sku":"00431403","requires_shipping":true,"taxable":true,"featured_image":{"id":46784526516502,"product_id":8040025587990,"position":3,"created_at":"2024-10-23T11:42:11-03:00","updated_at":"2024-10-23T11:43:35-03:00","alt":"Quai 21: Une histoire book cover of immigrant ship docked at Pier 21 and title of book at the top with author's names below ","width":1080,"height":1080,"src":"\/\/shop.pier21.ca\/cdn\/shop\/files\/Quai_21_Book_Cover.png?v=1729694615","variant_ids":[48698383859990]},"available":true,"name":"Pier 21: A History - French","public_title":"French","options":["French"],"price":2795,"weight":355,"compare_at_price":null,"inventory_management":"shopify","barcode":"","featured_media":{"alt":"Quai 21: Une histoire book cover of immigrant ship docked at Pier 21 and title of book at the top with author's names below ","id":38836362903830,"position":3,"preview_image":{"aspect_ratio":1.0,"height":1080,"width":1080,"src":"\/\/shop.pier21.ca\/cdn\/shop\/files\/Quai_21_Book_Cover.png?v=1729694615"}},"requires_selling_plan":false,"selling_plan_allocations":[]}] </script> </variant-radios><noscript class="product-form__noscript-wrapper-template--21831173406998__featured_product_JBkgyC"> <div class="product-form__input"> <label class="form__label" for="Variants-template--21831173406998__featured_product_JBkgyC">Product variants</label> <div class="select"> <select name="id" id="Variants-template--21831173406998__featured_product_JBkgyC" class="select__select" form="product-form-template--21831173406998__featured_product_JBkgyC" ><option selected="selected" value="48698383827222" >English - $27.95</option><option value="48698383859990" >French - $27.95</option></select> <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> </svg> </div> </div> </noscript> <div id="Quantity-Form-template--21831173406998__featured_product_JBkgyC" class="product-form__input product-form__quantity" > <label class="quantity__label form__label" for="Quantity-template--21831173406998__featured_product_JBkgyC"> Quantity <span class="quantity__rules-cart no-js-hidden hidden"> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-loading-spinner.css?v=116724955567955766481704375500" rel="stylesheet" type="text/css" media="all" /> <div class="loading__spinner hidden"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> <span >(<span class="quantity-cart">0</span> in cart)</span > </span> </label> <div class="price-per-item__container"> <quantity-input class="quantity"> <button class="quantity__button no-js-hidden" name="minus" type="button"> <span class="visually-hidden">Decrease quantity for Pier 21: A History</span> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-minus" fill="none" viewBox="0 0 10 2" > <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor"> </svg> </button> <input class="quantity__input" type="number" name="quantity" id="Quantity-template--21831173406998__featured_product_JBkgyC" data-cart-quantity="0" data-min="1" min="1" step="1" value="1" form="product-form-template--21831173406998__featured_product_JBkgyC" > <button class="quantity__button no-js-hidden" name="plus" type="button"> <span class="visually-hidden">Increase quantity for Pier 21: A History</span> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-plus" fill="none" viewBox="0 0 10 10" > <path fill-rule="evenodd" clip-rule="evenodd" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" fill="currentColor"> </svg> </button> </quantity-input></div> <div class="quantity__rules caption no-js-hidden" id="Quantity-Rules-template--21831173406998__featured_product_JBkgyC"></div></div> <div ><product-form class="product-form" data-hide-errors="false" data-section-id="template--21831173406998__featured_product_JBkgyC" > <div class="product-form__error-message-wrapper" role="alert" hidden> <svg aria-hidden="true" focusable="false" class="icon icon-error" viewBox="0 0 13 13" > <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"/> <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"/> <path d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z" fill="white"/> <path d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z" fill="white" stroke="#EB001B" stroke-width="0.7"> </svg> <span class="product-form__error-message"></span> </div><form method="post" action="/cart/add" id="product-form-template--21831173406998__featured_product_JBkgyC" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="48698383827222" class="product-variant-id" ><div class="product-form__buttons"><button id="ProductSubmitButton-template--21831173406998__featured_product_JBkgyC" type="submit" name="add" class="product-form__submit button button--full-width button--secondary" > <span>Add to cart </span> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-loading-spinner.css?v=116724955567955766481704375500" rel="stylesheet" type="text/css" media="all" /> <div class="loading__spinner hidden"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </button><div data-shopify="payment-button" data-has-selling-plan="false" data-has-fixed-selling-plan="false" data-customer-accounts-required="false" class="shopify-payment-button"><button class="shopify-payment-button__button shopify-payment-button__button--unbranded shopify-payment-button__button--hidden" disabled="disabled" aria-hidden="true"> </button><button class="shopify-payment-button__more-options shopify-payment-button__button--hidden" disabled="disabled" aria-hidden="true"> </button></div> </div><input type="hidden" name="product-id" value="8040025587990" /><input type="hidden" name="section-id" value="template--21831173406998__featured_product_JBkgyC" /></form></product-form></div> <script src="//shop.pier21.ca/cdn/shop/t/2/assets/share.js?v=13024540447964430191704375501" defer="defer"></script> <share-button id="Share-template--21831173406998__featured_product_JBkgyC" class="share-button quick-add-hidden" > <button class="share-button__button hidden"> <svg width="13" height="12" viewBox="0 0 13 12" class="icon icon-share" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" > <path d="M1.625 8.125V10.2917C1.625 10.579 1.73914 10.8545 1.9423 11.0577C2.14547 11.2609 2.42102 11.375 2.70833 11.375H10.2917C10.579 11.375 10.8545 11.2609 11.0577 11.0577C11.2609 10.8545 11.375 10.579 11.375 10.2917V8.125" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.14775 1.27137C6.34301 1.0761 6.65959 1.0761 6.85485 1.27137L9.56319 3.9797C9.75845 4.17496 9.75845 4.49154 9.56319 4.6868C9.36793 4.88207 9.05135 4.88207 8.85609 4.6868L6.5013 2.33203L4.14652 4.6868C3.95126 4.88207 3.63468 4.88207 3.43942 4.6868C3.24415 4.49154 3.24415 4.17496 3.43942 3.9797L6.14775 1.27137Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 1.125C6.77614 1.125 7 1.34886 7 1.625V8.125C7 8.40114 6.77614 8.625 6.5 8.625C6.22386 8.625 6 8.40114 6 8.125V1.625C6 1.34886 6.22386 1.125 6.5 1.125Z" fill="currentColor"/> </svg> Share </button> <details id="Details-share_UzEccp-template--21831173406998__featured_product_JBkgyC"> <summary class="share-button__button"> <svg width="13" height="12" viewBox="0 0 13 12" class="icon icon-share" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" > <path d="M1.625 8.125V10.2917C1.625 10.579 1.73914 10.8545 1.9423 11.0577C2.14547 11.2609 2.42102 11.375 2.70833 11.375H10.2917C10.579 11.375 10.8545 11.2609 11.0577 11.0577C11.2609 10.8545 11.375 10.579 11.375 10.2917V8.125" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.14775 1.27137C6.34301 1.0761 6.65959 1.0761 6.85485 1.27137L9.56319 3.9797C9.75845 4.17496 9.75845 4.49154 9.56319 4.6868C9.36793 4.88207 9.05135 4.88207 8.85609 4.6868L6.5013 2.33203L4.14652 4.6868C3.95126 4.88207 3.63468 4.88207 3.43942 4.6868C3.24415 4.49154 3.24415 4.17496 3.43942 3.9797L6.14775 1.27137Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 1.125C6.77614 1.125 7 1.34886 7 1.625V8.125C7 8.40114 6.77614 8.625 6.5 8.625C6.22386 8.625 6 8.40114 6 8.125V1.625C6 1.34886 6.22386 1.125 6.5 1.125Z" fill="currentColor"/> </svg> Share </summary> <div class="share-button__fallback motion-reduce"> <div class="field"> <span id="ShareMessage-template--21831173406998__featured_product_JBkgyC" class="share-button__message hidden" role="status"> </span> <input type="text" class="field__input" id="ShareUrl-template--21831173406998__featured_product_JBkgyC" value="https://shop.pier21.ca/products/pier-21-a-history" placeholder="Link" onclick="this.select();" readonly > <label class="field__label" for="ShareUrl-template--21831173406998__featured_product_JBkgyC">Link</label> </div> <button class="share-button__close hidden no-js-hidden"> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewBox="0 0 18 17" > <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> </svg> <span class="visually-hidden">Close share</span> </button> <button class="share-button__copy no-js-hidden"> <svg class="icon icon-clipboard" width="11" height="13" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 11 13" > <path fill-rule="evenodd" clip-rule="evenodd" d="M2 1a1 1 0 011-1h7a1 1 0 011 1v9a1 1 0 01-1 1V1H2zM1 2a1 1 0 00-1 1v9a1 1 0 001 1h7a1 1 0 001-1V3a1 1 0 00-1-1H1zm0 10V3h7v9H1z" fill="currentColor"/> </svg> <span class="visually-hidden">Copy link</span> </button> </div> </details> </share-button> <a href="/products/pier-21-a-history" class="link product__view-details animate-arrow" > View full details <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"> </svg> </a> </product-info> </div></div> <product-modal id="ProductModal-template--21831173406998__featured_product_JBkgyC" class="product-media-modal media-modal"> <div class="product-media-modal__dialog color-background-1 gradient" role="dialog" aria-label="Media gallery" aria-modal="true" tabindex="-1" > <button id="ModalClose-template--21831173406998__featured_product_JBkgyC" type="button" class="product-media-modal__toggle" aria-label="Close" > <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewBox="0 0 18 17" > <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> </svg> </button> <div class="product-media-modal__content color-background-1 gradient" role="document" aria-label="Media gallery" tabindex="0" > <img class="global-media-settings global-media-settings--no-shadow" srcset="//shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=550 550w,//shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631 1080w" sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" src="//shop.pier21.ca/cdn/shop/files/Pier_21_A_History.png?v=1726844631&width=1445" alt="Pier 21: A History book cover of immigrant ship docked at Pier 21 and title of book at the top with author's names below " loading="lazy" width="1100" height="1100" data-media-id="37486683619606" > <img class="global-media-settings global-media-settings--no-shadow" srcset="//shop.pier21.ca/cdn/shop/files/Back_view_of_Pier_21_A_History.jpg?v=1726844826&width=550 550w,//shop.pier21.ca/cdn/shop/files/Back_view_of_Pier_21_A_History.jpg?v=1726844826 1080w" sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" src="//shop.pier21.ca/cdn/shop/files/Back_view_of_Pier_21_A_History.jpg?v=1726844826&width=1445" alt="Back cover of Pier 21: A History with a description of the book on blue background, a picture of two women and female child on the top left and images of both authors on the bottom " loading="lazy" width="1100" height="1100" data-media-id="37486688764182" > <img class="global-media-settings global-media-settings--no-shadow" srcset="//shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=550 550w,//shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615 1080w" sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" src="//shop.pier21.ca/cdn/shop/files/Quai_21_Book_Cover.png?v=1729694615&width=1445" alt="Quai 21: Une histoire book cover of immigrant ship docked at Pier 21 and title of book at the top with author's names below " loading="lazy" width="1100" height="1100" data-media-id="38836362903830" ></div> </div> </product-modal> </div> </section> <script src="//shop.pier21.ca/cdn/shop/t/2/assets/product-form.js?v=133081758708377679181704375500" defer="defer"></script> <script type="application/ld+json"> { "@context": "http://schema.org/", "@type": "Product", "name": "Pier 21: A History", "url": "https:\/\/shop.pier21.ca\/products\/pier-21-a-history", "image": [ "https:\/\/shop.pier21.ca\/cdn\/shop\/files\/Pier_21_A_History.png?v=1726844631\u0026width=1920" ], "description": "Available in English and French. University of Ottawa Press. \nA definitive history of Halifax’s immigration gateway by the Canadian Museum of Immigration at Pier 21 researchers Jan Raska and Steven Schwinghamer.", "sku": "00431402", "brand": { "@type": "Brand", "name": "University of Ottawa Press" }, "offers": [{ "@type" : "Offer","sku": "00431402","gtin13": "9782760331402","availability" : "http://schema.org/InStock", "price" : 27.95, "priceCurrency" : "CAD", "url" : "https:\/\/shop.pier21.ca\/products\/pier-21-a-history?variant=48698383827222" }, { "@type" : "Offer","sku": "00431403","availability" : "http://schema.org/InStock", "price" : 27.95, "priceCurrency" : "CAD", "url" : "https:\/\/shop.pier21.ca\/products\/pier-21-a-history?variant=48698383859990" } ] } </script> <script> document.addEventListener('DOMContentLoaded', function () { function isIE() { const ua = window.navigator.userAgent; const msie = ua.indexOf('MSIE '); const trident = ua.indexOf('Trident/'); return msie > 0 || trident > 0; } if (!isIE()) return; const hiddenInput = document.querySelector('#product-form-template--21831173406998__featured_product_JBkgyC input[name="id"]'); const noScriptInputWrapper = document.createElement('div'); const variantSwitcher = document.querySelector('variant-radios[data-section="template--21831173406998__featured_product_JBkgyC"]') || document.querySelector('variant-selects[data-section="template--21831173406998__featured_product_JBkgyC"]'); noScriptInputWrapper.innerHTML = document.querySelector( '.product-form__noscript-wrapper-template--21831173406998__featured_product_JBkgyC' ).textContent; variantSwitcher.outerHTML = noScriptInputWrapper.outerHTML; document.querySelector('#Variants-template--21831173406998__featured_product_JBkgyC').addEventListener('change', function (event) { hiddenInput.value = event.currentTarget.value; }); }); </script> <script src="//shop.pier21.ca/cdn/shop/t/2/assets/product-modal.js?v=116616134454508949461704375501" defer="defer"></script> <script src="//shop.pier21.ca/cdn/shop/t/2/assets/media-gallery.js?v=96661908581229995091704375500" defer="defer"></script> </section><section id="shopify-section-template--21831173406998__rich_text" class="shopify-section section"><link href="//shop.pier21.ca/cdn/shop/t/2/assets/section-rich-text.css?v=155250126305810049721704375501" rel="stylesheet" type="text/css" media="all" /> <style data-shopify>.section-template--21831173406998__rich_text-padding { padding-top: 30px; padding-bottom: 0px; } @media screen and (min-width: 750px) { .section-template--21831173406998__rich_text-padding { padding-top: 40px; padding-bottom: 0px; } }</style><div class="isolate"> <div class="rich-text content-container color-background-1 gradient rich-text--full-width content-container--full-width section-template--21831173406998__rich_text-padding"> <div class="rich-text__wrapper rich-text__wrapper--center page-width"> <div class="rich-text__blocks center"><h2 class="rich-text__heading rte inline-richtext h2 scroll-trigger animate--slide-in" data-cascade style="--animation-order: 1;" > Your Purchase </h2><div class="rich-text__text rte scroll-trigger animate--slide-in" data-cascade style="--animation-order: 2;" > <p>Your purchase helps ensure that the Canadian immigration stories of yesterday, today and tomorrow will be celebrated and explored for years to come. All revenue generated from the sales of these products returns to the Museum in support of our exhibits and programs. <strong>Thank you</strong>.</p><p></p> </div></div> </div> </div> </div> </section> </main>  <div id="shopify-section-sections--21831173865750__footer" class="shopify-section shopify-section-group-footer-group"> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/section-footer.css?v=125160298726032154631704375501" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-newsletter.css?v=4727253280200485261704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-list-menu.css?v=151968516119678728991704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-list-payment.css?v=69253961410771838501704375500" rel="stylesheet" type="text/css" media="all" /> <link href="//shop.pier21.ca/cdn/shop/t/2/assets/component-list-social.css?v=35792976012981934991704375500" rel="stylesheet" type="text/css" media="all" /> <style data-shopify>.footer { margin-top: 36px; } .section-sections--21831173865750__footer-padding { padding-top: 27px; padding-bottom: 27px; } @media screen and (min-width: 750px) { .footer { margin-top: 48px; } .section-sections--21831173865750__footer-padding { padding-top: 36px; padding-bottom: 36px; } }</style><footer class="footer color-background-1 gradient section-sections--21831173865750__footer-padding"><div class="footer__content-top page-width"><div class="footer__blocks-wrapper grid grid--1-col grid--2-col grid--4-col-tablet scroll-trigger animate--slide-in" data-cascade ><div class="footer-block grid__item scroll-trigger animate--slide-in" data-cascade style="--animation-order: 1;" ><h2 class="footer-block__heading inline-richtext">Visit us at the Museum</h2><div class="footer-block__details-content rte"> <p>1055 Marginal Road<br/>Halifax, Nova Scotia, Canada B3H 4P7</p> </div></div><div class="footer-block grid__item scroll-trigger animate--slide-in" data-cascade style="--animation-order: 2;" ><div class="footer-block__details-content footer-block-image center"><div class="footer-block__image-wrapper" style="max-width: min(100%, 550px);" > <img srcset="//shop.pier21.ca/cdn/shop/files/Screenshot_2024-10-08_at_12.45.30_PM.png?v=1728402654&width=550, //shop.pier21.ca/cdn/shop/files/Screenshot_2024-10-08_at_12.45.30_PM.png?v=1728402654&width=1100 2x" src="//shop.pier21.ca/cdn/shop/files/Screenshot_2024-10-08_at_12.45.30_PM.png?v=1728402654&width=760" alt="" loading="lazy" width="1602" height="794" > </div></div></div><div class="footer-block grid__item scroll-trigger animate--slide-in" data-cascade style="--animation-order: 3;" ><div class="footer-block__details-content footer-block-image center"><div class="footer-block__image-wrapper" style="max-width: min(100%, 350px);" > <img srcset="//shop.pier21.ca/cdn/shop/files/cmi-gov.png?v=1728404114&width=350, //shop.pier21.ca/cdn/shop/files/cmi-gov.png?v=1728404114&width=700 2x" src="//shop.pier21.ca/cdn/shop/files/cmi-gov.png?v=1728404114&width=760" alt="" loading="lazy" width="609" height="287" > </div></div></div></div><div class="footer-block--newsletter scroll-trigger animate--slide-in" data-cascade ><div class="footer__follow-on-shop"> <script defer="defer" async type="module" src="//shop.pier21.ca/cdn/shopifycloud/shop-js/modules/client.login-button_PyB0yoLG.en.esm.js"></script> <script defer="defer" async type="module" src="//shop.pier21.ca/cdn/shopifycloud/shop-js/modules/chunk.common_Ckk3SCTm.esm.js"></script> <script type="module"> await import("//shop.pier21.ca/cdn/shopifycloud/shop-js/modules/client.login-button_PyB0yoLG.en.esm.js"); await import("//shop.pier21.ca/cdn/shopifycloud/shop-js/modules/chunk.common_Ckk3SCTm.esm.js"); </script> <shop-login-button action="follow" proxy="true"></shop-login-button> </div> <ul class="list-unstyled list-social footer__list-social" role="list"><li class="list-social__item"> <a href="https://www.facebook.com/CanadianMuseumofImmigration" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-facebook" viewBox="0 0 20 20"> <path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z"/> </svg> <span class="visually-hidden">Facebook</span> </a> </li><li class="list-social__item"> <a href="https://www.instagram.com/pier21_quai21/" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-instagram" viewBox="0 0 20 20"> <path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z" clip-rule="evenodd"/> </svg> <span class="visually-hidden">Instagram</span> </a> </li><li class="list-social__item"> <a href="https://www.youtube.com/user/Pier21Museum" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-youtube" viewBox="0 0 20 20"> <path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.125 2.125 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.125 2.125 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.173 2.173 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.173 2.173 0 0 1 1.53 1.53ZM8.3 12.5l4.42-2.55L8.3 7.4v5.1Z"/> </svg> <span class="visually-hidden">YouTube</span> </a> </li><li class="list-social__item"> <a href="https://twitter.com/Pier21" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-twitter" viewBox="0 0 20 20"> <path fill="currentColor" d="M18.608 4.967a7.364 7.364 0 0 1-1.758 1.828c0 .05 0 .13.02.23l.02.232a10.014 10.014 0 0 1-1.697 5.565 11.023 11.023 0 0 1-2.029 2.29 9.13 9.13 0 0 1-2.832 1.607 10.273 10.273 0 0 1-8.94-.985c.342.02.613.04.834.04 1.647 0 3.114-.502 4.4-1.506a3.616 3.616 0 0 1-3.315-2.46c.528.128 1.08.107 1.597-.061a3.485 3.485 0 0 1-2.029-1.216 3.385 3.385 0 0 1-.803-2.23v-.03c.462.242.984.372 1.587.402A3.465 3.465 0 0 1 2.116 5.76c0-.612.14-1.205.452-1.798a9.723 9.723 0 0 0 3.214 2.612A10.044 10.044 0 0 0 9.88 7.649a3.013 3.013 0 0 1-.13-.804c0-.974.34-1.808 1.034-2.49a3.466 3.466 0 0 1 2.561-1.035 3.505 3.505 0 0 1 2.551 1.104 6.812 6.812 0 0 0 2.24-.853 3.415 3.415 0 0 1-1.547 1.948 7.732 7.732 0 0 0 2.02-.542v-.01Z"/> </svg> <span class="visually-hidden">Twitter</span> </a> </li></ul> </div> </div><div class="footer__content-bottom scroll-trigger animate--slide-in" data-cascade > <div class="footer__content-bottom-wrapper page-width"> <div class="footer__column footer__localization isolate"></div> <div class="footer__column footer__column--info"></div> </div> <div class="footer__content-bottom-wrapper page-width footer__content-bottom-wrapper--center"> <div class="footer__copyright caption"> <small class="copyright__content" >© 2024, <a href="/" title="">Boutique, Pier 21 </a></small> <small class="copyright__content"><a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Powered by Shopify</a></small><ul class="policies list-unstyled"><li> <small class="copyright__content" ><a href="/policies/privacy-policy">Privacy policy</a></small > </li></ul></div> </div> </div> </footer> </div>  <ul hidden> <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> <li id="a11y-new-window-message">Opens in a new window.</li> </ul> <script> window.shopUrl = 'https://shop.pier21.ca'; window.routes = { cart_add_url: '/cart/add', cart_change_url: '/cart/change', cart_update_url: '/cart/update', cart_url: '/cart', predictive_search_url: '/search/suggest', }; window.cartStrings = { error: `There was an error while updating your cart. Please try again.`, quantityError: `You can only add [quantity] of this item to your cart.`, }; window.variantStrings = { addToCart: `Add to cart`, soldOut: `Sold out`, unavailable: `Unavailable`, unavailable_with_option: `[value] - Unavailable`, }; window.quickOrderListStrings = { itemsAdded: `[quantity] items added`, itemAdded: `[quantity] item added`, itemsRemoved: `[quantity] items removed`, itemRemoved: `[quantity] item removed`, viewCart: `View cart`, each: `[money]/ea`, }; window.accessibilityStrings = { imageAvailable: `Image [index] is now available in gallery view`, shareSuccess: `Link copied to clipboard`, pauseSlideshow: `Pause slideshow`, playSlideshow: `Play slideshow`, recipientFormExpanded: `Gift card recipient form expanded`, recipientFormCollapsed: `Gift card recipient form collapsed`, }; </script><script src="//shop.pier21.ca/cdn/shop/t/2/assets/predictive-search.js?v=162273246065392412141704375500" defer="defer"></script></body> </html>

CINXE.COM

Museum Store - Canadian Museum of Immigration at Pier 21 – Boutique, Pier 21