Pixel Union - Premium Shopify Themes

<!doctype html> <html class="no-js no-touch" lang="en"> <head> <script type='text/javascript'>(function() {var gs = document.createElement('script');gs.src = 'https://partners.pixelunion.net/pr/js';gs.type = 'text/javascript';gs.async = 'true';gs.onload = gs.onreadystatechange = function() {var rs = this.readyState;if (rs && rs != 'complete' && rs != 'loaded') return;try {growsumo._initialize('pk_TGj94tmi0mL9a60ZCYhirvQuUI6Vz2Qt'); if (typeof(growsumoInit) === 'function') {growsumoInit();}} catch (e) {}};var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(gs, s);})();</script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-VYMQ8W7J5M"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('set', { 'cookie_flags': 'SameSite=None;Secure' }); gtag('js', new Date()); gtag('config', 'G-VYMQ8W7J5M', { 'send_page_view': false, 'allow_enhanced_conversions': true, // This needs to be true to send user data 'allow_google_signals': true }); const customerEvents = () => { addEventListener('message', (event) => { if (event.data.source && event.data.source.includes("web-pixel-sandbox-CUSTOM-115016001")) { let events = [ 'page_view', 'begin_checkout', 'add_shipping_info', 'add_payment_info', 'purchase', 'add_to_cart', 'view_cart', 'view_item', 'search', 'view_item_list' ] if (typeof(event.data.event_name) !== 'undefined' && events.includes(event.data.event_name)) { gtag('event', event.data.event_name, event.data.payload); } } }); } customerEvents(); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-BDRWMVPB5L"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-BDRWMVPB5L'); </script>  <script async type="text/javascript" data-api-key="5ccfbed4-047b-43eb-80ac-a795f92c05b7" id="stamped-script-widget" src="https://cdn1.stamped.io/files/widget.min.js"></script>  <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width,initial-scale=1" />  <link rel="preconnect" href="https://cdn.shopify.com" crossorigin> <link rel="preconnect" href="https://fonts.shopify.com" crossorigin> <link rel="preconnect" href="https://monorail-edge.shopifysvc.com"> <script> !function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on","addSourceMiddleware","addIntegrationMiddleware","setAnonymousId","addDestinationMiddleware"];analytics.factory=function(e){return function(){var t=Array.prototype.slice.call(arguments);t.unshift(e);analytics.push(t);return analytics}};for(var e=0;e<analytics.methods.length;e++){var t=analytics.methods[e];analytics[t]=analytics.factory(t)}analytics.load=function(e,t){var n=document.createElement("script");n.type="text/javascript";n.async=!0;n.src="https://cdn.segment.com/analytics.js/v1/"+e+"/analytics.min.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(n,a);analytics._loadOptions=t};analytics.SNIPPET_VERSION="4.1.0"; analytics.load("ia43yQRSM8MCjVNqPukU7et3aGZskmPM"); analytics.page(); }}(); </script>  <link rel="preload" href="//pixelunion.net/cdn/shop/t/78/assets/api.js?v=171416646571421123301720633640" as="script"> <link rel="preload" href="//pixelunion.net/cdn/shop/t/78/assets/superstore.min.js?v=153260513609193489111720633640" as="script"><title>Pixel Union - Premium Shopify Themes</title> <meta name="description" content="Helping Shopify entrepreneurs sell more with premium themes."> <link rel="shortcut icon" href="//pixelunion.net/cdn/shop/files/Pixel-Union-Glpyh-colour-1024x1024_32x32.png?v=1613748582" type="image/png"> <link rel="canonical" href="https://pixelunion.net/" /> <meta property="og:site_name" content="Pixel Union"> <meta property="og:url" content="https://pixelunion.net/"> <meta property="og:title" content="Pixel Union - Premium Shopify Themes"> <meta property="og:type" content="website"> <meta property="og:description" content="Helping Shopify entrepreneurs sell more with premium themes."> <meta property="og:image" content="https://pixelunion.net/cdn/shop/files/pxu_facebook_cover_image_039cbe7a-976c-4edf-a532-215090c8939f_1200x750.png?v=1610561740" /> <meta property="og:image:secure_url" content="https://pixelunion.net/cdn/shop/files/pxu_facebook_cover_image_039cbe7a-976c-4edf-a532-215090c8939f_1200x750.png?v=1610561740" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="750" /> <meta property="og:image:alt" content="Social media image" /> <meta name="twitter:site" content="@pixelunion"> <meta name="twitter:title" content="Pixel Union - Premium Shopify Themes"> <meta name="twitter:description" content="Helping Shopify entrepreneurs sell more with premium themes."> <meta name="twitter:card" content="summary_large_image"> <meta property="twitter:image" content="https://pixelunion.net/cdn/shop/files/pxu_facebook_cover_image_039cbe7a-976c-4edf-a532-215090c8939f_1200x600_crop_center.png?v=1610561740" /> <meta property="twitter:image:width" content="1200" /> <meta property="twitter:image:height" content="600" /> <meta property="twitter:image:alt" content="Social media image" /> <link rel="preload" href="//pixelunion.net/cdn/fonts/roboto/roboto_n4.da808834c2315f31dd3910e2ae6b1a895d7f73f5.woff2?h1=cGl4ZWx1bmlvbi5uZXQ&h2=dGhlbWV6aWxsYS5jb20&h3=cGl4ZWwtdW5pb24tc2hvcC5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=7e3eba11cfedd93b944d1e4f42e09f5b5353388461a5fa7535ffb08d353da25d" as="font" crossorigin="anonymous"> <link rel="preload" as="style" href="//pixelunion.net/cdn/shop/t/78/assets/theme.css?v=167892688237826684211720633640"> <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="/16903831606/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="1b79be42be661fab879b37e09d134b0f"> <meta id="in-context-paypal-metadata" data-shop-id="16903831606" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> <script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script> <link rel="preconnect" href="https://shop.app" crossorigin="anonymous"> <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=16903831606" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":16903831606,"countryCode":"CA","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/16903831606","merchantName":"Pixel Union","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","jcb"],"total":{"type":"pending","label":"Pixel Union","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script> <script id="shopify-features" type="application/json">{"accessToken":"1b79be42be661fab879b37e09d134b0f","betas":["rich-media-storefront-analytics"],"domain":"pixelunion.net","predictiveSearch":true,"shopId":16903831606,"smart_payment_buttons_url":"https:\/\/pixelunion.net\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/pixelunion.net\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "pixel-union-shop.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"USD","rate":"1.0"}; Shopify.country = "US"; Shopify.theme = {"name":"September 2024","id":169845391681,"schema_name":"Superstore","schema_version":"3.2.0-pre.0","theme_store_id":null,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "pixelunion.net/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_CO51Msyl.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"]}; </script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/d23dclunsivw3h.cloudfront.net\/redirect-app.js?shop=pixel-union-shop.myshopify.com","https:\/\/static.rechargecdn.com\/static\/js\/recharge.js?shop=pixel-union-shop.myshopify.com","https:\/\/www.pxucdn.com\/apps\/uso.js?shop=pixel-union-shop.myshopify.com","https:\/\/cdn.refersion.com\/pixel.js?shop=pixel-union-shop.myshopify.com\u0026client_id=1967\u0026pk=pub_a019aa9b048be50d7f52\u0026shop=pixel-union-shop.myshopify.com","https:\/\/s3.amazonaws.com\/pixelpop\/usercontent\/scripts\/5d15a74b-f43a-4bee-b731-f4a7622a20e9\/pixelpop.js?shop=pixel-union-shop.myshopify.com","https:\/\/cdn1.stamped.io\/files\/widget.min.js?shop=pixel-union-shop.myshopify.com"]; for (var i = 0; i < urls.length; i++) { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = urls[i]; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); } }; if(window.attachEvent) { window.attachEvent('onload', asyncLoad); } else { window.addEventListener('load', asyncLoad, false); } })();</script> <script id="__st">var __st={"a":16903831606,"offset":-28800,"reqid":"f05fc33e-f267-46a2-866b-7f5851d69cba-1732960331","pageurl":"pixelunion.net\/","u":"910f93bb2533","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="//pixelunion.net/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//pixelunion.net/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="//pixelunion.net/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) { #dynamic-checkout-cart { min-height: 50px; } } @media screen and (max-width: 750px) { #dynamic-checkout-cart { min-height: 180px; } } </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <script> document.documentElement.className=document.documentElement.className.replace(/\bno-js\b/,'js'); if(window.Shopify&&window.Shopify.designMode)document.documentElement.className+=' in-theme-editor'; if(('ontouchstart' in window)||window.DocumentTouch&&document instanceof DocumentTouch)document.documentElement.className=document.documentElement.className.replace(/\bno-touch\b/,'has-touch'); </script> <script src="//pixelunion.net/cdn/shop/t/78/assets/api.js?v=171416646571421123301720633640" defer></script> <link href="//pixelunion.net/cdn/shop/t/78/assets/theme.css?v=167892688237826684211720633640" rel="stylesheet" type="text/css" media="all" /> <script></script> <style>.custom-collection--bigcommerce-themes [data-product-form] { display: none; }</style> <script> window.Theme = window.Theme || {}; window.Theme.routes = { "root_url": "/", "account_url": "/account", "account_login_url": "/account/login", "account_logout_url": "/account/logout", "account_register_url": "/account/register", "account_addresses_url": "/account/addresses", "collections_url": "/collections", "all_products_collection_url": "/collections/all", "search_url": "/search", "cart_url": "/cart", "cart_add_url": "/cart/add", "cart_change_url": "/cart/change", "cart_clear_url": "/cart/clear", "product_recommendations_url": "/recommendations/products", }; </script>  <script src="https://www.googleoptimize.com/optimize.js?id=OPT-NJPVQKQ"></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: 16903831606,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: 16903831606,storefrontBaseUrl: "https://pixelunion.net",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"360939841","configuration":"{\"pixel_id\":\"751631011635511\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"8d894c63179843e74a9691414b5ad83d","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"115016001","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"8","type":"CUSTOM","privacyPurposes":[],"name":"Google Tag (GA4)"},{"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":"Pixel Union","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"pixel-union-shop.myshopify.com","countryCode":"CA","storefrontUrl":"https:\/\/pixelunion.net"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://pixelunion.net/cdn","1518c2ba4d2b3301a1e3cb6576947ef22edf7bb6","3c762e5aw5b983e43pc2dc4883m545d5a27",);</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'USD'; 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">(window.gaDevIds=window.gaDevIds||[]).push('BwiEti'); (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: 16903831606, theme_id: 169845391681, app_name: "storefront", context_url: window.location.href, source_url: "//pixelunion.net/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//pixelunion.net/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//pixelunion.net/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":16903831606,"isMerchantRequest":null,"themeId":169845391681,"themeCityHash":"12111970509969925320","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Google Analytics":{"trackingId":"UA-134258-23","domain":"auto","siteSpeedSampleRate":"10","enhancedEcommerce":true,"doubleClick":true,"includeSearch":true},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; ga('require', 'linker'); function addListener(element, type, callback) { if (element.addEventListener) { element.addEventListener(type, callback); } else if (element.attachEvent) { element.attachEvent('on' + type, callback); } } function decorate(event) { event = event || window.event; var target = event.target || event.srcElement; if (target && (target.getAttribute('action') || target.getAttribute('href'))) { ga(function (tracker) { var linkerParam = tracker.get('linkerParam'); document.cookie = '_shopify_ga=' + linkerParam + '; ' + 'path=/'; }); } } addListener(window, 'load', function(){ for (var i=0; i < document.forms.length; i++) { var action = document.forms[i].getAttribute('action'); if(action && action.indexOf('/cart') >= 0) { addListener(document.forms[i], 'submit', decorate); } } for (var i=0; i < document.links.length; i++) { var href = document.links[i].getAttribute('href'); if(href && href.indexOf('/checkout') >= 0) { addListener(document.links[i], 'click', decorate); } } }); 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 = "//pixelunion.net/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 = "Superstore"; window.BOOMR.themeVersion = "3.2.0-pre.0"; window.BOOMR.shopId = 16903831606; window.BOOMR.themeId = 169845391681; })();</script> <script defer src="https://pixelunion.net/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.0.2.min.js" data-application="storefront-renderer" data-shop-id="16903831606" data-render-region="gcp-asia-southeast1" data-page-type="index" data-theme-instance-id="169845391681" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body class="template-index" data-instant-allow-query-string > <a class="skip-to-main" href="#site-main">Skip to content</a> <div id="shopify-section-static-announcement" class="shopify-section site-announcement"><script type="application/json" data-section-id="static-announcement" data-section-type="static-announcement"> </script> <div class=" announcement-bar " style=" color: #ffffff; background: #c04b03; "> <a class="announcement-bar-link" href="/blogs/state-of-the-union/tailor-v3-the-perfect-fit-for-clothing-brands" ></a> <div class="announcement-bar-text"> The perfect fit for clothing stores: Tailor v3 is now available </div> <div class="announcement-bar-text-mobile"> Tailor v3 is now available </div> </div> </div> <div id="shopify-section-static-utility-bar" class="shopify-section"><style data-shopify> .utility-bar { background-color: #1b175d; } .utility-bar a { color: #ffffff; } .utility-bar a:hover { color: #ffffff; } </style> <script type="application/json" data-section-type="static-utility-bar" data-section-id="static-utility-bar" data-section-data > { "settings": { "mobile_layout": "below" } } </script> </div> <div id="shopify-section-static-basic-header" class="shopify-section site-header-wrapper"> <script type="application/json" data-section-id="static-basic-header" data-section-type="static-header" data-section-data> { "settings": { "header_layout": "basic", "navigation_layout": "inside", "sticky_header": true, "desktop_logo_position": "left", "live_search": { "enable": true, "content_types": "article,page,product", "money_format": "${{amount_no_decimals}}", "context": { "view_all_results": "View all results", "view_all_products": "View all products", "content_results": { "title": "Posts and pages", "no_results": "No results." }, "no_results_products": { "title": "No products for “*terms*”.", "message": "Sorry, we couldn’t find any matches." } } } } } </script> <style data-shopify> </style> <header class=" site-header site-header--basic site-header--basic-navigation-inside site-header-loading site-header--desktop-logo-left site-header--mobile-logo-left site-header-accounts-enabled " role="banner" data-site-header > <div class=" site-header-main live-search--hidden live-search-enabled " data-site-header-main data-site-header-sticky > <button class="site-header-button site-header-menu-button" href="#" data-menu-toggle> <div class="site-header-icon site-header-menu-icon" tabindex="-1"> <svg class="icon-menu " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="22" height="18" viewBox="0 0 22 18" fill="none"> <title>Menu icon</title> <path d="M21 2H1" stroke="currentColor" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/> <path d="M21 9H1" stroke="currentColor" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/> <path d="M21 16H1" stroke="currentColor" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/> </svg> <span class="visually-hidden">Menu</span> </div> </button> <div class="site-logo"> <a class="site-logo-link" href="/"> <noscript data-rimg-noscript> <img src="//pixelunion.net/cdn/shop/files/Pixel_Union_Logo_colour_e912ad42-5e02-4eb1-a1f5-b4d52cacd6ce_164x40.png?v=1613790704" alt="Pixel Union" data-rimg="noscript" srcset="//pixelunion.net/cdn/shop/files/Pixel_Union_Logo_colour_e912ad42-5e02-4eb1-a1f5-b4d52cacd6ce_164x40.png?v=1613790704 1x, //pixelunion.net/cdn/shop/files/Pixel_Union_Logo_colour_e912ad42-5e02-4eb1-a1f5-b4d52cacd6ce_328x80.png?v=1613790704 2x, //pixelunion.net/cdn/shop/files/Pixel_Union_Logo_colour_e912ad42-5e02-4eb1-a1f5-b4d52cacd6ce_492x120.png?v=1613790704 3x, //pixelunion.net/cdn/shop/files/Pixel_Union_Logo_colour_e912ad42-5e02-4eb1-a1f5-b4d52cacd6ce_656x160.png?v=1613790704 4x" class="desktop-logo-image" style=" height: 40px; " > </noscript> <img src="//pixelunion.net/cdn/shop/files/Pixel_Union_Logo_colour_e912ad42-5e02-4eb1-a1f5-b4d52cacd6ce_164x40.png?v=1613790704" alt="Pixel Union" data-rimg="lazy" data-rimg-scale="1" data-rimg-template="//pixelunion.net/cdn/shop/files/Pixel_Union_Logo_colour_e912ad42-5e02-4eb1-a1f5-b4d52cacd6ce_{size}.png?v=1613790704" data-rimg-max="2000x488" data-rimg-crop="false" srcset="data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'%20width='164'%20height='40'></svg>" class="desktop-logo-image" style=" height: 40px; " > <h1 class="desktop-logo-text visually-hidden"> Pixel Union </h1> <img src="//pixelunion.net/cdn/shop/files/Pixel_Union_Logo_colour_e912ad42-5e02-4eb1-a1f5-b4d52cacd6ce_132x32.png?v=1613790704" alt="Pixel Union" data-rimg srcset="//pixelunion.net/cdn/shop/files/Pixel_Union_Logo_colour_e912ad42-5e02-4eb1-a1f5-b4d52cacd6ce_132x32.png?v=1613790704 1x, //pixelunion.net/cdn/shop/files/Pixel_Union_Logo_colour_e912ad42-5e02-4eb1-a1f5-b4d52cacd6ce_264x64.png?v=1613790704 2x, //pixelunion.net/cdn/shop/files/Pixel_Union_Logo_colour_e912ad42-5e02-4eb1-a1f5-b4d52cacd6ce_396x96.png?v=1613790704 3x, //pixelunion.net/cdn/shop/files/Pixel_Union_Logo_colour_e912ad42-5e02-4eb1-a1f5-b4d52cacd6ce_528x128.png?v=1613790704 4x" class="mobile-logo-image" style=" max-height: 32px; " > <h1 class="mobile-logo-text visually-hidden"> Pixel Union </h1> </a> </div> <nav class="site-navigation" aria-label="Main" > <ul class="navmenu navmenu-depth-1" data-navmenu aria-label="Main Menu + Quiz" > <li class="navmenu-item navmenu-id-themes " data-test-linkthing > <a class="navmenu-link " href="/collections/shopify-themes" > Themes </a> </li> <li class="navmenu-item navmenu-id-blog " data-test-linkthing > <a class="navmenu-link " href="/blogs/state-of-the-union" > Blog </a> </li> <li class="navmenu-item navmenu-id-help-center " data-test-linkthing > <a class="navmenu-link " href="https://support.pixelunion.net/hc/en-us" > Help Center </a> </li> <li class="navmenu-item navmenu-id-about-us " data-test-linkthing > <a class="navmenu-link " href="/pages/about" > About Us </a> </li> <li class="navmenu-item navmenu-id-theme-finder-quiz " data-test-linkthing > <a class="navmenu-link quiz-link " href="/pages/shopify-theme-finder-quiz" > Theme Finder Quiz </a> </li> </ul> </nav> <div class="site-header-search" data-site-header-search> <div class="site-header-search-wrapper" data-search-wrapper> <div class="live-search" data-live-search> <form class="live-search-form form-fields-inline" action="/search" method="get" role="search" aria-label="Product" data-live-search-form > <input type="hidden" name="type" value="article,page,product"> <div class="form-field no-label"> <input class="form-field-input live-search-form-field" type="text" name="q" aria-label="Search" placeholder="What are you looking for?" autocomplete="off" data-live-search-input> <button type="button" class="live-search-takeover-cancel" data-live-search-takeover-cancel> Cancel </button> <button class="live-search-button" type="submit" aria-label="Search" data-live-search-submit > <span class="search-icon search-icon--inactive"> <svg class="icon-search " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="21" height="24" viewBox="0 0 21 24" fill="none"> <title>Search icon</title> <path d="M19.5 21.5L13.6155 15.1628" stroke="currentColor" stroke-width="1.75"/> <circle cx="9.5" cy="9.5" r="7" stroke="currentColor" stroke-width="1.75"/> </svg> </span> <span class="search-icon search-icon--active"> <svg class="icon-spinner " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none"> <title>Spinner icon</title> <circle opacity="0.29" cx="13" cy="13" r="11" stroke="currentColor" stroke-width="2"/> <path d="M24 13C24 19.0751 19.0751 24 13 24" stroke="currentColor" stroke-width="2"/> </svg> </span> </button> </div> <div class="search-flydown" data-live-search-flydown> <div class="search-flydown--placeholder" data-live-search-placeholder> <div class="search-flydown--product-items"> <a class="search-flydown--product search-flydown--product" href="#"> <div class="search-flydown--product-image"> <svg class="placeholder--image placeholder--content-image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <div class="search-flydown--product-text"> <span class="search-flydown--product-title placeholder--content-text"></span> <span class="search-flydown--product-price placeholder--content-text"></span> </div> </a> <a class="search-flydown--product search-flydown--product" href="#"> <div class="search-flydown--product-image"> <svg class="placeholder--image placeholder--content-image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <div class="search-flydown--product-text"> <span class="search-flydown--product-title placeholder--content-text"></span> <span class="search-flydown--product-price placeholder--content-text"></span> </div> </a> <a class="search-flydown--product search-flydown--product" href="#"> <div class="search-flydown--product-image"> <svg class="placeholder--image placeholder--content-image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <div class="search-flydown--product-text"> <span class="search-flydown--product-title placeholder--content-text"></span> <span class="search-flydown--product-price placeholder--content-text"></span> </div> </a> </div> </div> <div class=" search-flydown--results search-flydown--results--content-enabled " data-live-search-results ></div> </div> </form> </div> <button class="site-header-button site-header-search-close" data-search-close> <svg class="icon-search-close " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <title>Translation missing: en.general.icons.icon_search_close icon</title> <path d="M17 1L1 17" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/> <path d="M1 1L17 17" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/> </svg> <span class="visually-hidden">Close search</span> </button> </div> </div> <div class="site-header-main-actions"> <button class="site-header-button site-header-search-button" data-search-toggle> <div class="site-header-icon site-header-search-icon" tabindex="-1"> <span class="search-icon"> <svg class="icon-search " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="21" height="24" viewBox="0 0 21 24" fill="none"> <title>Search icon</title> <path d="M19.5 21.5L13.6155 15.1628" stroke="currentColor" stroke-width="1.75"/> <circle cx="9.5" cy="9.5" r="7" stroke="currentColor" stroke-width="1.75"/> </svg> <span class="visually-hidden">Search</span> </span> </div> </button> <a class="site-header-button site-header-account-button" href="/account"> <div class="site-header-icon site-header-account-icon"> <svg class="icon-account " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <title>Account icon</title> <path d="M20.5 19.5V21.525C20.5 21.5802 20.4552 21.625 20.4 21.625H3.6C3.54477 21.625 3.5 21.5802 3.5 21.525V19.5C3.5 18.3728 3.94777 17.2918 4.7448 16.4948C5.54183 15.6978 6.62283 15.25 7.75 15.25H16.25C17.3772 15.25 18.4582 15.6978 19.2552 16.4948C20.0522 17.2918 20.5 18.3728 20.5 19.5Z" stroke="currentColor" stroke-width="1.75"/> <path d="M12 11C14.3472 11 16.25 9.09721 16.25 6.75C16.25 4.40279 14.3472 2.5 12 2.5C9.65279 2.5 7.75 4.40279 7.75 6.75C7.75 9.09721 9.65279 11 12 11Z" stroke="currentColor" stroke-width="1.75" stroke-linejoin="round"/> </svg> <span class="visually-hidden">View account</span> </div> </a> <a class="site-header-button site-header-cart-button" href="/cart"> <div class="site-header-icon site-header-cart-icon"> <span class="site-header-cart--count " data-header-cart-count=""> </span> <svg class="icon-bag " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="19" height="24" viewBox="0 0 19 24" fill="none"> <title>Cart icon</title> <path d="M1.75 6.75H17.25V21.75H1.75V6.75Z" stroke="currentColor" stroke-width="1.5"/> <path d="M13 10.5V5.5C13 2.83333 11.4444 1.5 9.5 1.5C7.55556 1.5 6 2.83333 6 5.5L6 10.5" stroke="currentColor" stroke-width="1.5"/> </svg> <span class="visually-hidden">View cart</span> </div> </a> </div> </div><div class="site-mobile-nav" id="site-mobile-nav" data-mobile-nav tabindex="0"> <div class="mobile-nav-panel" data-mobile-nav-panel> <div class="header-actions-wrapper"> <ul class="site-header-actions" data-header-actions> <li class="site-header-account-link"> <a href="/account/login"> <svg class="icon-account " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <title>Account icon</title> <path d="M20.5 19.5V21.525C20.5 21.5802 20.4552 21.625 20.4 21.625H3.6C3.54477 21.625 3.5 21.5802 3.5 21.525V19.5C3.5 18.3728 3.94777 17.2918 4.7448 16.4948C5.54183 15.6978 6.62283 15.25 7.75 15.25H16.25C17.3772 15.25 18.4582 15.6978 19.2552 16.4948C20.0522 17.2918 20.5 18.3728 20.5 19.5Z" stroke="currentColor" stroke-width="1.75"/> <path d="M12 11C14.3472 11 16.25 9.09721 16.25 6.75C16.25 4.40279 14.3472 2.5 12 2.5C9.65279 2.5 7.75 4.40279 7.75 6.75C7.75 9.09721 9.65279 11 12 11Z" stroke="currentColor" stroke-width="1.75" stroke-linejoin="round"/> </svg> Log in </a> </li> </ul> <a class="mobile-nav-close" href="#site-header-nav" data-mobile-nav-close > <svg class="icon-burger-close " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none"> <title>Close icon</title> <path d="M17 1L1 17M1 1l16 16" stroke="currentColor" stroke-width="1.75" stroke-linejoin="round"/> </svg> <span class="visually-hidden">Close</span> </a> </div> <div class="mobile-nav-content" data-mobile-nav-content> <ul class="navmenu navmenu-depth-1" data-navmenu aria-label="Main Menu + Quiz" > <li class="navmenu-item navmenu-id-themes " data-test-linkthing > <a class="navmenu-link " href="/collections/shopify-themes" > Themes </a> </li> <li class="navmenu-item navmenu-id-blog " data-test-linkthing > <a class="navmenu-link " href="/blogs/state-of-the-union" > Blog </a> </li> <li class="navmenu-item navmenu-id-help-center " data-test-linkthing > <a class="navmenu-link " href="https://support.pixelunion.net/hc/en-us" > Help Center </a> </li> <li class="navmenu-item navmenu-id-about-us " data-test-linkthing > <a class="navmenu-link " href="/pages/about" > About Us </a> </li> <li class="navmenu-item navmenu-id-theme-finder-quiz " data-test-linkthing > <a class="navmenu-link quiz-link " href="/pages/shopify-theme-finder-quiz" > Theme Finder Quiz </a> </li> </ul> </div> </div> <div class="mobile-nav-overlay" data-mobile-nav-overlay></div> </div> </header> </div> <main id="site-main" class="site-main" aria-label="Main content" tabindex="-1"> <div id="shopify-section-static-slideshow" class="shopify-section slideshow--section"><script type="application/json" data-section-type="static-slideshow" data-section-id="static-slideshow" data-section-data > { "enable_autoplay": false, "autoplay_duration": 8, "lazyLoad": true } </script> </div> <div id="shopify-section-161660556404c2273c" class="shopify-section alt-img-with-text--section"><style data-shopify> #shopify-section-161660556404c2273c { background-color: rgba(0,0,0,0); } #shopify-section-161660556404c2273c .alt-img-with-text--container .home-section--title { color: #4d4d4d; } #shopify-section-161660556404c2273c .alt-img-with-text--container .home-section--subheading { color: #4d4d4d; } #shopify-section-161660556404c2273c .alt-img-with-text--container { padding-top: 10px; padding-bottom: 10px; } @media screen and (min-width: 720px) { #shopify-section-161660556404c2273c .alt-img-with-text--container { padding-top: 10px; padding-bottom: 10px; } } </style> <section class="alt-img-with-text--container"> <style data-shopify> #shopify-section-161660556404c2273c #block-daca3885-bb5b-40c7-ac57-04b8b287543b .alt-img-with-text--button.button-signpost { color: #bf4c03; } #shopify-section-161660556404c2273c #block-daca3885-bb5b-40c7-ac57-04b8b287543b { background-color: #fbf2dd; } #shopify-section-161660556404c2273c #block-daca3885-bb5b-40c7-ac57-04b8b287543b .preheading { color: #000000; } #shopify-section-161660556404c2273c #block-daca3885-bb5b-40c7-ac57-04b8b287543b .heading { color: #000000; } #shopify-section-161660556404c2273c #block-daca3885-bb5b-40c7-ac57-04b8b287543b .text-content { color: #000000; } @media screen and (min-width: 720px) { #shopify-section-161660556404c2273c #block-daca3885-bb5b-40c7-ac57-04b8b287543b .alt-img-with-text--text { width:40%; } } </style> <a class="block-link" href="https://themes.shopify.com/themes/tailor/styles/cotton?utm_source=pxu-website&utm_medium=banner&utm_campaign=tailor-v3&utm_content=banner-cta"> <div id="block-daca3885-bb5b-40c7-ac57-04b8b287543b" class=" alt-img-with-text--content image-left image-bottom" > <div class=" alt-img-with-text--text position-middle alignment-left" > <div class="preheading"> Now available </div> <h3 class="heading xlarge"> Tailor v3 </h3> <div class="text-content"> The perfect fit for clothing and apparel stores selling on Shopify </div> <span class="alt-img-with-text--button button-signpost "> <span class="button-text">Try Tailor in your store</span> <span class="signpost-icon"> <svg class="icon-chevron-down-small " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="8" height="6" viewBox="0 0 8 6" fill="none"> <title>Chevron down icon</title> <path class="icon-chevron-down-left" d="M4 4.5L7 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> <path class="icon-chevron-down-right" d="M4 4.5L1 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> </svg> </span> </span> </div> <div class=" height-natural alt-img-with-text--image image-desktop"" data-rimg="lazy" data-rimg-scale="1" data-rimg-template="//pixelunion.net/cdn/shop/files/tailor_v3_now_available_for_purchase_in_the_shopify_theme_store_beffe8cb-5ba9-4403-bc77-7afe7e2129a3_{size}.png?v=1715023694" data-rimg-max="1963x1350" data-rimg-crop="false" style=" width:60%; padding-bottom:41.2633723892002%; " > </div> <div class=" height-custom alt-img-with-text--image image-mobile"" data-rimg="lazy" data-rimg-scale="1" data-rimg-template="//pixelunion.net/cdn/shop/files/tailor_v3_now_available_for_purchase_in_the_shopify_theme_store_beffe8cb-5ba9-4403-bc77-7afe7e2129a3_{size}.png?v=1715023694" data-rimg-max="1963x1350" data-rimg-crop="false" style=" height:300px " > </div> </div> </a> </section> </div><div id="shopify-section-1568745009488" class="shopify-section alt-img-with-text--section"><style data-shopify> #shopify-section-1568745009488 { background-color: ; } #shopify-section-1568745009488 .alt-img-with-text--container .home-section--title { color: #000000; } #shopify-section-1568745009488 .alt-img-with-text--container .home-section--subheading { color: #000000; } #shopify-section-1568745009488 .alt-img-with-text--container { padding-top: 0px; padding-bottom: 0px; } @media screen and (min-width: 720px) { #shopify-section-1568745009488 .alt-img-with-text--container { padding-top: 50px; padding-bottom: 50px; } } </style> <section class="alt-img-with-text--container"> <style data-shopify> #shopify-section-1568745009488 #block-1568745009488-0 .alt-img-with-text--button.button-signpost { color: #2858d1; } #shopify-section-1568745009488 #block-1568745009488-0 { background-color: #ffffff; } #shopify-section-1568745009488 #block-1568745009488-0 .preheading { color: #15171e; } #shopify-section-1568745009488 #block-1568745009488-0 .heading { color: #15171e; } #shopify-section-1568745009488 #block-1568745009488-0 .text-content { color: #000000; } @media screen and (min-width: 720px) { #shopify-section-1568745009488 #block-1568745009488-0 .alt-img-with-text--text { width:42%; } } </style> <div id="block-1568745009488-0" class=" alt-img-with-text--content image-left image-bottom" > <div class=" alt-img-with-text--text position-middle alignment-left" > <h3 class="heading large"> Shopify Themes </h3> <div class="text-content"> Build your brand and increase sales with a premium ecommerce experience. </div> <a class="button-link" href="/collections/shopify-themes"> <span class="alt-img-with-text--button button-signpost "> <span class="button-text">Explore themes</span> <span class="signpost-icon"> <svg class="icon-chevron-down-small " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="8" height="6" viewBox="0 0 8 6" fill="none"> <title>Chevron down icon</title> <path class="icon-chevron-down-left" d="M4 4.5L7 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> <path class="icon-chevron-down-right" d="M4 4.5L1 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> </svg> </span> </span> </a> </div> <div class=" height-natural alt-img-with-text--image image-desktop"" data-rimg="lazy" data-rimg-scale="1" data-rimg-template="//pixelunion.net/cdn/shop/files/pxu-home-new-tailor-lycra_{size}.jpg?v=1713543584" data-rimg-max="1522x1150" data-rimg-crop="false" style=" width:58%; padding-bottom:43.823915900131404%; " > </div> <div class=" height-natural alt-img-with-text--image image-mobile"" data-rimg="lazy" data-rimg-scale="1" data-rimg-template="//pixelunion.net/cdn/shop/files/pxu-home-new-tailor-lycra_{size}.jpg?v=1713543584" data-rimg-max="1522x1150" data-rimg-crop="false" style=" padding-bottom:75.55847568988173%; " > </div> </div> </section> </div><div id="shopify-section-1568743806470" class="shopify-section"><style data-shopify> #shopify-section-1568743806470 { padding-top: 0px; padding-bottom: 0px; } @media screen and (min-width: 720px) { #shopify-section-1568743806470 { padding-top: 0px; padding-bottom: 0px; } } #shopify-section-1568743806470 .testimonials-heading { color: #15171e; } #shopify-section-1568743806470 .testimonials .dot { background-color: #15171e; } #shopify-section-1568743806470 .testimonials-subheading, #shopify-section-1568743806470 .testimonials-subheading a { color: #15171e; } </style> <script type="application/json" data-section-id="1568743806470" data-section-type="dynamic-testimonials" > </script> <section class="testimonials-section"> <div class="testimonials testimonials-1" data-testimonials="1"> <div class=" testimonial testimonial-show-quotations " > <div class="testimonial-inner"> <figure class="testimonial-figure"> <noscript data-rimg-noscript> <img src="//pixelunion.net/cdn/shop/files/Harley_Finkelstein_60x75.png?v=1613789603" alt="" data-rimg="noscript" srcset="//pixelunion.net/cdn/shop/files/Harley_Finkelstein_60x75.png?v=1613789603 1x, //pixelunion.net/cdn/shop/files/Harley_Finkelstein_120x150.png?v=1613789603 2x, //pixelunion.net/cdn/shop/files/Harley_Finkelstein_180x225.png?v=1613789603 3x, //pixelunion.net/cdn/shop/files/Harley_Finkelstein_240x300.png?v=1613789603 4x" class="testimonial-image" > </noscript> <img src="//pixelunion.net/cdn/shop/files/Harley_Finkelstein_60x75.png?v=1613789603" alt="" data-rimg="lazy" data-rimg-scale="1" data-rimg-template="//pixelunion.net/cdn/shop/files/Harley_Finkelstein_{size}.png?v=1613789603" data-rimg-max="494x614" data-rimg-crop="false" srcset="data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'%20width='60'%20height='75'></svg>" class="testimonial-image" > </figure> <blockquote class="testimonial-blockquote"> <div class="testimonial-blockquote-quote"> <p>Pixel Union builds some of the richest, most beautiful ecommerce experiences available on any device.</p> </div> <footer class="testimonial-blockquote-footer"> <cite class="testimonial-blockquote-citation"><p><strong>Harley Finkelstein</strong><br/>President, <a href="https://shopify.com/">Shopify</a></p></cite> </footer> </blockquote> </div> </div> </div> </section> </div><div id="shopify-section-16648384529bd763f8" class="shopify-section blogposts--section"><style data-shopify> #shopify-section-16648384529bd763f8 { background-color: ; } #shopify-section-16648384529bd763f8 .blogposts--container .home-section--title { color: #4d4d4d; } #shopify-section-16648384529bd763f8 .blogposts--container { padding-top: 36px; padding-bottom: 36px; } @media screen and (min-width: 720px) { #shopify-section-16648384529bd763f8 .blogposts--container { padding-top: 50px; padding-bottom: 50px; } } #shopify-section-16648384529bd763f8 .blogposts--container .home-section--subheading, #shopify-section-16648384529bd763f8 .blogposts--container .home-section--subheading a { color: #4d4d4d; } </style> <script type="application/json" data-section-id="16648384529bd763f8" data-section-type="dynamic-blog-posts"> </script> <section class="blogposts--container blogposts--count-3"> <div class="home-section--title-container" > <h2 class="home-section--title"> State of the Union </h2> <div class="home-section--subheading"> <p>Announcements, analysis, and advice to help you increase sales.</p> </div> </div> <ul class="home-section--content blogposts--inner" data-blog-posts> <li class="article--excerpt-wrapper "> <article class="article-list-item"> <a class="article--excerpt-image" href="/blogs/state-of-the-union/moving-message-7-ways-to-use-scrolling-text-in-your-store" data-rimg="lazy" data-rimg-scale="1" data-rimg-template="//pixelunion.net/cdn/shop/articles/add_scrolling_text_to_boost_your_bfcm_{size}_crop_center.gif?v=1731109549" data-rimg-max="1572x1000" data-rimg-crop="center" > <noscript data-rimg-noscript> <img src="//pixelunion.net/cdn/shop/articles/add_scrolling_text_to_boost_your_bfcm_700x700_crop_center.gif?v=1731109549" alt="Moving messages: 7 ways to use scrolling text in your store" data-rimg="noscript" srcset="//pixelunion.net/cdn/shop/articles/add_scrolling_text_to_boost_your_bfcm_700x700_crop_center.gif?v=1731109549 1x, //pixelunion.net/cdn/shop/articles/add_scrolling_text_to_boost_your_bfcm_994x994_crop_center.gif?v=1731109549 1.42x" > </noscript> <img src="//pixelunion.net/cdn/shop/articles/add_scrolling_text_to_boost_your_bfcm_700x700_crop_center.gif?v=1731109549" alt="Moving messages: 7 ways to use scrolling text in your store" data-rimg="lazy" data-rimg-scale="1" data-rimg-template="//pixelunion.net/cdn/shop/articles/add_scrolling_text_to_boost_your_bfcm_{size}_crop_center.gif?v=1731109549" data-rimg-max="1572x1000" data-rimg-crop="center" srcset="data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'%20width='700'%20height='700'></svg>" > <div data-rimg-canvas></div> </a> <div class="article--excerpt-content"> <h2 class="article--excerpt-title"> <a href="/blogs/state-of-the-union/moving-message-7-ways-to-use-scrolling-text-in-your-store"> Moving messages: 7 ways to use scrolling text in your store </a> </h2><a class="article--excerpt-readmore" href="/blogs/state-of-the-union/moving-message-7-ways-to-use-scrolling-text-in-your-store" aria-label="read Moving messages: 7 ways to use scrolling text in your store"> Read now <span class="article--excerpt-readmore--icon"> <svg class="icon-chevron-down-small " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="8" height="6" viewBox="0 0 8 6" fill="none"> <title>Chevron down icon</title> <path class="icon-chevron-down-left" d="M4 4.5L7 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> <path class="icon-chevron-down-right" d="M4 4.5L1 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> </svg> </span> </a> </div> </article> </li> <li class="article--excerpt-wrapper "> <article class="article-list-item"> <a class="article--excerpt-image" href="/blogs/state-of-the-union/drive-urgency-and-increase-conversions-with-a-countdown-timer" data-rimg="lazy" data-rimg-scale="1" data-rimg-template="//pixelunion.net/cdn/shop/articles/add_a_countdown_timer_to_your_store_{size}_crop_center.png?v=1730484766" data-rimg-max="1572x1000" data-rimg-crop="center" > <noscript data-rimg-noscript> <img src="//pixelunion.net/cdn/shop/articles/add_a_countdown_timer_to_your_store_700x700_crop_center.png?v=1730484766" alt="Drive urgency and increase conversions with a countdown timer" data-rimg="noscript" srcset="//pixelunion.net/cdn/shop/articles/add_a_countdown_timer_to_your_store_700x700_crop_center.png?v=1730484766 1x, //pixelunion.net/cdn/shop/articles/add_a_countdown_timer_to_your_store_994x994_crop_center.png?v=1730484766 1.42x" > </noscript> <img src="//pixelunion.net/cdn/shop/articles/add_a_countdown_timer_to_your_store_700x700_crop_center.png?v=1730484766" alt="Drive urgency and increase conversions with a countdown timer" data-rimg="lazy" data-rimg-scale="1" data-rimg-template="//pixelunion.net/cdn/shop/articles/add_a_countdown_timer_to_your_store_{size}_crop_center.png?v=1730484766" data-rimg-max="1572x1000" data-rimg-crop="center" srcset="data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'%20width='700'%20height='700'></svg>" > <div data-rimg-canvas></div> </a> <div class="article--excerpt-content"> <h2 class="article--excerpt-title"> <a href="/blogs/state-of-the-union/drive-urgency-and-increase-conversions-with-a-countdown-timer"> Drive urgency and increase conversions with a countdown timer </a> </h2><a class="article--excerpt-readmore" href="/blogs/state-of-the-union/drive-urgency-and-increase-conversions-with-a-countdown-timer" aria-label="read Drive urgency and increase conversions with a countdown timer"> Read now <span class="article--excerpt-readmore--icon"> <svg class="icon-chevron-down-small " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="8" height="6" viewBox="0 0 8 6" fill="none"> <title>Chevron down icon</title> <path class="icon-chevron-down-left" d="M4 4.5L7 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> <path class="icon-chevron-down-right" d="M4 4.5L1 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> </svg> </span> </a> </div> </article> </li> <li class="article--excerpt-wrapper "> <article class="article-list-item"> <a class="article--excerpt-image" href="/blogs/state-of-the-union/level-up-your-shopify-store-with-video" data-rimg="lazy" data-rimg-scale="1" data-rimg-template="//pixelunion.net/cdn/shop/articles/2_{size}_crop_center.png?v=1729800332" data-rimg-max="1572x1000" data-rimg-crop="center" > <noscript data-rimg-noscript> <img src="//pixelunion.net/cdn/shop/articles/2_700x700_crop_center.png?v=1729800332" alt="Level up your Shopify store with video" data-rimg="noscript" srcset="//pixelunion.net/cdn/shop/articles/2_700x700_crop_center.png?v=1729800332 1x, //pixelunion.net/cdn/shop/articles/2_994x994_crop_center.png?v=1729800332 1.42x" > </noscript> <img src="//pixelunion.net/cdn/shop/articles/2_700x700_crop_center.png?v=1729800332" alt="Level up your Shopify store with video" data-rimg="lazy" data-rimg-scale="1" data-rimg-template="//pixelunion.net/cdn/shop/articles/2_{size}_crop_center.png?v=1729800332" data-rimg-max="1572x1000" data-rimg-crop="center" srcset="data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'%20width='700'%20height='700'></svg>" > <div data-rimg-canvas></div> </a> <div class="article--excerpt-content"> <h2 class="article--excerpt-title"> <a href="/blogs/state-of-the-union/level-up-your-shopify-store-with-video"> Level up your Shopify store with video </a> </h2><a class="article--excerpt-readmore" href="/blogs/state-of-the-union/level-up-your-shopify-store-with-video" aria-label="read Level up your Shopify store with video"> Read now <span class="article--excerpt-readmore--icon"> <svg class="icon-chevron-down-small " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="8" height="6" viewBox="0 0 8 6" fill="none"> <title>Chevron down icon</title> <path class="icon-chevron-down-left" d="M4 4.5L7 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> <path class="icon-chevron-down-right" d="M4 4.5L1 1.5" stroke="currentColor" stroke-width="1.25" stroke-linecap="square"/> </svg> </span> </a> </div> </article> </li> </ul> <div class="blogposts--footer"> <a class= " blogposts--footer-button button-secondary " href="/blogs/state-of-the-union" > See more posts </a> </div> </section> </div> </main> <div id="shopify-section-static-footer" class="shopify-section"><script type="application/json" data-section-id="static-footer" data-section-type="static-footer"> </script> <footer class="site-footer" role="contentinfo" aria-label="Footer" data-mobile-alignment="left" > <div class=" site-footer-item site-footer-blocks column-count-4 " > <div class="site-footer-block-item site-footer-block-menu has-accordion" > <h2 class="site-footer-block-title" data-accordion-trigger> Shopify Themes <span class="site-footer-block-icon accordion--icon"> <svg class="icon-chevron-down " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8" fill="none"> <title>Chevron down icon</title> <path class="icon-chevron-down-left" d="M7 6.75L12.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> <path class="icon-chevron-down-right" d="M7 6.75L1.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> </svg> </span> </h2> <div class="site-footer-block-content accordion--content" data-accordion-content> <ul class="navmenu navmenu-depth-1 " data-navmenu > <li class="navmenu-item navmenu-id-atlantic" > <a class="navmenu-link " href="/products/atlantic" > Atlantic </a> </li> <li class="navmenu-item navmenu-id-editions" > <a class="navmenu-link " href="/products/editions" > Editions </a> </li> <li class="navmenu-item navmenu-id-empire" > <a class="navmenu-link " href="/products/empire" > Empire </a> </li> <li class="navmenu-item navmenu-id-grid" > <a class="navmenu-link " href="/products/grid" > Grid </a> </li> <li class="navmenu-item navmenu-id-startup" > <a class="navmenu-link " href="/products/startup" > Startup </a> </li> <li class="navmenu-item navmenu-id-tailor" > <a class="navmenu-link " href="/products/tailor" > Tailor </a> </li> </ul> </div> </div> <div class="site-footer-block-item site-footer-block-menu has-accordion" > <h2 class="site-footer-block-title" data-accordion-trigger> Services <span class="site-footer-block-icon accordion--icon"> <svg class="icon-chevron-down " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8" fill="none"> <title>Chevron down icon</title> <path class="icon-chevron-down-left" d="M7 6.75L12.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> <path class="icon-chevron-down-right" d="M7 6.75L1.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> </svg> </span> </h2> <div class="site-footer-block-content accordion--content" data-accordion-content> <ul class="navmenu navmenu-depth-1 " data-navmenu > <li class="navmenu-item navmenu-id-help-center" > <a class="navmenu-link " href="https://support.pixelunion.net/hc/en-us" > Help Center </a> </li> <li class="navmenu-item navmenu-id-customizations" > <a class="navmenu-link " href="https://pixelunion.net/pages/services#customize" > Customizations </a> </li> <li class="navmenu-item navmenu-id-affiliate-program" > <a class="navmenu-link " href="/pages/themes-affiliate-page" > Affiliate Program </a> </li> </ul> </div> </div> <div class="site-footer-block-item site-footer-block-menu has-accordion" > <h2 class="site-footer-block-title" data-accordion-trigger> Company <span class="site-footer-block-icon accordion--icon"> <svg class="icon-chevron-down " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8" fill="none"> <title>Chevron down icon</title> <path class="icon-chevron-down-left" d="M7 6.75L12.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> <path class="icon-chevron-down-right" d="M7 6.75L1.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> </svg> </span> </h2> <div class="site-footer-block-content accordion--content" data-accordion-content> <ul class="navmenu navmenu-depth-1 " data-navmenu > <li class="navmenu-item navmenu-id-about-us" > <a class="navmenu-link " href="/pages/about" > About Us </a> </li> <li class="navmenu-item navmenu-id-blog" > <a class="navmenu-link " href="/blogs/state-of-the-union" > Blog </a> </li> <li class="navmenu-item navmenu-id-contact" > <a class="navmenu-link " href="/pages/contact" > Contact </a> </li> </ul> </div> </div> <div class="site-footer-block-item site-footer-block-social-accounts " > <h2 class="site-footer-block-title"> Follow us </h2> <div class="site-footer-block-content"> <div class="social-icons social-icons-dark-light"> <a class="social-link social-link-facebook" title="Facebook" href="https://facebook.com/pixelunion" target="_blank"> <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" > <path fill="currentColor" fill-rule="evenodd" d="M16.913 13.919h-2.17v7.907h-3.215V13.92H10v-2.794h1.528V9.316c0-1.294.601-3.316 3.245-3.316l2.38.01V8.72h-1.728c-.282 0-.68.145-.68.762v1.642h2.449l-.281 2.794z"/> </svg> <span class="visually-hidden">Find us on Facebook</span> </a> <a class="social-link social-link-twitter" title="Twitter" href="https://twitter.com/pixelunion" target="_blank"> <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" > <path fill="currentColor" fill-rule="evenodd" d="M20.218 9.925a3.083 3.083 0 0 0 1.351-1.7 6.156 6.156 0 0 1-1.952.746 3.074 3.074 0 0 0-5.238 2.804 8.727 8.727 0 0 1-6.336-3.212 3.073 3.073 0 0 0 .951 4.104 3.062 3.062 0 0 1-1.392-.385v.039c0 1.49 1.06 2.732 2.466 3.014a3.078 3.078 0 0 1-1.389.053 3.077 3.077 0 0 0 2.872 2.135A6.168 6.168 0 0 1 7 18.795a8.7 8.7 0 0 0 4.712 1.382c5.654 0 8.746-4.685 8.746-8.747 0-.133-.003-.265-.009-.397a6.248 6.248 0 0 0 1.534-1.592 6.146 6.146 0 0 1-1.765.484z"/> </svg> <span class="visually-hidden">Find us on Twitter</span> </a> <a class="social-link social-link-pinterest" title="Pinterest" href="https://pinterest.com/pixelunion" target="_blank"> <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" > <path fill="currentColor" fill-rule="evenodd" d="M13.914 6a7.913 7.913 0 0 0-2.885 15.281c-.07-.626-.132-1.586.028-2.27.144-.618.928-3.933.928-3.933s-.238-.475-.238-1.175c0-1.098.64-1.922 1.433-1.922.675 0 1 .507 1 1.115 0 .68-.43 1.694-.654 2.634-.188.789.395 1.43 1.172 1.43 1.405 0 2.487-1.482 2.487-3.622 0-1.894-1.361-3.219-3.306-3.219-2.251 0-3.571 1.689-3.571 3.434 0 .68.26 1.409.587 1.805.065.08.074.149.056.228-.06.25-.194.787-.22.897-.035.144-.114.176-.266.106-.987-.46-1.606-1.905-1.606-3.066 0-2.497 1.814-4.787 5.23-4.787 2.744 0 4.878 1.955 4.878 4.57 0 2.726-1.72 4.922-4.108 4.922-.801 0-1.555-.418-1.813-.91l-.495 1.88c-.178.688-.66 1.55-.983 2.075a7.914 7.914 0 0 0 10.258-7.56 7.914 7.914 0 0 0-7.913-7.912V6z"/> </svg> <span class="visually-hidden">Find us on Pinterest</span> </a> <a class="social-link social-link-instagram" title="Instagram" href="https://instagram.com/pixelunion" target="_blank"> <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" > <path fill="currentColor" fill-rule="evenodd" d="M13.99734212 5.50536055c-2.30775185 0-2.59712311.0097771-3.5034532.05111062-.9044412.0412661-1.52214209.18482087-2.06266832.39479248-.55877426.21705158-1.03264964.5074651-1.50504089.97963151-.47239125.47216641-.76294307.94581624-.980098 1.50432454-.2100716.54023525-.35369473 1.15764213-.39498048 2.06165285C5.50974803 11.40277126 5.5 11.69200479 5.5 13.99865823c0 2.30661977.00974802 2.59585327.05110123 3.50175197.04128575.9040107.18490888 1.5214176.39498048 2.0616529.21715493.5585083.50770675 1.0321581.980098 1.5043582.47239125.4721664.94626663.7625799 1.50504089.9796315.54052623.2099379 1.15822712.3535264 2.06266832.3947588.90633009.0413335 1.19570135.0511106 3.5034532.0511106 2.30771808 0 2.59708938-.0097771 3.50341948-.0511106.9044412-.0412324 1.5221421-.1848209 2.0626346-.3947588.5587742-.2170516 1.0326496-.5074651 1.5050746-.9796315.4723912-.4722001.7629431-.9458499.980098-1.5043582.2100379-.5402353.3536947-1.1576422.3949467-2.0616529.0413532-.9058987.051135-1.1951322.051135-3.50175197 0-2.30665344-.0097818-2.59588697-.051135-3.50178568-.041252-.90401072-.1849088-1.5214176-.3949467-2.06165285-.2171549-.5585083-.5077068-1.03215813-.980098-1.50432454-.472425-.4721664-.9463004-.76257993-1.5050746-.97963151-.5404925-.20997161-1.1581934-.35352638-2.0626346-.39479248-.9063301-.04133353-1.1957014-.05111062-3.50341948-.05111062zm0 1.53035185c2.26886098 0 2.53762308.00863082 3.43363168.04949234.8284809.03779354 1.2784078.17615634 1.5778307.29243638.3966332.15407358.6796969.33815274.9770285.6353428.2973653.29719007.4814984.58015278.6356454.97656353.1163691.29928035.2547978.74899315.2925756 1.57707964.040881.89558219.0495496 1.16421638.0495496 3.43203114 0 2.26778107-.0086686 2.53641527-.0495496 3.43199747-.0377778.8280865-.1762065 1.2777993-.2925756 1.5770796-.154147.3964445-.3382801.6793735-.6356454.9765635-.2973316.2972238-.5803953.4812693-.9770285.6353428-.2994229.1163138-.7493498.2546766-1.5778307.2924364-.8958737.0408615-1.1646021.0495261-3.43363168.0495261-2.26906333 0-2.53775799-.0086646-3.43366545-.0495261-.82848082-.0377598-1.27840777-.1761226-1.57783063-.2924364-.39663325-.1540735-.67969697-.338119-.97706229-.6353428-.29733158-.29719-.4814984-.580119-.63561162-.9765635-.11636914-.2992803-.25479782-.7489931-.29260936-1.5770796-.04088098-.8955822-.04951591-1.1642164-.04951591-3.43199747 0-2.26781476.00863493-2.53644895.04951591-3.43203114.03781154-.82808649.17624022-1.27779929.29260936-1.57707964.15411322-.39641075.33828004-.67937346.63561162-.97656353.29736532-.29719006.58042904-.48126922.97706229-.6353428.29942286-.11628004.74934981-.25464284 1.57783063-.29243638.89600865-.04086152 1.16477077-.04949234 3.43366545-.04949234z"/> <path fill="currentColor" fill-rule="evenodd" d="M13.99734212 16.829735c-1.56433856 0-2.83245862-1.2675165-2.83245862-2.83107677 0-1.56359398 1.26812006-2.83111046 2.83245862-2.83111046 1.56430478 0 2.83242488 1.26751648 2.83242488 2.83111046 0 1.56356027-1.2681201 2.83107677-2.83242488 2.83107677zm0-7.19250537c-2.40992058 0-4.36350548 1.95265506-4.36350548 4.3614286 0 2.40873987 1.9535849 4.36139487 4.36350548 4.36139487 2.40988688 0 4.36347178-1.952655 4.36347178-4.36139487 0-2.40877354-1.9535849-4.3614286-4.36347178-4.3614286z"/> <path fill="currentColor" fill-rule="evenodd" d="M19.5529061 9.46491671c0 .56289113-.4565381 1.01917819-1.0196973 1.01917819-.5631254 0-1.0196635-.45628706-1.0196635-1.01917819 0-.56289114.4565381-1.0191782 1.0196635-1.0191782.5631592 0 1.0196973.45628706 1.0196973 1.0191782z"/> </svg> <span class="visually-hidden">Find us on Instagram</span> </a> <a class="social-link social-link-linkedin" title="LinkedIn" href="https://www.linkedin.com/company/pixelunion/" target="_blank"> <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="26" height="28" viewBox="-12 -10 50 50" > <path fill="currentColor" fill-rule="evenodd" d="M9.7 9.8h4.8v2.5c.7-1.4 2.5-2.8 5.1-2.8 5.2 0 6.4 3 6.4 8.4V28h-5.2v-8.8c0-3.1-.7-4.9-2.5-4.9-2.4 0-3.4 1.9-3.4 4.9V28H9.7V9.8zm-9 18H6V9.5H.7v18.3zm6-24.2c0 2-1.5 3.5-3.4 3.5C1.5 7.1 0 5.5 0 3.6 0 1.6 1.5 0 3.3 0c1.9 0 3.4 1.6 3.4 3.6z" clip-rule="evenodd"/> </svg> <span class="visually-hidden">Find us on LinkedIn</span> </a> </div> </div> </div> </div> <div class="site-footer-item site-footer-information"> <div class="site-footer-information-nav-credits"> <nav class="site-footer-navigation" aria-label="Footer" > <ul class="navmenu navmenu-depth-1 " data-navmenu > <li class="navmenu-item navmenu-id-terms-conditions" > <a class="navmenu-link " href="/pages/terms-conditions" > Terms & Conditions </a> </li> <li class="navmenu-item navmenu-id-privacy-policy" > <a class="navmenu-link " href="/pages/privacy-policy" > Privacy Policy </a> </li> </ul> </nav> <p class="site-footer-credits"> Copyright © 2024 Pixel Union. </p> <div class="site-footer-credits"> <p>We're part of the <a href="http://tiny.website/">Tiny</a> family along with <a href="https://dribbble.com/">Dribbble</a>, <a href="http://www.metalabdesign.com/">MetaLab</a>, and <a href="https://www.getflow.com/">Flow</a>.</p> </div> </div><div class="site-footer-information__payment-icons-cross-border"> <form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-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="selectors-form__item"> <div class="disclosure" data-disclosure-currency> <h2 class="visually-hidden" id="currency-heading-110"> Currency </h2> <button type="button" class="disclosure__toggle" aria-expanded="false" aria-controls="currency-list-110" aria-describedby="currency-heading-110" data-disclosure-toggle > USD $</button> <ul id="currency-list-110" class="disclosure-list" data-disclosure-list> <li> <a class="disclosure-list__item " href="#" data-value="AUD" data-disclosure-option> <span class="disclosure-list__option">AUD $</span> </a> </li> <li> <a class="disclosure-list__item " href="#" data-value="CAD" data-disclosure-option> <span class="disclosure-list__option">CAD $</span> </a> </li> <li> <a class="disclosure-list__item " href="#" data-value="DKK" data-disclosure-option> <span class="disclosure-list__option">DKK kr.</span> </a> </li> <li> <a class="disclosure-list__item " href="#" data-value="EUR" data-disclosure-option> <span class="disclosure-list__option">EUR €</span> </a> </li> <li> <a class="disclosure-list__item " href="#" data-value="GBP" data-disclosure-option> <span class="disclosure-list__option">GBP £</span> </a> </li> <li> <a class="disclosure-list__item " href="#" data-value="HKD" data-disclosure-option> <span class="disclosure-list__option">HKD $</span> </a> </li> <li> <a class="disclosure-list__item " href="#" data-value="JPY" data-disclosure-option> <span class="disclosure-list__option">JPY ¥</span> </a> </li> <li> <a class="disclosure-list__item " href="#" data-value="NZD" data-disclosure-option> <span class="disclosure-list__option">NZD $</span> </a> </li> <li> <a class="disclosure-list__item " href="#" data-value="SGD" data-disclosure-option> <span class="disclosure-list__option">SGD $</span> </a> </li> <li> <a class="disclosure-list__item disclosure-list__item--current" href="#" aria-current="true" data-value="USD" data-disclosure-option> <span class="disclosure-list__option">USD $</span> </a> </li></ul> <input type="hidden" name="currency_code" id="CurrencySelector-110" value="USD" data-disclosure-input/> </div> </div> </form> </div> </div> </footer> </div> <div style="display: none;" aria-hidden="true" data-templates> <div class="message-banner--container" role="alert" data-message-banner > <div class="message-banner--outer"> <div class="message-banner--inner" data-message-banner-content></div> <button class="message-banner--close" type="button" aria-label="Close" data-message-banner-close > <svg class="icon-menu-close " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none"> <title>Close icon</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 7.73744L1.61872 12.6187L0.381283 11.3813L5.26256 6.50001L0.381283 1.61872L1.61872 0.381287L6.5 5.26257L11.3813 0.381287L12.6187 1.61872L7.73744 6.5L12.6187 11.3813L11.3813 12.6187L6.5 7.73744Z" fill="currentColor"/> </svg> </button> </div> </div> <section class="atc-banner--container" role="log" data-atc-banner> <div class="atc-banner--outer"> <div class="atc-banner--inner"> <div class="atc-banner--product"> <h2 class="atc-banner--product-title"> <span class="atc-banner--product-title--icon"> <svg class="icon-checkmark " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="18" height="13" viewBox="0 0 18 13" fill="none"> <title>Checkmark icon</title> <path d="M1 6L6 11L17 1" stroke="currentColor" stroke-width="2"/> </svg> </span> Added to your cart: </h2> <div class="atc--product"> <div class="atc--product-image" data-atc-banner-product-image> <svg class="placeholder--image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg> </div> <div class="atc--product-details"> <h2 class="atc--product-details--title" data-atc-banner-product-title></h2> <span class="atc--product-details--options" data-atc-banner-product-options></span> <span class="atc--product-details--price"> <span class="atc--product-details--price-quantity" data-atc-banner-product-price-quantity></span> <span class="atc--product-details--price-value money" data-atc-banner-product-price-value></span> <span class="atc--product-details--unit-price hidden" data-atc-banner-unit-price> ** total_quantity ** | ** unit_price ** / ** unit_measure ** </span> </span> </div> </div> </div> <div class="atc-banner--cart"> <div class="atc-banner--cart-subtotal"> <span class="atc-subtotal--label"> Cart subtotal </span> <span class="atc-subtotal--price money" data-atc-banner-cart-subtotal></span> </div> <footer class="atc-banner--cart-footer"> <a class="button-secondary atc-button--viewcart" href="/cart" data-atc-banner-cart-button> View cart (<span></span>) </a> <form action="/cart" method="post" aria-label="cart checkout" > <button class="button-primary atc-button--checkout" type="submit" name="checkout" data-atc-button-checkout> <svg class="icon-checkout-lock " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="16" height="20" viewBox="0 0 16 20" fill="none"> <title>Lock icon</title> <path d="M1.875 8.875H14.125V18.125H1.875V8.875Z" stroke="currentColor" stroke-width="1.75"/> <path d="M12 7V6C12 3.75925 10.2091 2 8 2C5.79086 2 4 3.79086 4 6V7" stroke="currentColor" stroke-width="1.75"/> </svg> <span>Checkout</span> </button> </form> </footer> </div> </div> <button class="atc-banner--close" type="button" aria-label="Close" data-atc-banner-close > <svg class="icon-menu-close " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none"> <title>Close icon</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 7.73744L1.61872 12.6187L0.381283 11.3813L5.26256 6.50001L0.381283 1.61872L1.61872 0.381287L6.5 5.26257L11.3813 0.381287L12.6187 1.61872L7.73744 6.5L12.6187 11.3813L11.3813 12.6187L6.5 7.73744Z" fill="currentColor"/> </svg> </button> </div> </section> </div> <div class="modal" data-modal-container aria-label="modal window"> <div class="modal-inner" data-modal-inner> <button class="modal-close" type="button" aria-label="Close" data-modal-close > <svg class="icon-menu-close " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none"> <title>Close icon</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 7.73744L1.61872 12.6187L0.381283 11.3813L5.26256 6.50001L0.381283 1.61872L1.61872 0.381287L6.5 5.26257L11.3813 0.381287L12.6187 1.61872L7.73744 6.5L12.6187 11.3813L11.3813 12.6187L6.5 7.73744Z" fill="currentColor"/> </svg> </button> <div class="modal-content" data-modal-content></div> </div> </div> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" aria-label="Product zoom dialog" data-photoswipe > <div class="pswp__bg"></div> <div class="pswp__scroll-wrap"> <div class="pswp__container" aria-hidden="true"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <div class="pswp__counter"></div> <button class="pswp__button pswp__button--close" title="Close"> <span tabindex="-1"> <svg class="icon-close " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <path d="M17 1L1 17" stroke="currentColor" stroke-width="1.75" stroke-linejoin="round"/> <path d="M1 1L17 17" stroke="currentColor" stroke-width="1.75" stroke-linejoin="round"/> </svg> </span> </button> <button class="pswp__button pswp__button--share" title="Share"></button> <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> <div class="product-zoom--thumbnails" data-photoswipe-thumbs> <button class="gallery-navigation--scroll-button scroll-left" aria-label="Scroll thumbnails left" data-gallery-scroll-button > <svg class="icon-chevron-down " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8" fill="none"> <title>Chevron down icon</title> <path class="icon-chevron-down-left" d="M7 6.75L12.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> <path class="icon-chevron-down-right" d="M7 6.75L1.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> </svg> </button> <button class="gallery-navigation--scroll-button scroll-right" aria-label="Scroll thumbnails right" data-gallery-scroll-button > <svg class="icon-chevron-down " aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8" fill="none"> <title>Chevron down icon</title> <path class="icon-chevron-down-left" d="M7 6.75L12.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> <path class="icon-chevron-down-right" d="M7 6.75L1.5 1.25" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> </svg> </button> <div class="product-zoom--thumb-scroller" data-photoswipe-thumb-scroller></div> </div> </div> <script src="//pixelunion.net/cdn/shop/t/78/assets/superstore.min.js?v=153260513609193489111720633640" data-scripts data-shopify-api-url="//pixelunion.net/cdn/shopifycloud/shopify/assets/themes_support/api.jquery-b0af070cfe3f5cf7c92f9e2a5da2665ee07ed2aad63bb408f8d6672f894a5996.js" data-shopify-countries="/services/javascripts/countries.js" data-shopify-common="//pixelunion.net/cdn/shopifycloud/shopify/assets/themes_support/shopify_common-33bb9d312118840468a53f36b59c62c1e8f2b7d1a0a77250db9e300441827470.js" data-shopify-cart="//pixelunion.net/cdn/shop/t/78/assets/jquery.cart.js?4056" data-pxu-polyfills="//pixelunion.net/cdn/shop/t/78/assets/polyfills.js?v=106355878266864237691720633640" defer > </script> <style> @import url("https://use.typekit.net/pgr2kki.css"); /* Allows custom shadows to overflow */ .cart-item, .product { overflow: visible; } @media screen and (min-width: 720px) { /* Featured Collection Carousel adjustments to contain the top of cards on hover */ .featured-collection--container .featured-collection--content .flickity-slider--wrapper { padding-top: 0.75rem; } .product-gallery--slider { overflow: visible; } /* Product Gallery image box-shadow */ .product-gallery .product-gallery--viewer { box-shadow: 0 5px 24px rgba(17,35,56,.02), 0 10px 32px rgba(17,35,56,.04), 0 24px 46px rgba(17,35,56,.08); outline: 1px solid rgba(17,35,56,.02); } } /* Ensure pseudoelements for box shadows are positioned correctly */ .atc--product-image, .cart-item--image-wrapper { position: relative; } /* Inset box shadows */ .productitem--image:after, .cart-item--image-wrapper:after, .product-gallery--slider:after, .product-gallery--slider:before, .atc--product-image:after { pointer-events: none; position: absolute; display: block; right: 0; top: 0; bottom: 0; left: 0; z-index: 2; content: ''; box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset; } @media screen and (max-width: 720px) { /* Adjust box shadow size for site margins .product-gallery--slider:after, .product-gallery--slider:before { right: 10px; left: 10px; } */ /* Ensure cart image wrapper isn't stretched */ .cart-item--image-wrapper { align-self: flex-start; } } /* Outer box shadow */ .productitem--image-link, .cart-item--image-wrapper, .product-gallery--slider:before, .atc--product-image { box-shadow: 0 1px 4px rgba(17,35,56,.05), 0 5px 8px rgba(17,35,56,.02), 0 10px 16px rgba(17,35,56,.04), 0 28px 32px rgba(17,35,56,.03) } @media (max-width: 1080px) and (min-width: 861px) { .promo-block-grid--1564163648447-1 { background-image: url("https://cdn.shopify.com/s/files/1/0169/0383/1606/files/alt-promo-uso-mobile.jpg?1362") !important; } } .productgrid--no-spacing .productitem--swatches-show-always .productitem--swatches-container { background: none; } @media screen and (max-width: 1079px) and (min-width: 720px) { .contact-page-content { max-width: 57.6875rem; } } @media screen and (min-width: 1080px) { .contact-page-content { max-width: 58.75rem; } } .site-footer-block-newsletter .newsletter .newsletter-input .form-field-input { border-color: #d6d9dc; } .rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6, .dynamic-newsletter-text h1, .dynamic-newsletter-text h2, .dynamic-newsletter-text h3, .dynamic-newsletter-text h4, .dynamic-newsletter-text h5, .dynamic-newsletter-text h6 { line-height: 1.25; } @media screen and (min-width: 1024px) { .page-title { font-size: 2.75625rem; } } .testimonial-blockquote-quote p { font-family: type_menu_custom; } @media screen and (min-width: 860px) { .testimonials-1 .testimonial { max-width: 80%; } .testimonials-1 .testimonial-blockquote { font-size: 2.55625rem; } } #shopify-section-1568741732941 #block-1568742715505 .heading { line-height: 1.2 } @media screen and (min-width: 1140px) { #shopify-section-1568741732941 #block-1568742715505 .heading { font-size: 4rem; } } .productgrid--outer .collection--information.collection--minimal .collection--description.rte { color: #808080; } @media screen and (min-width: 860px) { .product-reviews--content .spr-content .spr-review .spr-review-header-title { font-size: 1.56875rem; line-height: 1.25; } } .productitem--image-link:hover { transform: translateY(-10px); box-shadow: 0 5px 24px rgba(17,35,56,.02), 0 10px 32px rgba(17,35,56,.04), 0 24px 46px rgba(17,35,56,.08); } .productitem--image-link { transition: transform 0.3s ease, box-shadow 0.3s ease; } @media screen and (min-width: 1080px) { .promo-grid--half-width .promo-block-grid--header { font-size: 1.875rem; } } @media screen and (min-width: 720px) { .promo-grid--half-width .promo-block-grid--header { font-size: 1.875rem; } } /* Hide add to cart on BC collection grid */ .productgrid--outer:not(.products-per-row--3) .productitem .quickshop-button { display: none; } .shortcode--product-cta { border: 2px solid !important; } @media screen and (min-width: 1220px) { #shopify-section-161660556404c2273c .alt-img-with-text--content .alt-img-with-text--text { margin: 0 10px; } } .product-form--atc-qty { display: none; } </style> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "name": "Pixel Union", "url": "https://pixelunion.net" } </script> <script> (function () { function handleFirstTab(e) { if (e.keyCode === 9) { // the "I am a keyboard user" key document.body.classList.add('user-is-tabbing'); window.removeEventListener('keydown', handleFirstTab); } } window.addEventListener('keydown', handleFirstTab); })(); </script> <script src="//pixelunion.net/cdn/shop/t/78/assets/instantPage.min.js?v=183498429230452237231720633640" type="module" defer > </script> <script data-cfasync="false" data-no-instant>window.jQuery || document.write("<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js'>\x3C/script>") </script> <script type="text/javascript"> window.saso = { shop_slug: "pixel-union-shop", money_format: "${{amount_no_decimals}}", customer: null, cart: null, } window.saso_extras = {} window.saso.cart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0} delete window.saso.cart.note window.saso.cart_collections = {} if (typeof window.saso.cart.items == "object") { for (var i=0; i<window.saso.cart.items.length; i++) { ["sku", "grams", "vendor", "url", "image", "handle", "requires_shipping", "product_type", "product_description"].map(function(a) { delete window.saso.cart.items[i][a] }) } } window.saso.page_type = "" if (typeof window.location == "object" && typeof window.location.pathname == "string") { if (window.location.pathname.indexOf('/checkouts/') > -1) { window.saso.page_type = "checkout" } } </script> <script data-cfasync="false"> jQuery(function(){ jQuery(document).on('click', "input[name='checkout']:not(.saso-ignore), input[value='Checkout']:not(.saso-ignore), button[name='checkout']:not(.saso-ignore), [href$='checkout']:not(.saso-ignore), button[value='Checkout']:not(.saso-ignore), input[name='goto_pp'], button[name='goto_pp'], input[name='goto_gc'], button[name='goto_gc']", function(e){ e.preventDefault(); if (typeof sasoCheckout != "function") { window.location = "/checkout"; } jQuery.ajax({ cache: false, contentType: "application/json; charset=utf-8", dataType: "json", type: "GET", url: '/cart.js', success: function(res) { window.saso.cart = res sasoCheckout() } }) }); }); </script>    <script> // Subscriptions Powered by ReCharge Payments: JavaScript (function() { // Basic function to load script files, will be used to include jQuery var loadScript = function(url, callback) { var script = document.createElement("script"); script.type = "text/javascript"; // If the browser is Internet Explorer if (script.readyState){ script.onreadystatechange = function() { if (script.readyState == "loaded" || script.readyState == "complete") { script.onreadystatechange = null; callback(); } }; // For any other browser } else { script.onload = function() { callback(); }; } script.src = url; document.getElementsByTagName("head")[0].appendChild(script); }; // This is our JavaScript that we'll run after jQuery is included var reChargeThemeFooterJS = function($) { function reChargeSaveCartNoteAndRedirectToCart() { var has_cart_note_or_attribute = false; try { var data = {}; if ($('[name="note"]').val() != undefined) { var note = $('[name="note"]').val(); data['note'] = note; has_cart_note_or_attribute = true; } if (has_cart_note_or_attribute) { $.ajax({ type: 'POST', data: data, url: '/cart/update.js', dataType: 'json', success: function() { window.location.href = '/cart'; } }); } else { window.location.href = '/cart'; } } catch (e) { window.location.href = '/cart'; } } var checkout_button_selectors = '[href="/checkout"], form[action="/cart"] button[type="submit"], form[action="/cart"] input[type="submit"], form[action="/checkout"] input[type="submit"], form[action="/checkout"] button[type="submit"]'; $(document).on('click', checkout_button_selectors, function(e) { if (!e.target.hasAttribute('data-disable-recharge')) { e.preventDefault(); reChargeSaveCartNoteAndRedirectToCart(); window.location.href = '/cart'; } else { console.info('ReCharge disabled'); } }); } // Check if jQuery is added, if not, then we'll loadScript, otherwise, run reChargeJS if ((typeof(jQuery) == 'undefined') || (parseInt(jQuery.fn.jquery) == 1 && parseFloat(jQuery.fn.jquery.replace(/^1\./,"")) < 7.2)) { // We'll get our jQuery from Google APIs loadScript('//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js', function() { jQuery172 = jQuery.noConflict(true); reChargeThemeFooterJS(jQuery172); }); } else { reChargeThemeFooterJS(jQuery); } })(); </script>   <style> </style> </body> </html>

CINXE.COM

Pixel Union - Premium Shopify Themes