301 status code means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.
The browser will automatically redirect the user to the new address, and search engines will update their indexes.
200 status code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: modo.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!doctype html> <html class="no-js" lang="en" dir="ltr"> <head> <meta name="google-site-verification" content="Eehcq_1XdVpi3Ta3wS9ELrPyboD0FkaTrqBI8akr6U0" /> <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"> <meta name="theme-color" content="#111111"> <link rel="canonical" href="https://modo.com/"> <link rel="preconnect" href="https://cdn.shopify.com" crossorigin> <link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin> <link rel="dns-prefetch" href="https://productreviews.shopifycdn.com"> <link rel="dns-prefetch" href="https://ajax.googleapis.com"> <link rel="dns-prefetch" href="https://maps.googleapis.com"> <link rel="dns-prefetch" href="https://maps.gstatic.com"> <link rel="stylesheet" href="https://use.typekit.net/esb3sep.css"><link rel="shortcut icon" href="//modo.com/cdn/shop/files/MODO_Favicon_Gradient_2_32x32.webp?v=1685512650" type="image/png" /><title>MODO Eyewear | Lasting lightness since 1990 </title> <meta name="description" content="With careful consideration to materials, construction and design, we’ve delivered eyewear that offers lightness and lasting quality since 1990. Explore the rich history of MODO Eyewear's innovative and lightweight and quality eyewear. Discover our commitment to delivering exceptional style and comfort."><meta property="og:site_name" content="MODO Eyewear"> <meta property="og:url" content="https://modo.com/"> <meta property="og:title" content="MODO Eyewear | Lasting lightness since 1990"> <meta property="og:type" content="website"> <meta property="og:description" content="With careful consideration to materials, construction and design, we’ve delivered eyewear that offers lightness and lasting quality since 1990. Explore the rich history of MODO Eyewear's innovative and lightweight and quality eyewear. Discover our commitment to delivering exceptional style and comfort."><meta name="twitter:site" content="@"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="MODO Eyewear | Lasting lightness since 1990"> <meta name="twitter:description" content="With careful consideration to materials, construction and design, we’ve delivered eyewear that offers lightness and lasting quality since 1990. Explore the rich history of MODO Eyewear's innovative and lightweight and quality eyewear. Discover our commitment to delivering exceptional style and comfort."> <style data-shopify>@font-face { font-family: Inter; font-weight: 400; font-style: normal; font-display: swap; src: url("//modo.com/cdn/fonts/inter/inter_n4.481bd4d19704ca98fb1d3abd50c668b6962860a2.woff2?h1=bW9kby11cy5hY2NvdW50Lm15c2hvcGlmeS5jb20&h2=bW9kby5jb20&hmac=77955f2871797d0e6251f8222421a5812e6aa5d4001457630f515522b46f6dc5") format("woff2"), url("//modo.com/cdn/fonts/inter/inter_n4.5a356a4c1877691cd26008ee4a5c7ada675c80ce.woff?h1=bW9kby11cy5hY2NvdW50Lm15c2hvcGlmeS5jb20&h2=bW9kby5jb20&hmac=bfd20f20452f10a5ce7cbfd253f206fe87553bc424d41355303aa63930e842e8") format("woff"); } @font-face { font-family: Inter; font-weight: 400; font-style: normal; font-display: swap; src: url("//modo.com/cdn/fonts/inter/inter_n4.481bd4d19704ca98fb1d3abd50c668b6962860a2.woff2?h1=bW9kby11cy5hY2NvdW50Lm15c2hvcGlmeS5jb20&h2=bW9kby5jb20&hmac=77955f2871797d0e6251f8222421a5812e6aa5d4001457630f515522b46f6dc5") format("woff2"), url("//modo.com/cdn/fonts/inter/inter_n4.5a356a4c1877691cd26008ee4a5c7ada675c80ce.woff?h1=bW9kby11cy5hY2NvdW50Lm15c2hvcGlmeS5jb20&h2=bW9kby5jb20&hmac=bfd20f20452f10a5ce7cbfd253f206fe87553bc424d41355303aa63930e842e8") format("woff"); } @font-face { font-family: Inter; font-weight: 600; font-style: normal; font-display: swap; src: url("//modo.com/cdn/fonts/inter/inter_n6.f376a8167febc541e642518027b9ec9b9121420c.woff2?h1=bW9kby11cy5hY2NvdW50Lm15c2hvcGlmeS5jb20&h2=bW9kby5jb20&hmac=b0578f06b060f29a2b472e979ad6c709c58d73ae56b45fa04cc2c332be579e84") format("woff2"), url("//modo.com/cdn/fonts/inter/inter_n6.e443e28dc0f8869f8e2f4fa978e895a4a075406f.woff?h1=bW9kby11cy5hY2NvdW50Lm15c2hvcGlmeS5jb20&h2=bW9kby5jb20&hmac=63a792ca9ddbc4404b9ee4f141a50cc827dd61be8ceeacb230a25ff08dd3f8f2") format("woff"); } </style><link href="//modo.com/cdn/shop/t/21/assets/theme.css?v=24339942366802258171745933856" rel="stylesheet" type="text/css" media="all" /> <link href="//modo.com/cdn/shop/t/21/assets/custom.css?v=121572294336483574491745933761" rel="stylesheet" type="text/css" media="all" /> <link href="//modo.com/cdn/shop/t/21/assets/magnific-popup.css?v=65451962456944049981745933761" rel="stylesheet" type="text/css" media="all" /> <style data-shopify>:root { --typeHeaderPrimary: 'acumin-pro-wide'; --typeHeaderFallback: sans-serif; --typeHeaderSize: 35px; --typeHeaderWeight: 400; --typeHeaderLineHeight: 1.2; --typeHeaderSpacing: -0.025em; --typeBasePrimary:'acumin-pro'; --typeBaseFallback:sans-serif; --typeBaseSize: 17px; --typeBaseWeight: 400; --typeBaseLineHeight: 1.6; --typeBaseSpacing: 0.025em; --iconWeight: 3px; --iconLinecaps: miter; } .collection-hero__content:before, .hero__image-wrapper:before, .hero__media:before { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.0) 40%, rgba(0, 0, 0, 0.62) 100%); } .skrim__item-content .skrim__overlay:after { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 30%, rgba(0, 0, 0, 0.62) 100%); } .placeholder-content { background-image: linear-gradient(100deg, #ffffff 40%, #f7f7f7 63%, #ffffff 79%); }</style><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script> <script> document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); window.theme = window.theme || {}; theme.routes = { home: "/", cart: "/cart.js", cartPage: "/cart", cartAdd: "/cart/add.js", cartChange: "/cart/change.js", search: "/search" }; theme.strings = { soldOut: "Sold Out", unavailable: "Unavailable", inStockLabel: "In stock, ready to ship", oneStockLabel: "Low stock - [count] item left", otherStockLabel: "Low stock - [count] items left", willNotShipUntil: "Ready to ship [date]", willBeInStockAfter: "Back in stock [date]", waitingForStock: "Inventory on the way", cartSavings: "You're saving [savings]", cartEmpty: "Your cart is currently empty.", cartTermsConfirmation: "You must agree with the terms and conditions of sales to check out", searchCollections: "Collections:", searchPages: "Pages:", searchArticles: "Articles:", maxQuantity: "You can only have [quantity] of [title] in your cart." }; theme.settings = { cartType: "drawer", isCustomerTemplate: false, moneyFormat: "${{amount}}", predictiveSearch: true, predictiveSearchType: "product,article,page,collection", quickView: true, themeName: 'Motion', themeVersion: "10.2.0" }; </script> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="Eehcq_1XdVpi3Ta3wS9ELrPyboD0FkaTrqBI8akr6U0"> <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/75587780889/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="646e6048196f51660f894abb0c762ab2"> <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=75587780889" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":75587780889,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/75587780889","merchantName":"MODO Eyewear","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"MODO Eyewear","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script> <script id="shopify-features" type="application/json">{"accessToken":"646e6048196f51660f894abb0c762ab2","betas":["rich-media-storefront-analytics"],"domain":"modo.com","predictiveSearch":true,"shopId":75587780889,"smart_payment_buttons_url":"https:\/\/modo.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/modo.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "modo-us.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"USD","rate":"1.0"}; Shopify.country = "US"; Shopify.theme = {"name":"25 Apr 2025 | Become a Retailer block","id":178096210201,"schema_name":"Motion","schema_version":"10.2.0","theme_store_id":null,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "modo.com/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'] = {"init-windoid":["modules/v2/client.init-windoid_CwUDodc0.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js"],"init-fed-cm":["modules/v2/client.init-fed-cm_DrfsiAOm.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js"],"shop-button":["modules/v2/client.shop-button_DsS2gQ21.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_BsZlKz0R.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js","modules/v2/chunk.modal_12YTzLtx.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_CMLvmVsJ.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_jsb1pBzE.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js"],"pay-button":["modules/v2/client.pay-button_C64RFEk9.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_ChDA4NOJ.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js","modules/v2/chunk.modal_12YTzLtx.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_CwjbD0mp.en.esm.js","modules/v2/client.shop-login-button_BsjfGC5e.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js","modules/v2/chunk.modal_12YTzLtx.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_BsjfGC5e.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js","modules/v2/chunk.modal_12YTzLtx.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_DrPKYhJT.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js","modules/v2/chunk.modal_12YTzLtx.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_DX02P6JM.en.esm.js","modules/v2/client.shop-login-button_BsjfGC5e.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js","modules/v2/chunk.modal_12YTzLtx.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_ZnXgW2Xv.en.esm.js","modules/v2/client.shop-login-button_BsjfGC5e.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js","modules/v2/chunk.modal_12YTzLtx.esm.js"],"lead-capture":["modules/v2/client.lead-capture_Cvbujjsn.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js","modules/v2/chunk.modal_12YTzLtx.esm.js"],"payment-terms":["modules/v2/client.payment-terms_DfpGCvUy.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js","modules/v2/chunk.modal_12YTzLtx.esm.js"]}; </script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/cozycountryredirectiii.addons.business\/js\/eggbox\/12848\/script_05e1d0221def9eff3e5685b92d6b5525.js?v=1\u0026sign=05e1d0221def9eff3e5685b92d6b5525\u0026shop=modo-us.myshopify.com","https:\/\/cdncozyantitheft.addons.business\/js\/script_tags\/modo-us\/OwLhlNIshUsymAjYnD6pIMemxwvBJQxN.js?shop=modo-us.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":75587780889,"offset":7200,"reqid":"93456ae3-c87e-4371-8072-06a8fa3c9ac8-1746593335","pageurl":"modo.com\/","u":"300075ca01ab","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(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(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){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script> <script integrity="sha256-w1TMG8bx+vw+BuOfT7Dh2avfdjByyjlNYGyp9vJB5oo=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//modo.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-c354cc1bc6f1fafc3e06e39f4fb0e1d9abdf763072ca394d606ca9f6f241e68a.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//modo.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script> <script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://modo.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; </script> <script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); </script> <script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); </script> <link rel="stylesheet" media="screen" href="https://modo.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> <style id="shopify-accelerated-checkout-cart"> #shopify-buyer-consent { margin-top: 1em; display: inline-block; width: 100%; } #shopify-buyer-consent.hidden { display: none; } #shopify-subscription-policy-button { background: none; border: none; padding: 0; text-decoration: underline; font-size: inherit; cursor: pointer; } #shopify-subscription-policy-button::before { box-shadow: none; } </style> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <script src="//modo.com/cdn/shop/t/21/assets/vendor-scripts-v14.js" defer="defer"></script><script src="//modo.com/cdn/shop/t/21/assets/theme.js?v=133095073861167965721745933761" defer="defer"></script> <script src="//modo.com/cdn/shop/t/21/assets/jquery.magnific-popup.min.js?v=184369421263510081681745933761" defer="defer"></script> <script src="https://www.dwin1.com/67778.js" type="text/javascript" defer="defer"></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: 75587780889,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 e(e,d,r,n,o,i){if(void 0===i&&(i={}),!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t;window.Shopify=window.Shopify||{};var s=window.Shopify;s.analytics=s.analytics||{};var l=s.analytics;l.replayQueue=[],l.publish=function(e,d,r){return l.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var u=function(){var e={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:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-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:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-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+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),c="modern"===u?"modern":"legacy",f=(null!=o?o:{modern:"",legacy:""})[c],m=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:r,hashVersion:n,buildTarget:c}),p=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:n,bundleTarget:u,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{i.browserTarget=u,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:m,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var r=window.webPixelsManager.init(e)||void 0;if(r){d(r);var n=window.Shopify.analytics;n.replayQueue.forEach((function(e){var d=e[0],n=e[1],o=e[2];r.publishCustomEvent(d,n,o)})),n.replayQueue=[],n.publish=r.publishCustomEvent,n.visitor=r.visitor,n.initialized=!0}}},onerror:function(){return p.emit({status:"failed",errorMsg:"".concat(m," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(f)?f:"",scriptDataAttributes:i}),p.emit({status:"loading"})}catch(e){p.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 75587780889,storefrontBaseUrl: "https://modo.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"1161101593","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-C57MTWZJYS\\\",\\\"google_tag_ids\\\":[\\\"G-C57MTWZJYS\\\",\\\"GT-PHGJZMN8\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-C57MTWZJYS\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-C57MTWZJYS\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-C57MTWZJYS\\\",\\\"MC-6YB3XYV6PT\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-C57MTWZJYS\\\",\\\"MC-6YB3XYV6PT\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-C57MTWZJYS\\\",\\\"MC-6YB3XYV6PT\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-C57MTWZJYS\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-C57MTWZJYS\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"520ab7d376a55a19b9d237feb92662fa","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"338329881","configuration":"{\"pixel_id\":\"1970294406558114\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"8d894c63179843e74a9691414b5ad83d","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "com",initData: {"shop":{"name":"MODO Eyewear","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"modo-us.myshopify.com","countryCode":"US","storefrontUrl":"https://modo.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://modo.com/cdn","e3c10b78wbe51170ep8d476a8cmf88b182f",{"modern":"","legacy":""},{"shopId":"75587780889","storefrontBaseUrl":"https://modo.com","extensionBaseUrl":"https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[]","isMerchantRequest":"false","hashVersion":"e3c10b78wbe51170ep8d476a8cmf88b182f"});</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 class="analytics"> (function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script'); scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: 75587780889, theme_id: 178096210201, app_name: "storefront", context_url: window.location.href, source_url: "//modo.com/cdn/s/trekkie.storefront.7dd5a1f776e0762aa90f8d934b8ac8a05d3d42a2.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//modo.com/cdn/s/trekkie.storefront.7dd5a1f776e0762aa90f8d934b8ac8a05d3d42a2.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//modo.com/cdn/s/trekkie.storefront.7dd5a1f776e0762aa90f8d934b8ac8a05d3d42a2.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":75587780889,"isMerchantRequest":null,"themeId":178096210201,"themeCityHash":"4013320691481262196","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"home","shopifyEmitted":true}); 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 = "//modo.com/cdn/shopifycloud/shopify/assets/shop_events_listener-f55dd2979ec32029c7d9e0b454ab8b33f79c01ca039d17a6f5c9b95647564b19.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script defer src="https://modo.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.6.1.min.js" data-application="storefront-renderer" data-shop-id="75587780889" data-render-region="gcp-europe-west1" data-page-type="index" data-theme-instance-id="178096210201" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" data-shs="true" ></script> </head> <body class="template-index" data-transitions="true" data-type_header_capitalize="false" data-type_base_accent_transform="true" data-type_header_accent_transform="true" data-animate_sections="true" data-animate_underlines="true" data-animate_buttons="true" data-animate_images="true" data-animate_page_transition_style="page-slow-fade" data-type_header_text_alignment="true" data-animate_images_style="zoom-fade"> <script type="text/javascript">window.setTimeout(function() { document.body.className += " loaded"; }, 25);</script> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="PageContainer" class="page-container"> <div class="transition-body"><!-- BEGIN sections: header-group --> <div id="shopify-section-sections--24592605020441__announcement-bar" class="shopify-section shopify-section-group-header-group"><div class="announcement"><a href="/pages/house-of-modo" class="announcement__link"><span class="announcement__text announcement__text--open" data-text="house-of-modo-discover-all-our-brands"> HOUSE of MODO – Discover all our brands </span></a></div> <style> #shopify-section-sections--24592605020441__announcement-bar .announcement {background-color: #000000;} </style></div><div id="shopify-section-sections--24592605020441__header" class="shopify-section shopify-section-group-header-group"><div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__contents"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-2"> <div class="drawer__title"></div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> </div> <div class="drawer__scrollable"> <ul class="mobile-nav" role="navigation" aria-label="Primary"><li class="mobile-nav__item appear-animation appear-delay-3"><div class="mobile-nav__has-sublist"><a href="/collections/glasses" class="mobile-nav__link" id="Label-collections-glasses1"> COLLECTIONS </a> <div class="mobile-nav__toggle"> <button type="button" class="collapsible-trigger collapsible--auto-height" aria-controls="Linklist-collections-glasses1" aria-labelledby="Label-collections-glasses1"><span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </button> </div></div><div id="Linklist-collections-glasses1" class="mobile-nav__sublist collapsible-content collapsible-content--all"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"><li class="mobile-nav__item"> <div class="mobile-nav__child-item"><a href="/collections/legacy" class="mobile-nav__link" id="Sublabel-collections-legacy1"> Legacy Collection </a></div></li><li class="mobile-nav__item"> <div class="mobile-nav__child-item"><a href="/collections/acetate" class="mobile-nav__link" id="Sublabel-collections-acetate2"> Acetate Collection </a></div></li><li class="mobile-nav__item"> <div class="mobile-nav__child-item"><a href="/collections/titanium" class="mobile-nav__link" id="Sublabel-collections-titanium3"> Titanium Collection </a></div></li><li class="mobile-nav__item"> <div class="mobile-nav__child-item"><a href="/collections/brooklyn-made" class="mobile-nav__link" id="Sublabel-collections-brooklyn-made4"> Brooklyn Made Collection </a></div></li><li class="mobile-nav__item"> <div class="mobile-nav__child-item"><a href="/collections/three3-rimless" class="mobile-nav__link" id="Sublabel-collections-three3-rimless5"> THREE.3 Rimless Collection </a></div></li><li class="mobile-nav__item"> <div class="mobile-nav__child-item"><a href="/collections/paper-thin" class="mobile-nav__link" id="Sublabel-collections-paper-thin6"> Paper-Thin Collection </a></div></li><li class="mobile-nav__item"> <div class="mobile-nav__child-item"><a href="/collections/3d-lab" class="mobile-nav__link" id="Sublabel-collections-3d-lab7"> 3D Lab Collection </a></div></li></ul></div> </div></li><li class="mobile-nav__item appear-animation appear-delay-4"><div class="mobile-nav__has-sublist"><button type="button" class="mobile-nav__link--button collapsible-trigger collapsible--auto-height" aria-controls="Linklist-collections-glasses2"> <span class="mobile-nav__faux-link">EYEGLASSES</span> <div class="mobile-nav__toggle"> <span><span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </span> </div> </button></div><div id="Linklist-collections-glasses2" class="mobile-nav__sublist collapsible-content collapsible-content--all"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"><li class="mobile-nav__item"> <div class="mobile-nav__child-item"><a href="/collections/glasses" class="mobile-nav__link" id="Sublabel-collections-glasses1"> View all </a></div></li><li class="mobile-nav__item"> <div class="mobile-nav__child-item"><a href="/collections/glasses-women" class="mobile-nav__link" id="Sublabel-collections-glasses-women2"> Feminine </a></div></li><li class="mobile-nav__item"> <div class="mobile-nav__child-item"><a href="/collections/glasses-men" class="mobile-nav__link" id="Sublabel-collections-glasses-men3"> Masculine </a></div></li><li class="mobile-nav__item"> <div class="mobile-nav__child-item"><a href="/collections/new-glasses" class="mobile-nav__link" id="Sublabel-collections-new-glasses4"> New arrivals </a></div></li></ul></div> </div></li><li class="mobile-nav__item appear-animation appear-delay-5"><div class="mobile-nav__has-sublist"><button type="button" class="mobile-nav__link--button collapsible-trigger collapsible--auto-height" aria-controls="Linklist-collections-sunglasses3"> <span class="mobile-nav__faux-link">SUNGLASSES</span> <div class="mobile-nav__toggle"> <span><span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </span> </div> </button></div><div id="Linklist-collections-sunglasses3" class="mobile-nav__sublist collapsible-content collapsible-content--all"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"><li class="mobile-nav__item"> <div class="mobile-nav__child-item"><a href="/collections/sunglasses" class="mobile-nav__link" id="Sublabel-collections-sunglasses1"> View all </a></div></li><li class="mobile-nav__item"> <div class="mobile-nav__child-item"><a href="/collections/sunglasses-women" class="mobile-nav__link" id="Sublabel-collections-sunglasses-women2"> Feminine </a></div></li><li class="mobile-nav__item"> <div class="mobile-nav__child-item"><a href="/collections/sunglasses-men" class="mobile-nav__link" id="Sublabel-collections-sunglasses-men3"> Masculine </a></div></li><li class="mobile-nav__item"> <div class="mobile-nav__child-item"><a href="/collections/new-sunglasses" class="mobile-nav__link" id="Sublabel-collections-new-sunglasses4"> New arrivals </a></div></li></ul></div> </div></li><li class="mobile-nav__item appear-animation appear-delay-6"><div class="mobile-nav__has-sublist"><button type="button" class="mobile-nav__link--button collapsible-trigger collapsible--auto-height" aria-controls="Linklist-pages-who-we-are4"> <span class="mobile-nav__faux-link">ABOUT</span> <div class="mobile-nav__toggle"> <span><span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </span> </div> </button></div><div id="Linklist-pages-who-we-are4" class="mobile-nav__sublist collapsible-content collapsible-content--all"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"><li class="mobile-nav__item"> <div class="mobile-nav__child-item"><a href="/pages/who-we-are" class="mobile-nav__link" id="Sublabel-pages-who-we-are1"> Who we are </a></div></li><li class="mobile-nav__item"> <div class="mobile-nav__child-item"><a href="/pages/innovation" class="mobile-nav__link" id="Sublabel-pages-innovation2"> Innovation </a></div></li><li class="mobile-nav__item"> <div class="mobile-nav__child-item"><a href="/pages/giving-back" class="mobile-nav__link" id="Sublabel-pages-giving-back3"> Giving back </a></div></li></ul></div> </div></li><li class="mobile-nav__item appear-animation appear-delay-7"><div class="mobile-nav__has-sublist"><button type="button" class="mobile-nav__link--button collapsible-trigger collapsible--auto-height" aria-controls="Linklist-pages-visit-modotogo5"> <span class="mobile-nav__faux-link">PROFESSIONALS</span> <div class="mobile-nav__toggle"> <span><span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </span> </div> </button></div><div id="Linklist-pages-visit-modotogo5" class="mobile-nav__sublist collapsible-content collapsible-content--all"> <div class="collapsible-content__inner"> <ul class="mobile-nav__sublist"><li class="mobile-nav__item"> <div class="mobile-nav__child-item"><a href="/pages/visit-modotogo" class="mobile-nav__link" id="Sublabel-pages-visit-modotogo1"> Visit ModoBiz </a></div></li><li class="mobile-nav__item"> <div class="mobile-nav__child-item"><a href="/pages/become-a-retailer" class="mobile-nav__link" id="Sublabel-pages-become-a-retailer2"> Become a retailer </a></div></li><li class="mobile-nav__item"> <div class="mobile-nav__child-item"><a href="/pages/event-calendar" class="mobile-nav__link" id="Sublabel-pages-event-calendar3"> Event calendar </a></div></li></ul></div> </div></li><li class="mobile-nav__item appear-animation appear-delay-8"><a href="/pages/house-of-modo" class="mobile-nav__link">HOUSE of MODO</a></li><li class="mobile-nav__spacer"></li> </ul> <ul class="no-bullets social-icons mobile-nav__social"><li> <a target="_blank" rel="noopener" href="https://www.instagram.com/modoeyewear" title="MODO Eyewear on Instagram"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram" viewBox="0 0 32 32"><path fill="#444" d="M16 3.094c4.206 0 4.7.019 6.363.094 1.538.069 2.369.325 2.925.544.738.287 1.262.625 1.813 1.175s.894 1.075 1.175 1.813c.212.556.475 1.387.544 2.925.075 1.662.094 2.156.094 6.363s-.019 4.7-.094 6.363c-.069 1.538-.325 2.369-.544 2.925-.288.738-.625 1.262-1.175 1.813s-1.075.894-1.813 1.175c-.556.212-1.387.475-2.925.544-1.663.075-2.156.094-6.363.094s-4.7-.019-6.363-.094c-1.537-.069-2.369-.325-2.925-.544-.737-.288-1.263-.625-1.813-1.175s-.894-1.075-1.175-1.813c-.212-.556-.475-1.387-.544-2.925-.075-1.663-.094-2.156-.094-6.363s.019-4.7.094-6.363c.069-1.537.325-2.369.544-2.925.287-.737.625-1.263 1.175-1.813s1.075-.894 1.813-1.175c.556-.212 1.388-.475 2.925-.544 1.662-.081 2.156-.094 6.363-.094zm0-2.838c-4.275 0-4.813.019-6.494.094-1.675.075-2.819.344-3.819.731-1.037.4-1.913.944-2.788 1.819S1.486 4.656 1.08 5.688c-.387 1-.656 2.144-.731 3.825-.075 1.675-.094 2.213-.094 6.488s.019 4.813.094 6.494c.075 1.675.344 2.819.731 3.825.4 1.038.944 1.913 1.819 2.788s1.756 1.413 2.788 1.819c1 .387 2.144.656 3.825.731s2.213.094 6.494.094 4.813-.019 6.494-.094c1.675-.075 2.819-.344 3.825-.731 1.038-.4 1.913-.944 2.788-1.819s1.413-1.756 1.819-2.788c.387-1 .656-2.144.731-3.825s.094-2.212.094-6.494-.019-4.813-.094-6.494c-.075-1.675-.344-2.819-.731-3.825-.4-1.038-.944-1.913-1.819-2.788s-1.756-1.413-2.788-1.819c-1-.387-2.144-.656-3.825-.731C20.812.275 20.275.256 16 .256z"/><path fill="#444" d="M16 7.912a8.088 8.088 0 0 0 0 16.175c4.463 0 8.087-3.625 8.087-8.088s-3.625-8.088-8.088-8.088zm0 13.338a5.25 5.25 0 1 1 0-10.5 5.25 5.25 0 1 1 0 10.5zM26.294 7.594a1.887 1.887 0 1 1-3.774.002 1.887 1.887 0 0 1 3.774-.003z"/></svg> <span class="icon__fallback-text">Instagram</span> </a> </li><li> <a target="_blank" rel="noopener" href="https://www.facebook.com/modoeyewear/" title="MODO Eyewear on Facebook"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewBox="0 0 14222 14222"><path d="M14222 7112c0 3549.352-2600.418 6491.344-6000 7024.72V9168h1657l315-2056H8222V5778c0-562 275-1111 1159-1111h897V2917s-814-139-1592-139c-1624 0-2686 984-2686 2767v1567H4194v2056h1806v4968.72C2600.418 13603.344 0 10661.352 0 7112 0 3184.703 3183.703 1 7111 1s7111 3183.703 7111 7111zm-8222 7025c362 57 733 86 1111 86-377.945 0-749.003-29.485-1111-86.28zm2222 0v-.28a7107.458 7107.458 0 0 1-167.717 24.267A7407.158 7407.158 0 0 0 8222 14137zm-167.717 23.987C7745.664 14201.89 7430.797 14223 7111 14223c319.843 0 634.675-21.479 943.283-62.013z"/></svg> <span class="icon__fallback-text">Facebook</span> </a> </li><li> <a target="_blank" rel="noopener" href="https://www.pinterest.se/modoeyewear/" title="MODO Eyewear on Pinterest"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-pinterest" viewBox="0 0 256 256"><path d="M0 128.002c0 52.414 31.518 97.442 76.619 117.239-.36-8.938-.064-19.668 2.228-29.393 2.461-10.391 16.47-69.748 16.47-69.748s-4.089-8.173-4.089-20.252c0-18.969 10.994-33.136 24.686-33.136 11.643 0 17.268 8.745 17.268 19.217 0 11.704-7.465 29.211-11.304 45.426-3.207 13.578 6.808 24.653 20.203 24.653 24.252 0 40.586-31.149 40.586-68.055 0-28.054-18.895-49.052-53.262-49.052-38.828 0-63.017 28.956-63.017 61.3 0 11.152 3.288 19.016 8.438 25.106 2.368 2.797 2.697 3.922 1.84 7.134-.614 2.355-2.024 8.025-2.608 10.272-.852 3.242-3.479 4.401-6.409 3.204-17.884-7.301-26.213-26.886-26.213-48.902 0-36.361 30.666-79.961 91.482-79.961 48.87 0 81.035 35.364 81.035 73.325 0 50.213-27.916 87.726-69.066 87.726-13.819 0-26.818-7.47-31.271-15.955 0 0-7.431 29.492-9.005 35.187-2.714 9.869-8.026 19.733-12.883 27.421a127.897 127.897 0 0 0 36.277 5.249c70.684 0 127.996-57.309 127.996-128.005C256.001 57.309 198.689 0 128.005 0 57.314 0 0 57.309 0 128.002z"/></svg> <span class="icon__fallback-text">Pinterest</span> </a> </li><li> <a target="_blank" rel="noopener" href="https://www.linkedin.com/company/modo" title="MODO Eyewear on LinkedIn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-linkedin" viewBox="0 0 24 24"><path d="M4.98 3.5C4.98 4.881 3.87 6 2.5 6S.02 4.881.02 3.5C.02 2.12 1.13 1 2.5 1s2.48 1.12 2.48 2.5zM5 8H0v16h5V8zm7.982 0H8.014v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0V24H24V13.869c0-7.88-8.922-7.593-11.018-3.714V8z"/></svg> <span class="icon__fallback-text">LinkedIn</span> </a> </li></ul> </div> </div> </div> <div id="CartDrawer" class="drawer drawer--right"> <form id="CartDrawerForm" action="/cart" method="post" novalidate class="drawer__contents" data-location="cart-drawer"> <div class="drawer__fixed-header"> <div class="drawer__header appear-animation appear-delay-1"> <div class="drawer__title">Cart</div> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">Close cart</span> </button> </div> </div> </div> <div class="drawer__inner"> <div class="drawer__scrollable"> <div data-products class="appear-animation appear-delay-2"></div> </div> <div class="drawer__footer appear-animation appear-delay-4"> <div data-discounts> </div> <div class="cart__item-sub cart__item-row"> <div class="cart__subtotal">Subtotal</div> <div data-subtotal>$0.00</div> </div> <div class="cart__item-row cart__savings text-center hide" data-savings></div> <div class="cart__item-row text-center ajaxcart__note"> <small> Shipping, taxes, and discount codes calculated at checkout.<br /> </small> </div> <div class="cart__checkout-wrapper"> <button type="submit" name="checkout" data-terms-required="false" class="btn cart__checkout"> Check out </button> </div> </div> </div> <div class="drawer__cart-empty appear-animation appear-delay-2"> <div class="drawer__scrollable"> Your cart is currently empty. </div> </div> </form> </div> <style data-shopify>.site-nav__link, .site-nav__dropdown-link { font-size: 18px; }.site-header { border-bottom: 1px solid; border-bottom-color: #e8e8e1; }</style><div data-section-id="sections--24592605020441__header" data-section-type="header"> <div id="HeaderWrapper" class="header-wrapper header-wrapper--overlay is-light"> <header id="SiteHeader" class="site-header" data-sticky="true" data-overlay="true"> <div class="page-width"> <div class="header-layout header-layout--center" data-logo-align="center"><div class="header-item header-item--left header-item--navigation"><div class="site-nav medium-down--hide"> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><path d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58zM54 54L41.94 42"/></svg> <span class="icon__fallback-text">Search</span> </a> </div><div class="site-nav large-up--hide"> <button type="button" class="site-nav__link site-nav__link--icon js-drawer-open-nav" aria-controls="NavDrawer"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 64 64"><path d="M7 15h51M7 32h43M7 49h51"/></svg> <span class="icon__fallback-text">Site navigation</span> </button> </div> </div><div class="header-item header-item--logo"><style data-shopify>.header-item--logo, .header-layout--left-center .header-item--logo, .header-layout--left-center .header-item--icons { -webkit-box-flex: 0 1 60px; -ms-flex: 0 1 60px; flex: 0 1 60px; } @media only screen and (min-width: 769px) { .header-item--logo, .header-layout--left-center .header-item--logo, .header-layout--left-center .header-item--icons { -webkit-box-flex: 0 0 100px; -ms-flex: 0 0 100px; flex: 0 0 100px; } } .site-header__logo a { max-width: 60px; } .is-light .site-header__logo .logo--inverted { max-width: 60px; } @media only screen and (min-width: 769px) { .site-header__logo a { max-width: 100px; } .is-light .site-header__logo .logo--inverted { max-width: 100px; } }</style><h1 id="LogoContainer" class="site-header__logo" itemscope itemtype="http://schema.org/Organization"> <span class="visually-hidden">MODO Eyewear</span> <a href="/" itemprop="url" class="site-header__logo-link logo--has-inverted" style="padding-top: 23.0%"> <img src="//modo.com/cdn/shop/files/Modo_Logo-black_RGB_800px.png?v=1683858876&width=800" alt="" srcset="//modo.com/cdn/shop/files/Modo_Logo-black_RGB_800px.png?v=1683858876&width=100 100w, //modo.com/cdn/shop/files/Modo_Logo-black_RGB_800px.png?v=1683858876&width=200 200w" width="800" height="184" loading="eager" class="small--hide" sizes="100px" itemprop="logo" style="max-height: 23.0px;max-width: 100px;"> <img src="//modo.com/cdn/shop/files/Modo_Logo-black_RGB_800px.png?v=1683858876&width=800" alt="" srcset="//modo.com/cdn/shop/files/Modo_Logo-black_RGB_800px.png?v=1683858876&width=60 60w, //modo.com/cdn/shop/files/Modo_Logo-black_RGB_800px.png?v=1683858876&width=120 120w" width="800" height="184" loading="eager" class="medium-up--hide" sizes="60px" style="max-height: 13.8px;max-width: 60px;"> </a><a href="/" itemprop="url" class="site-header__logo-link logo--inverted" style="padding-top: 23.0%"> <img src="//modo.com/cdn/shop/files/Modo_Logo-white_RGB_800px.png?v=1683858940&width=800" alt="" srcset="//modo.com/cdn/shop/files/Modo_Logo-white_RGB_800px.png?v=1683858940&width=100 100w, //modo.com/cdn/shop/files/Modo_Logo-white_RGB_800px.png?v=1683858940&width=200 200w" width="800" height="184" loading="eager" class="small--hide" sizes="100px" itemprop="logo" style="max-height: 23.0px;max-width: 100px;"> <img src="//modo.com/cdn/shop/files/Modo_Logo-white_RGB_800px.png?v=1683858940&width=800" alt="" srcset="//modo.com/cdn/shop/files/Modo_Logo-white_RGB_800px.png?v=1683858940&width=60 60w, //modo.com/cdn/shop/files/Modo_Logo-white_RGB_800px.png?v=1683858940&width=120 120w" width="800" height="184" loading="eager" class="medium-up--hide" sizes="60px" style="max-height: 13.8px;max-width: 60px;"> </a></h1></div><div class="header-item header-item--icons"><div class="site-nav site-nav--icons"> <div class="site-nav__icons"> <a href="/search" class="site-nav__link site-nav__link--icon js-search-header js-no-transition large-up--hide"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><path d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58zM54 54L41.94 42"/></svg> <span class="icon__fallback-text">Search</span> </a> <a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart js-no-transition" aria-controls="CartDrawer" data-icon="cart"> <span class="cart-link"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><path d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg><span class="icon__fallback-text">Cart</span> <span class="cart-link__bubble"></span> </span> </a> </div> </div> </div> </div><div class="text-center"><ul class="site-nav site-navigation medium-down--hide" role="navigation" aria-label="Primary" ><li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/glasses" class="site-nav__link site-nav__link--has-dropdown"> COLLECTIONS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg></a><ul class="site-nav__dropdown text-left"><li class=""> <a href="/collections/legacy" class="site-nav__dropdown-link site-nav__dropdown-link--second-level"> Legacy Collection </a></li><li class=""> <a href="/collections/acetate" class="site-nav__dropdown-link site-nav__dropdown-link--second-level"> Acetate Collection </a></li><li class=""> <a href="/collections/titanium" class="site-nav__dropdown-link site-nav__dropdown-link--second-level"> Titanium Collection </a></li><li class=""> <a href="/collections/brooklyn-made" class="site-nav__dropdown-link site-nav__dropdown-link--second-level"> Brooklyn Made Collection </a></li><li class=""> <a href="/collections/three3-rimless" class="site-nav__dropdown-link site-nav__dropdown-link--second-level"> THREE.3 Rimless Collection </a></li><li class=""> <a href="/collections/paper-thin" class="site-nav__dropdown-link site-nav__dropdown-link--second-level"> Paper-Thin Collection </a></li><li class=""> <a href="/collections/3d-lab" class="site-nav__dropdown-link site-nav__dropdown-link--second-level"> 3D Lab Collection </a></li></ul></li><li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/glasses" class="site-nav__link site-nav__link--has-dropdown"> EYEGLASSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg></a><ul class="site-nav__dropdown text-left"><li class=""> <a href="/collections/glasses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level"> View all </a></li><li class=""> <a href="/collections/glasses-women" class="site-nav__dropdown-link site-nav__dropdown-link--second-level"> Feminine </a></li><li class=""> <a href="/collections/glasses-men" class="site-nav__dropdown-link site-nav__dropdown-link--second-level"> Masculine </a></li><li class=""> <a href="/collections/new-glasses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level"> New arrivals </a></li></ul></li><li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/collections/sunglasses" class="site-nav__link site-nav__link--has-dropdown"> SUNGLASSES <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg></a><ul class="site-nav__dropdown text-left"><li class=""> <a href="/collections/sunglasses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level"> View all </a></li><li class=""> <a href="/collections/sunglasses-women" class="site-nav__dropdown-link site-nav__dropdown-link--second-level"> Feminine </a></li><li class=""> <a href="/collections/sunglasses-men" class="site-nav__dropdown-link site-nav__dropdown-link--second-level"> Masculine </a></li><li class=""> <a href="/collections/new-sunglasses" class="site-nav__dropdown-link site-nav__dropdown-link--second-level"> New arrivals </a></li></ul></li><li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/who-we-are" class="site-nav__link site-nav__link--has-dropdown"> ABOUT <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg></a><ul class="site-nav__dropdown text-left"><li class=""> <a href="/pages/who-we-are" class="site-nav__dropdown-link site-nav__dropdown-link--second-level"> Who we are </a></li><li class=""> <a href="/pages/innovation" class="site-nav__dropdown-link site-nav__dropdown-link--second-level"> Innovation </a></li><li class=""> <a href="/pages/giving-back" class="site-nav__dropdown-link site-nav__dropdown-link--second-level"> Giving back </a></li></ul></li><li class="site-nav__item site-nav__expanded-item site-nav--has-dropdown" aria-haspopup="true"> <a href="/pages/visit-modotogo" class="site-nav__link site-nav__link--has-dropdown"> PROFESSIONALS <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg></a><ul class="site-nav__dropdown text-left"><li class=""> <a href="/pages/visit-modotogo" class="site-nav__dropdown-link site-nav__dropdown-link--second-level"> Visit ModoBiz </a></li><li class=""> <a href="/pages/become-a-retailer" class="site-nav__dropdown-link site-nav__dropdown-link--second-level"> Become a retailer </a></li><li class=""> <a href="/pages/event-calendar" class="site-nav__dropdown-link site-nav__dropdown-link--second-level"> Event calendar </a></li></ul></li><li class="site-nav__item site-nav__expanded-item" > <a href="/pages/house-of-modo" class="site-nav__link"> HOUSE of MODO </a></li></ul> </div></div> <div class="site-header__search-container"> <div class="site-header__search"> <div class="page-width"> <form action="/search" method="get" id="HeaderSearchForm" class="site-header__search-form" role="search"> <input type="hidden" name="type" value="product,article,page,collection"> <input type="hidden" name="options[prefix]" value="last"> <label for="search-icon" class="hidden-label">Search</label> <label for="SearchClose" class="hidden-label">"Close (esc)"</label> <button type="submit" id="search-icon" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><path d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58zM54 54L41.94 42"/></svg> <span class="icon__fallback-text">Search</span> </button> <input type="search" name="q" value="" placeholder="Search our store" class="site-header__search-input" aria-label="Search our store"> </form> <button type="button" id="SearchClose" class="text-link site-header__search-btn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div><div id="PredictiveWrapper" class="predictive-results hide"> <div class="page-width"> <div id="PredictiveResults" class="predictive-result__layout"></div> <div class="text-center predictive-results__footer"> <button type="button" class="btn" data-predictive-search-button> <small> View more </small> </button> </div> </div> </div></div> </header> </div> </div><style data-shopify>/* Offset first hero's text to make room for overlaid navigation */ .shopify-section:first-child .hero__text-content.vertical-center { padding-top: 110px; } @media screen and (max-width: 768px) { .shopify-section:first-child .hero__text-content.vertical-center { padding-top: 70px; } }</style> </div> <!-- END sections: header-group --><!-- BEGIN sections: popup-group --> <div id="shopify-section-sections--24592605643033__custom-popup" class="shopify-section shopify-section-group-popup-group"> <div id="popup-modal" class="popup-modal"> <div class="popup-content"> <span class="close-btn"> <span class="t-close">Close</span> <span class="x-close"> <img src="https://cdn.shopify.com/s/files/1/0718/3535/3377/files/modle-close.png?v=1739442288"> </span></span> <img src="//modo.com/cdn/shop/files/LOGO_HoM_BLK_RGB_medium.svg?v=1739445135" alt="Logo" class="popup-logo"> <h2>INDEPENDENT EYEWEAR SINCE 1990</h2> <p>Discover our full brand portfolio.</p> <a href="https://modo.com/pages/house-of-modo" class="popup-cta">VIEW PORTFOLIO</a> <div class="popup-images"> <div class="popup-image"> <img class="popup-mobile-image" src="//modo.com/cdn/shop/files/2025_MODO_Pop-up_banner_visual_mobile_US.jpg?v=1739519797" alt=""> <img class="popup-desktop-image" src="//modo.com/cdn/shop/files/2025_MODO_Pop-up_banner_visual_desktop_US_1.jpg?v=1739446760" alt=""> </div> </div> </div> </div> <style> @font-face { font-family: 'graphikbold'; src: url('https://cdn.shopify.com/s/files/1/0718/3535/3377/files/graphik-bold-webfont.woff2?v=1739351105') format('woff2'), url('https://cdn.shopify.com/s/files/1/0718/3535/3377/files/graphik-bold-webfont.woff?v=1739351105') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'graphikregular'; src: url('https://cdn.shopify.com/s/files/1/0718/3535/3377/files/Graphik-Regular.otf?v=1739442836'); font-weight: normal; font-style: normal; } @font-face { font-family: 'graphiklight'; src: url('https://cdn.shopify.com/s/files/1/0718/3535/3377/files/graphik-light-webfont.woff2?v=1739351105') format('woff2'), url('https://cdn.shopify.com/s/files/1/0718/3535/3377/files/graphik-light-webfont.woff?v=1739351105') format('woff'); font-weight: normal; font-style: normal; } .x-close{ font-size:55px; } .t-close{ font-size:12px; } a.popup-cta:hover { color: white; } span.x-close img { display: block; width: 50px; padding: 12px; height: auto; } .popup-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; justify-content: center; align-items: center; z-index: 1000; } .popup-content { background: #fff; padding: 0px; max-width: 800px; width: 90%; text-align: center; position: relative; top: 20px; bottom: 50px; } .popup-content h2{ font-family: 'graphikbold'; font-size:20px; margin:0px auto; margin-bottom: 2px; } .popup-content p{ font-family: 'graphikregular'; margin:0px auto; font-size:14px; } .popup-logo { max-width: 250px; margin: 40px auto; } .popup-images { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0px; margin-top: 20px; } .popup-image img { width: 100%; } .popup-cta { font-family: 'graphikregular'; display: inline-block; background: black; color: white; padding: 10px 20px; text-decoration: none; margin-top: 47px; } .close-btn { position: absolute; top: 5px; right: 15px; font-size: 20px; cursor: pointer; color: #a5a5a5; display: flex; align-items: center; gap: 0px; } .popup-images.limited { max-height: 500px; overflow: hidden; } .t-close{ font-size:12px; font-family: 'graphiklight'; } .popup-images.limited .popup-image img { width: 100%; height: 250px; object-fit: cover; object-position: top; } @media(max-height:768px){ .popup-content { max-width: 650px; } .popup-cta { margin-top: 35px; } .popup-logo { margin: 20px auto; } } @media(max-width:679px){ .popup-content h2, .popup-content p { max-width: 90%; margin: 0px auto; } .popup-images.limited { grid-template-columns: repeat(2, 1fr); } span.x-close img { display: block; width: 28px; height: auto; padding: 5px; } } .popup-images.no-grid { display: block; } .popup-mobile-image { display: none; } .popup-desktop-image { display: block; } @media (max-width: 679px) { .popup-mobile-image { display: block; } .popup-desktop-image, .t-close { display: none; } .popup-cta{ margin-top:23px; margin-bottom: 28px; } .popup-logo { margin: 12px auto; margin-top: 19px; } .popup-content { width: 94%; top:5px; } .popup-images { margin-top: 10px; } .close-btn { right: 5px; } .t-close { font-size: 10px; } } @media(max-width:400px){ .popup-content h2 { font-size: 19px; } .popup-images { margin-top: 5px; } } </style> <script> document.addEventListener("DOMContentLoaded", function () { var popupImages = document.querySelector(".popup-images"); var imageBlocks = popupImages.querySelectorAll(".popup-image"); if (imageBlocks.length > 3) { popupImages.classList.add("limited"); } if (imageBlocks.length === 1) { popupImages.classList.add("no-grid"); } }); </script> <script> document.addEventListener("DOMContentLoaded", function () { var popup = document.getElementById("popup-modal"); var closeButton = document.querySelector(".close-btn"); var atcButton = document.querySelector(".popup-cta"); var popupDelay = 7000; if (window.location.pathname === '/' && !sessionStorage.getItem("popupClosed")) { setTimeout(function() { popup.style.display = "flex"; }, popupDelay); } closeButton.addEventListener("click", function () { popup.style.display = "none"; sessionStorage.setItem("popupClosed", "true"); }); if (atcButton) { atcButton.addEventListener("click", function () { popup.style.display = "none"; sessionStorage.setItem("popupClosed", "true"); }); } }); </script> </div> <!-- END sections: popup-group --><main class="main-content" id="MainContent"> <div id="shopify-section-template--24592608690457__hero-video" class="shopify-section index-section--hero"><style data-shopify>.hero--template--24592608690457__hero-video .hero__title { font-size: 40.0px; } @media only screen and (min-width: 769px) { .hero--template--24592608690457__hero-video .hero__title { font-size: 80px; } } </style><div data-section-id="template--24592608690457__hero-video" data-section-type="video-section" data-mobile-natural="false" class="video-parent-section hero hero--template--24592608690457__hero-video hero--16-9 hero--mobile--300px" data-aos="hero__animation"> <div class="hero__media hero__media--template--24592608690457__hero-video"><div id="Vimeo-template--24592608690457__hero-video" class="video-div" data-type="vimeo" data-video-id="1071384482"></div></div> <div class="hero__text-wrap hero__text-wrap--absolute"> <div class="page-width"> <div class="hero__text-content vertical-bottom horizontal-center"><h2 class="h1 hero__title"> <div class="animation-cropper"><div class="animation-contents"> Vibrancy </div></div> </h2><div class="hero__link"> <div class="animation-cropper"> <div class="animation-contents"> <a href="/collections/sunglasses" class="btn btn--inverse"data-video-id="1071384482">SHOP SUN </a> </div> </div> </div></div> </div> </div> </div> <style> @media only screen and (min-width: 400px) {#shopify-section-template--24592608690457__hero-video div.animation-contents {padding-bottom: 50px; }} @media only screen and (max-width: 400px) {#shopify-section-template--24592608690457__hero-video div.animation-contents {padding-bottom: 20px; font-size: 60px; }} </style></div><div id="shopify-section-template--24592608690457__rich_text_zWcxCP" class="shopify-section index-section richtext-section"><div class="text-center page-width page-width--narrow"><div class="theme-block" ><div class="rte"><p><strong>INTERESTED IN MODO?</strong></p> </div></div><div class="theme-block" ><div class="rte"><p><strong>MODO is an independent eyewear brand that has been delivering lightweight, high-quality eyewear since 1990. </strong>If you are interested in adding MODO to your product selection, click the button below to fill the form and we'll get back to you with all the information you need.</p> </div></div><div class="theme-block" ><div class="rte"> <a href="/pages/become-a-retailer" class="btn"> BECOME A RETAILER </a> </div></div><div class="theme-block" ><div class="rte"><p> </p> </div></div></div> </div><div id="shopify-section-template--24592608690457__hotspots_UpaRRQ" class="shopify-section hotspots-section"> <style data-shopify> @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); } } .template--24592608690457__hotspots_UpaRRQ .hotspot__button--product_NjijKC { left: 25%; top: 25%; background-color: #ffffff; animation: pulse 2s infinite; } .template--24592608690457__hotspots_UpaRRQ .hotspot__button--product_NjijKC:hover { background-color: #e6e6e6; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); } } .template--24592608690457__hotspots_UpaRRQ .hotspot__button--product_HaraWG { left: 54%; top: 53%; background-color: #ffffff; animation: pulse 2s infinite; } .template--24592608690457__hotspots_UpaRRQ .hotspot__button--product_HaraWG:hover { background-color: #e6e6e6; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); } } .template--24592608690457__hotspots_UpaRRQ .hotspot__button--product_jXHkci { left: 27%; top: 42%; background-color: #ffffff; animation: pulse 2s infinite; } .template--24592608690457__hotspots_UpaRRQ .hotspot__button--product_jXHkci:hover { background-color: #e6e6e6; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); } } .template--24592608690457__hotspots_UpaRRQ .hotspot__button--product_tk83hA { left: 57%; top: 75%; background-color: #ffffff; animation: pulse 2s infinite; } .template--24592608690457__hotspots_UpaRRQ .hotspot__button--product_tk83hA:hover { background-color: #e6e6e6; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); } } .template--24592608690457__hotspots_UpaRRQ .hotspot__button--product_Qy4kWp { left: 76%; top: 82%; background-color: #ffffff; animation: pulse 2s infinite; } .template--24592608690457__hotspots_UpaRRQ .hotspot__button--product_Qy4kWp:hover { background-color: #e6e6e6; } .template--24592608690457__hotspots_UpaRRQ .hotspot__button path { stroke: #000 !important; } .template--24592608690457__hotspots_UpaRRQ .hotspot__button circle { fill: #000 !important; } </style> <div class="index-section template--24592608690457__hotspots_UpaRRQ 0"> <hot-spots class="hotspots-wrapper page-width is-reverse"> <div class="hotspots"> <div class="hotspots__image hotspots__image--indent-false"> <div class="grid__image-ratio grid__image-ratio--square"> <img src="//modo.com/cdn/shop/files/MODO_Blue_Showstopper_takeover_1000x1000_influencers_AM.jpg?v=1743514645&width=2400" alt="Images mix of influencers wearing MODO Eyewear sunglasses." srcset="//modo.com/cdn/shop/files/MODO_Blue_Showstopper_takeover_1000x1000_influencers_AM.jpg?v=1743514645&width=352 352w, //modo.com/cdn/shop/files/MODO_Blue_Showstopper_takeover_1000x1000_influencers_AM.jpg?v=1743514645&width=832 832w, //modo.com/cdn/shop/files/MODO_Blue_Showstopper_takeover_1000x1000_influencers_AM.jpg?v=1743514645&width=1200 1200w, //modo.com/cdn/shop/files/MODO_Blue_Showstopper_takeover_1000x1000_influencers_AM.jpg?v=1743514645&width=1920 1920w, //modo.com/cdn/shop/files/MODO_Blue_Showstopper_takeover_1000x1000_influencers_AM.jpg?v=1743514645&width=2400 2400w" width="2400" height="2400" loading="lazy" sizes="(min-width: 769px) 70vw, 100vw"> </div> </div> <div class="hotspots__buttons"> <a href="#" class="hotspot__button hotspot__button--product_NjijKC" data-button="product_NjijKC"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-bag" viewBox="0 0 64 64"><g fill="none" stroke="#000" stroke-width="2"><path d="M25 26c0-15.79 3.57-20 8-20s8 4.21 8 20"/><path d="M14.74 18h36.51l3.59 36.73h-43.7z"/></g></svg> </a> <a href="#" class="hotspot__button hotspot__button--product_HaraWG" data-button="product_HaraWG"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-bag" viewBox="0 0 64 64"><g fill="none" stroke="#000" stroke-width="2"><path d="M25 26c0-15.79 3.57-20 8-20s8 4.21 8 20"/><path d="M14.74 18h36.51l3.59 36.73h-43.7z"/></g></svg> </a> <a href="#" class="hotspot__button hotspot__button--product_jXHkci" data-button="product_jXHkci"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-bag" viewBox="0 0 64 64"><g fill="none" stroke="#000" stroke-width="2"><path d="M25 26c0-15.79 3.57-20 8-20s8 4.21 8 20"/><path d="M14.74 18h36.51l3.59 36.73h-43.7z"/></g></svg> </a> <a href="#" class="hotspot__button hotspot__button--product_tk83hA" data-button="product_tk83hA"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-bag" viewBox="0 0 64 64"><g fill="none" stroke="#000" stroke-width="2"><path d="M25 26c0-15.79 3.57-20 8-20s8 4.21 8 20"/><path d="M14.74 18h36.51l3.59 36.73h-43.7z"/></g></svg> </a> <a href="#" class="hotspot__button hotspot__button--product_Qy4kWp" data-button="product_Qy4kWp"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-bag" viewBox="0 0 64 64"><g fill="none" stroke="#000" stroke-width="2"><path d="M25 26c0-15.79 3.57-20 8-20s8 4.21 8 20"/><path d="M14.74 18h36.51l3.59 36.73h-43.7z"/></g></svg> </a> </div> </div> <div class="hotspots__content" data-block-container> <div class="hotspot-content__block is-active" data-block-type="product" data-hotspot-block="product_NjijKC" > <div class="grid__item grid-product grid-product__has-quick-shop" data-aos="row-of-1" data-product-handle="695" data-product-id="8341016772889"> <div class="grid-product__content"><div class="quick-product__btn quick-product__btn--not-ready js-modal-open-quick-modal-8341016772889 small--hide"> <span class="quick-product__label">Quick view</span> </div><a href="/products/695" class="grid-product__link"> <div class="grid-product__image-mask"><div class="image-wrap" style="height: 0; padding-bottom: 125.0%;" > <img src="//modo.com/cdn/shop/products/695_NAVY_e67fc12c-4514-426f-bc33-ec611053e365.jpg?v=1685082911" alt="Navy" srcset="//modo.com/cdn/shop/products/695_NAVY_e67fc12c-4514-426f-bc33-ec611053e365.jpg?v=1685082911&width=180 180w, //modo.com/cdn/shop/products/695_NAVY_e67fc12c-4514-426f-bc33-ec611053e365.jpg?v=1685082911&width=360 360w, //modo.com/cdn/shop/products/695_NAVY_e67fc12c-4514-426f-bc33-ec611053e365.jpg?v=1685082911&width=540 540w, //modo.com/cdn/shop/products/695_NAVY_e67fc12c-4514-426f-bc33-ec611053e365.jpg?v=1685082911&width=720 720w, //modo.com/cdn/shop/products/695_NAVY_e67fc12c-4514-426f-bc33-ec611053e365.jpg?v=1685082911&width=900 900w" width="1000" height="1250" loading="lazy" class="grid-product__image image-style-- " sizes="30vw"> </div><div class="grid-product__secondary-image small--hide"> <img src="//modo.com/cdn/shop/products/695_NAVY_M_6dbe89c0-2320-4ed4-9d9f-90ac5dcb31b2.jpg?v=1685082911" alt="Navy" srcset="//modo.com/cdn/shop/products/695_NAVY_M_6dbe89c0-2320-4ed4-9d9f-90ac5dcb31b2.jpg?v=1685082911&width=360 360w, //modo.com/cdn/shop/products/695_NAVY_M_6dbe89c0-2320-4ed4-9d9f-90ac5dcb31b2.jpg?v=1685082911&width=540 540w, //modo.com/cdn/shop/products/695_NAVY_M_6dbe89c0-2320-4ed4-9d9f-90ac5dcb31b2.jpg?v=1685082911&width=720 720w, //modo.com/cdn/shop/products/695_NAVY_M_6dbe89c0-2320-4ed4-9d9f-90ac5dcb31b2.jpg?v=1685082911&width=1000 1000w" width="1000" height="1250" loading="lazy" class="image-style-- " sizes="30vw"> </div></div> <div class="grid-product__meta"> <div class="grid-product__title">695</div> <div class="grid-product__price"><span > $275.00 </span></div> </div> </a> <div class="grid-product__colors"> <a href="/products/695?variant=45312965935385" class="color-swatch color-swatch--small" aria-label="695 - Navy" style="background-color: navy; background-image: url(https://modo.com/cdn/shop/files/navy_50x50.png);"> </a> <a href="/products/695?variant=45312965968153" class="color-swatch color-swatch--small" aria-label="695 - Crystal" style="background-color: crystal; background-image: url(https://modo.com/cdn/shop/files/crystal_50x50.png);"> </a> <a href="/products/695?variant=45312966000921" class="color-swatch color-swatch--small" aria-label="695 - Black" style="background-color: black; background-image: url(https://modo.com/cdn/shop/files/black_50x50.png);"> </a> <a href="/products/695?variant=45312966033689" class="color-swatch color-swatch--small" aria-label="695 - Light Blue" style="background-color: blue; background-image: url(https://modo.com/cdn/shop/files/light-blue_50x50.png);"> </a></div> </div><div id="QuickShopModal-8341016772889" class="modal modal--square modal--quick-shop" data-product-id="8341016772889"> <div class="modal__inner"> <div class="modal__centered"> <div class="modal__centered-content"> <div id="QuickShopHolder-695"></div> </div> <button type="button" class="modal__close js-modal-close text-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </div> </div> <div class="hotspot-content__block " data-block-type="product" data-hotspot-block="product_HaraWG" > <div class="grid__item grid-product grid-product__has-quick-shop" data-aos="row-of-1" data-product-handle="801" data-product-id="8929527398681"> <div class="grid-product__content"><div class="quick-product__btn quick-product__btn--not-ready js-modal-open-quick-modal-8929527398681 small--hide"> <span class="quick-product__label">Quick view</span> </div><a href="/products/801" class="grid-product__link"> <div class="grid-product__image-mask"><div class="image-wrap" style="height: 0; padding-bottom: 125.0%;" > <img src="//modo.com/cdn/shop/files/801_BLTRT.jpg?v=1700062614" alt="Blonde Tortoise" srcset="//modo.com/cdn/shop/files/801_BLTRT.jpg?v=1700062614&width=180 180w, //modo.com/cdn/shop/files/801_BLTRT.jpg?v=1700062614&width=360 360w, //modo.com/cdn/shop/files/801_BLTRT.jpg?v=1700062614&width=540 540w, //modo.com/cdn/shop/files/801_BLTRT.jpg?v=1700062614&width=720 720w, //modo.com/cdn/shop/files/801_BLTRT.jpg?v=1700062614&width=900 900w" width="1000" height="1250" loading="lazy" class="grid-product__image image-style-- " sizes="30vw"> </div><div class="grid-product__secondary-image small--hide"> <img src="//modo.com/cdn/shop/files/MODO_SS24_801_BLTRT_M.jpg?v=1705504840" alt="Blonde Tortoise" srcset="//modo.com/cdn/shop/files/MODO_SS24_801_BLTRT_M.jpg?v=1705504840&width=360 360w, //modo.com/cdn/shop/files/MODO_SS24_801_BLTRT_M.jpg?v=1705504840&width=540 540w, //modo.com/cdn/shop/files/MODO_SS24_801_BLTRT_M.jpg?v=1705504840&width=720 720w, //modo.com/cdn/shop/files/MODO_SS24_801_BLTRT_M.jpg?v=1705504840&width=1000 1000w" width="1000" height="1250" loading="lazy" class="image-style-- " sizes="30vw"> </div></div> <div class="grid-product__meta"> <div class="grid-product__title">801</div> <div class="grid-product__price"><span > $275.00 </span></div> </div> </a> <div class="grid-product__colors"> <a href="/products/801?variant=47408616898841" class="color-swatch color-swatch--small" aria-label="801 - Blonde Tortoise" style="background-color: tortoise; background-image: url(https://modo.com/cdn/shop/files/blonde-tortoise_50x50.png);"> </a> <a href="/products/801?variant=47408616931609" class="color-swatch color-swatch--small" aria-label="801 - Smoke" style="background-color: smoke; background-image: url(https://modo.com/cdn/shop/files/smoke_50x50.png);"> </a> <a href="/products/801?variant=47408616833305" class="color-swatch color-swatch--small" aria-label="801 - Crystal" style="background-color: crystal; background-image: url(https://modo.com/cdn/shop/files/crystal_50x50.png);"> </a> <a href="/products/801?variant=47408616866073" class="color-swatch color-swatch--small" aria-label="801 - Black" style="background-color: black; background-image: url(https://modo.com/cdn/shop/files/black_50x50.png);"> </a></div> </div><div id="QuickShopModal-8929527398681" class="modal modal--square modal--quick-shop" data-product-id="8929527398681"> <div class="modal__inner"> <div class="modal__centered"> <div class="modal__centered-content"> <div id="QuickShopHolder-801"></div> </div> <button type="button" class="modal__close js-modal-close text-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </div> </div> <div class="hotspot-content__block " data-block-type="product" data-hotspot-block="product_jXHkci" > <div class="grid__item grid-product grid-product__has-quick-shop" data-aos="row-of-1" data-product-handle="802" data-product-id="8929532805401"> <div class="grid-product__content"><div class="quick-product__btn quick-product__btn--not-ready js-modal-open-quick-modal-8929532805401 small--hide"> <span class="quick-product__label">Quick view</span> </div><a href="/products/802" class="grid-product__link"> <div class="grid-product__image-mask"><div class="image-wrap" style="height: 0; padding-bottom: 125.0%;" > <img src="//modo.com/cdn/shop/files/802_MGNT.jpg?v=1705505223" alt="Magenta" srcset="//modo.com/cdn/shop/files/802_MGNT.jpg?v=1705505223&width=180 180w, //modo.com/cdn/shop/files/802_MGNT.jpg?v=1705505223&width=360 360w, //modo.com/cdn/shop/files/802_MGNT.jpg?v=1705505223&width=540 540w, //modo.com/cdn/shop/files/802_MGNT.jpg?v=1705505223&width=720 720w, //modo.com/cdn/shop/files/802_MGNT.jpg?v=1705505223&width=900 900w" width="1000" height="1250" loading="lazy" class="grid-product__image image-style-- " sizes="30vw"> </div><div class="grid-product__secondary-image small--hide"> <img src="//modo.com/cdn/shop/files/MODO_SS24_802_MGNT_1_M.jpg?v=1705505223" alt="Magenta" srcset="//modo.com/cdn/shop/files/MODO_SS24_802_MGNT_1_M.jpg?v=1705505223&width=360 360w, //modo.com/cdn/shop/files/MODO_SS24_802_MGNT_1_M.jpg?v=1705505223&width=540 540w, //modo.com/cdn/shop/files/MODO_SS24_802_MGNT_1_M.jpg?v=1705505223&width=720 720w, //modo.com/cdn/shop/files/MODO_SS24_802_MGNT_1_M.jpg?v=1705505223&width=1000 1000w" width="1000" height="1250" loading="lazy" class="image-style-- " sizes="30vw"> </div></div> <div class="grid-product__meta"> <div class="grid-product__title">802</div> <div class="grid-product__price"><span > $275.00 </span></div> </div> </a> <div class="grid-product__colors"> <a href="/products/802?variant=47408636363033" class="color-swatch color-swatch--small" aria-label="802 - Magenta" style="background-color: magenta; background-image: url(https://modo.com/cdn/shop/files/magenta_50x50.png);"> </a> <a href="/products/802?variant=47408636428569" class="color-swatch color-swatch--small" aria-label="802 - Olive" style="background-color: olive; background-image: url(https://modo.com/cdn/shop/files/olive_50x50.png);"> </a> <a href="/products/802?variant=47408636395801" class="color-swatch color-swatch--small" aria-label="802 - Lavender" style="background-color: lavender; background-image: url(https://modo.com/cdn/shop/files/lavender_50x50.png);"> </a> <a href="/products/802?variant=47408636330265" class="color-swatch color-swatch--small" aria-label="802 - Black" style="background-color: black; background-image: url(https://modo.com/cdn/shop/files/black_50x50.png);"> </a></div> </div><div id="QuickShopModal-8929532805401" class="modal modal--square modal--quick-shop" data-product-id="8929532805401"> <div class="modal__inner"> <div class="modal__centered"> <div class="modal__centered-content"> <div id="QuickShopHolder-802"></div> </div> <button type="button" class="modal__close js-modal-close text-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </div> </div> <div class="hotspot-content__block " data-block-type="product" data-hotspot-block="product_tk83hA" > <div class="grid__item grid-product grid-product__has-quick-shop" data-aos="row-of-1" data-product-handle="473" data-product-id="8341085159705"> <div class="grid-product__content"><div class="quick-product__btn quick-product__btn--not-ready js-modal-open-quick-modal-8341085159705 small--hide"> <span class="quick-product__label">Quick view</span> </div><a href="/products/473" class="grid-product__link"> <div class="grid-product__image-mask"><div class="image-wrap" style="height: 0; padding-bottom: 125.0%;" > <img src="//modo.com/cdn/shop/products/473_BLUE.jpg?v=1685084532" alt="Blue" srcset="//modo.com/cdn/shop/products/473_BLUE.jpg?v=1685084532&width=180 180w, //modo.com/cdn/shop/products/473_BLUE.jpg?v=1685084532&width=360 360w, //modo.com/cdn/shop/products/473_BLUE.jpg?v=1685084532&width=540 540w, //modo.com/cdn/shop/products/473_BLUE.jpg?v=1685084532&width=720 720w, //modo.com/cdn/shop/products/473_BLUE.jpg?v=1685084532&width=900 900w" width="1000" height="1250" loading="lazy" class="grid-product__image image-style-- " sizes="30vw"> </div><div class="grid-product__secondary-image small--hide"> <img src="//modo.com/cdn/shop/products/473_BLUE_M.jpg?v=1685084532" alt="Blue" srcset="//modo.com/cdn/shop/products/473_BLUE_M.jpg?v=1685084532&width=360 360w, //modo.com/cdn/shop/products/473_BLUE_M.jpg?v=1685084532&width=540 540w, //modo.com/cdn/shop/products/473_BLUE_M.jpg?v=1685084532&width=720 720w, //modo.com/cdn/shop/products/473_BLUE_M.jpg?v=1685084532&width=1000 1000w" width="1000" height="1250" loading="lazy" class="image-style-- " sizes="30vw"> </div></div> <div class="grid-product__meta"> <div class="grid-product__title">473</div> <div class="grid-product__price"><span > $275.00 </span></div> </div> </a> <div class="grid-product__colors"> <a href="/products/473?variant=45313081999641" class="color-swatch color-swatch--small" aria-label="473 - Blue" style="background-color: blue; background-image: url(https://modo.com/cdn/shop/files/blue_50x50.png);"> </a> <a href="/products/473?variant=45313082032409" class="color-swatch color-swatch--small" aria-label="473 - Blonde Tortoise" style="background-color: tortoise; background-image: url(https://modo.com/cdn/shop/files/blonde-tortoise_50x50.png);"> </a> <a href="/products/473?variant=45313082065177" class="color-swatch color-swatch--small" aria-label="473 - Olive" style="background-color: olive; background-image: url(https://modo.com/cdn/shop/files/olive_50x50.png);"> </a></div> </div><div id="QuickShopModal-8341085159705" class="modal modal--square modal--quick-shop" data-product-id="8341085159705"> <div class="modal__inner"> <div class="modal__centered"> <div class="modal__centered-content"> <div id="QuickShopHolder-473"></div> </div> <button type="button" class="modal__close js-modal-close text-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </div> </div> <div class="hotspot-content__block " data-block-type="product" data-hotspot-block="product_Qy4kWp" > <div class="grid__item grid-product grid-product__has-quick-shop" data-aos="row-of-1" data-product-handle="800" data-product-id="8929523466521"> <div class="grid-product__content"><div class="quick-product__btn quick-product__btn--not-ready js-modal-open-quick-modal-8929523466521 small--hide"> <span class="quick-product__label">Quick view</span> </div><a href="/products/800" class="grid-product__link"> <div class="grid-product__image-mask"><div class="image-wrap" style="height: 0; padding-bottom: 125.0%;" > <img src="//modo.com/cdn/shop/files/800_CRY.jpg?v=1700062007" alt="Crystal" srcset="//modo.com/cdn/shop/files/800_CRY.jpg?v=1700062007&width=180 180w, //modo.com/cdn/shop/files/800_CRY.jpg?v=1700062007&width=360 360w, //modo.com/cdn/shop/files/800_CRY.jpg?v=1700062007&width=540 540w, //modo.com/cdn/shop/files/800_CRY.jpg?v=1700062007&width=720 720w, //modo.com/cdn/shop/files/800_CRY.jpg?v=1700062007&width=900 900w" width="1000" height="1250" loading="lazy" class="grid-product__image image-style-- " sizes="30vw"> </div><div class="grid-product__secondary-image small--hide"> <img src="//modo.com/cdn/shop/files/MODO_SS24_800_CRY_1_M.jpg?v=1705504790" alt="Crystal" srcset="//modo.com/cdn/shop/files/MODO_SS24_800_CRY_1_M.jpg?v=1705504790&width=360 360w, //modo.com/cdn/shop/files/MODO_SS24_800_CRY_1_M.jpg?v=1705504790&width=540 540w, //modo.com/cdn/shop/files/MODO_SS24_800_CRY_1_M.jpg?v=1705504790&width=720 720w, //modo.com/cdn/shop/files/MODO_SS24_800_CRY_1_M.jpg?v=1705504790&width=1000 1000w" width="1000" height="1250" loading="lazy" class="image-style-- " sizes="30vw"> </div></div> <div class="grid-product__meta"> <div class="grid-product__title">800</div> <div class="grid-product__price"><span > $275.00 </span></div> </div> </a> <div class="grid-product__colors"> <a href="/products/800?variant=47408602087705" class="color-swatch color-swatch--small" aria-label="800 - Crystal" style="background-color: crystal; background-image: url(https://modo.com/cdn/shop/files/crystal_50x50.png);"> </a> <a href="/products/800?variant=47408602120473" class="color-swatch color-swatch--small" aria-label="800 - Tortoise" style="background-color: tortoise; background-image: url(https://modo.com/cdn/shop/files/tortoise_50x50.png);"> </a> <a href="/products/800?variant=47408602054937" class="color-swatch color-swatch--small" aria-label="800 - Brown Olive" style="background-color: olive; background-image: url(https://modo.com/cdn/shop/files/brown-olive_50x50.png);"> </a> <a href="/products/800?variant=47408602022169" class="color-swatch color-swatch--small" aria-label="800 - Petrol" style="background-color: petrol; background-image: url(https://modo.com/cdn/shop/files/petrol_50x50.png);"> </a></div> </div><div id="QuickShopModal-8929523466521" class="modal modal--square modal--quick-shop" data-product-id="8929523466521"> <div class="modal__inner"> <div class="modal__centered"> <div class="modal__centered-content"> <div id="QuickShopHolder-800"></div> </div> <button type="button" class="modal__close js-modal-close text-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> </div> </div> </div> </div> </div> </hot-spots> </div> </div><div id="shopify-section-template--24592608690457__slideshow_zWfRTH" class="shopify-section index-section--hero"><div data-section-id="template--24592608690457__slideshow_zWfRTH" data-section-type="slideshow-section" ><div class="slideshow-wrapper"><div class=""> <div id="Slideshow-template--24592608690457__slideshow_zWfRTH" class="hero hero--750px hero--template--24592608690457__slideshow_zWfRTH hero--mobile--400px loading loading--delayed" data-mobile-natural="false" data-autoplay="false" data-speed="5000" data-slide-count="1"><div class="slideshow__slide slideshow__slide--image_cxfqzn" data-index="0" data-id="image_cxfqzn"><style data-shopify>.slideshow__slide--image_cxfqzn .hero__title { font-size: 35.0px; } @media only screen and (min-width: 769px) { .slideshow__slide--image_cxfqzn .hero__title { font-size: 70px; } } </style><div class="hero__image-wrapper"> <img src="//modo.com/cdn/shop/files/MODO_Blue_Showstopper_takeover_1200x8003_5658d85a-e809-4127-9b86-efef19b85f79.jpg?v=1743513438&width=2400" alt="Close up photo of male model wearing a petrol color titanium frame from MODO Eyewear collection." srcset="//modo.com/cdn/shop/files/MODO_Blue_Showstopper_takeover_1200x8003_5658d85a-e809-4127-9b86-efef19b85f79.jpg?v=1743513438&width=352 352w, //modo.com/cdn/shop/files/MODO_Blue_Showstopper_takeover_1200x8003_5658d85a-e809-4127-9b86-efef19b85f79.jpg?v=1743513438&width=832 832w, //modo.com/cdn/shop/files/MODO_Blue_Showstopper_takeover_1200x8003_5658d85a-e809-4127-9b86-efef19b85f79.jpg?v=1743513438&width=1200 1200w, //modo.com/cdn/shop/files/MODO_Blue_Showstopper_takeover_1200x8003_5658d85a-e809-4127-9b86-efef19b85f79.jpg?v=1743513438&width=1920 1920w, //modo.com/cdn/shop/files/MODO_Blue_Showstopper_takeover_1200x8003_5658d85a-e809-4127-9b86-efef19b85f79.jpg?v=1743513438&width=2400 2400w" width="2400" height="1601" loading="lazy" class="small--hide hero__image hero__image--image_cxfqzn" sizes="100vw"> <img src="//modo.com/cdn/shop/files/MODO_Blue_Showstopper_takeover_600x600_mobile3.jpg?height=1200&v=1743513437" alt="Close up photo of male model wearing a petrol color titanium frame from MODO Eyewear collection." srcset="//modo.com/cdn/shop/files/MODO_Blue_Showstopper_takeover_600x600_mobile3.jpg?height=1200&v=1743513437&width=352 352w, //modo.com/cdn/shop/files/MODO_Blue_Showstopper_takeover_600x600_mobile3.jpg?height=1200&v=1743513437&width=832 832w, //modo.com/cdn/shop/files/MODO_Blue_Showstopper_takeover_600x600_mobile3.jpg?height=1200&v=1743513437&width=1200 1200w" width="1200" height="1200" loading="lazy" class="medium-up--hide hero__image hero__image--image_cxfqzn" sizes="100vw"> </div><div class="hero__text-wrap"> <div class="page-width"> <div class="hero__text-content vertical-center horizontal-center"><div class="hero__subtitle"> <div class="animation-cropper"><div class="animation-contents"> We believe that great eyewear is not just meant to complement, but also celebrate each wearer’s individual style. </div></div> </div></div> </div> </div></div></div> </div> </div></div> <style> @media only screen and (min-width: 400px) {#shopify-section-template--24592608690457__slideshow_zWfRTH div {font-family: acumin-pro; font-size: 18px; letter-spacing: 2px; text-align: left; } #shopify-section-template--24592608690457__slideshow_zWfRTH div.animation-contents {width: 400px; }} @media only screen and (max-width: 400px) {#shopify-section-template--24592608690457__slideshow_zWfRTH div {font-family: acumin-pro; font-size: 14px; letter-spacing: 2px; } #shopify-section-template--24592608690457__slideshow_zWfRTH div.animation-contents {width: 320px; padding-top: 150px; }} </style></div><div id="shopify-section-template--24592608690457__collection_callout_UVBMXa" class="shopify-section index-section"><div class="page-width"> <div class="feature-row feature-row--small-none"> <div class="feature-row__item feature-row__callout-image"> <div class="callout-images" data-aos="collection-callout"><div class="callout-image-centered"> <img src="//modo.com/cdn/shop/files/4282S_PET.jpg?v=1736338574" alt="4282" srcset="//modo.com/cdn/shop/files/4282S_PET.jpg?v=1736338574&width=280 280w, //modo.com/cdn/shop/files/4282S_PET.jpg?v=1736338574&width=360 360w, //modo.com/cdn/shop/files/4282S_PET.jpg?v=1736338574&width=560 560w" width="1000" height="1250" loading="lazy" class="callout-image" sizes="(min-width: 769px) 280px, 140px"> <img src="//modo.com/cdn/shop/files/8021_PRL.jpg?v=1736338028" alt="8021" srcset="//modo.com/cdn/shop/files/8021_PRL.jpg?v=1736338028&width=180 180w, //modo.com/cdn/shop/files/8021_PRL.jpg?v=1736338028&width=234 234w, //modo.com/cdn/shop/files/8021_PRL.jpg?v=1736338028&width=360 360w" width="1000" height="1250" loading="lazy" class="callout-image" sizes="(min-width: 769px) 180px, 90px"> <img src="//modo.com/cdn/shop/files/9009_BANVY.jpg?v=1734519430" alt="9009" srcset="//modo.com/cdn/shop/files/9009_BANVY.jpg?v=1734519430&width=160 160w, //modo.com/cdn/shop/files/9009_BANVY.jpg?v=1734519430&width=208 208w, //modo.com/cdn/shop/files/9009_BANVY.jpg?v=1734519430&width=320 320w" width="1000" height="1250" loading="lazy" class="callout-image" sizes="(min-width: 769px) 160px, 80px"> <img src="//modo.com/cdn/shop/files/9010_BAGD.jpg?v=1737024245" alt="9010" srcset="//modo.com/cdn/shop/files/9010_BAGD.jpg?v=1737024245&width=200 200w, //modo.com/cdn/shop/files/9010_BAGD.jpg?v=1737024245&width=260 260w, //modo.com/cdn/shop/files/9010_BAGD.jpg?v=1737024245&width=400 400w" width="1000" height="1250" loading="lazy" class="callout-image" sizes="(min-width: 769px) 200px, 100px"> <img src="//modo.com/cdn/shop/files/8022_BLDTT.jpg?v=1734519317" alt="8022" srcset="//modo.com/cdn/shop/files/8022_BLDTT.jpg?v=1734519317&width=100 100w, //modo.com/cdn/shop/files/8022_BLDTT.jpg?v=1734519317&width=130 130w, //modo.com/cdn/shop/files/8022_BLDTT.jpg?v=1734519317&width=200 200w" width="1000" height="1250" loading="lazy" class="callout-image" sizes="(min-width: 769px) 100px, 50px"> </div></div> </div> <div class="feature-row__item feature-row__text feature-row__text--right feature-row__callout-text larger-text"> <div class="feature-row__content"><p class="subtitle">SPRING/SUMMER 2025</p><h2 class="h3">Collection</h2><div class="rte"><p>Despite differences in style and materials, all MODO frames are lightweight and unified in the concept with which they are designed.</p></div><a href="/collections/glasses-women" class="btn btn--no-animate"> WOMEN </a><a href="/collections/glasses-men" class="btn btn--no-animate"> MEN </a></div> </div> </div> </div> </div><div id="shopify-section-template--24592608690457__slideshow_iEYT3A" class="shopify-section index-section--hero"><div data-section-id="template--24592608690457__slideshow_iEYT3A" data-section-type="slideshow-section" ><div class="slideshow-wrapper"><div class=""> <div id="Slideshow-template--24592608690457__slideshow_iEYT3A" class="hero hero--750px hero--template--24592608690457__slideshow_iEYT3A hero--mobile--400px loading loading--delayed" data-mobile-natural="false" data-autoplay="false" data-speed="5000" data-slide-count="1"><div class="slideshow__slide slideshow__slide--image_LKwVU3" data-index="0" data-id="image_LKwVU3"><style data-shopify>.slideshow__slide--image_LKwVU3 .hero__title { font-size: 34.5px; } @media only screen and (min-width: 769px) { .slideshow__slide--image_LKwVU3 .hero__title { font-size: 69px; } } </style><div class="hero__image-wrapper"> <img src="//modo.com/cdn/shop/files/MODO_Blue_Showstopper_takeover_1200x8002_6294be0f-2f3c-4ecb-a9cf-0f6c17191033.jpg?v=1743513437&width=2400" alt="Blurred male fashion model wearing stylish sunglasses with a blue background and light." srcset="//modo.com/cdn/shop/files/MODO_Blue_Showstopper_takeover_1200x8002_6294be0f-2f3c-4ecb-a9cf-0f6c17191033.jpg?v=1743513437&width=352 352w, //modo.com/cdn/shop/files/MODO_Blue_Showstopper_takeover_1200x8002_6294be0f-2f3c-4ecb-a9cf-0f6c17191033.jpg?v=1743513437&width=832 832w, //modo.com/cdn/shop/files/MODO_Blue_Showstopper_takeover_1200x8002_6294be0f-2f3c-4ecb-a9cf-0f6c17191033.jpg?v=1743513437&width=1200 1200w, //modo.com/cdn/shop/files/MODO_Blue_Showstopper_takeover_1200x8002_6294be0f-2f3c-4ecb-a9cf-0f6c17191033.jpg?v=1743513437&width=1920 1920w, //modo.com/cdn/shop/files/MODO_Blue_Showstopper_takeover_1200x8002_6294be0f-2f3c-4ecb-a9cf-0f6c17191033.jpg?v=1743513437&width=2400 2400w" width="2400" height="1601" loading="lazy" class="small--hide hero__image hero__image--image_LKwVU3" sizes="100vw"> <img src="//modo.com/cdn/shop/files/MODO_Blue_Showstopper_takeover_600x600_mobile2.jpg?height=1200&v=1743513437" alt="Blurred male fashion model wearing stylish sunglasses with a blue background and light." srcset="//modo.com/cdn/shop/files/MODO_Blue_Showstopper_takeover_600x600_mobile2.jpg?height=1200&v=1743513437&width=352 352w, //modo.com/cdn/shop/files/MODO_Blue_Showstopper_takeover_600x600_mobile2.jpg?height=1200&v=1743513437&width=832 832w, //modo.com/cdn/shop/files/MODO_Blue_Showstopper_takeover_600x600_mobile2.jpg?height=1200&v=1743513437&width=1200 1200w" width="1200" height="1200" loading="lazy" class="medium-up--hide hero__image hero__image--image_LKwVU3" sizes="100vw"> </div><div class="hero__text-wrap"> <div class="page-width"> <div class="hero__text-content vertical-center horizontal-center"><h2 class="h1 hero__title"> <div class="animation-cropper"><div class="animation-contents"> OUR INNOVATIONS </div></div> </h2><div class="hero__subtitle"> <div class="animation-cropper"><div class="animation-contents"> Patented screwless hinges, Layered materials and Award-winning designs. </div></div> </div><div class="hero__link"> <div class="animation-cropper"><div class="animation-contents"> <a href="/pages/innovation" class="btn btn--inverse"> READ MORE </a> </div></div> </div></div> </div> </div></div></div> </div> </div></div> <style> @media only screen and (min-width: 400px) {#shopify-section-template--24592608690457__slideshow_iEYT3A div {font-family: acumin-pro; font-size: 18px; letter-spacing: 2px; text-align: left; } #shopify-section-template--24592608690457__slideshow_iEYT3A div.animation-contents {width: 500px; }} @media only screen and (max-width: 400px) {#shopify-section-template--24592608690457__slideshow_iEYT3A div {font-family: acumin-pro; font-size: 18px; letter-spacing: 2px; } #shopify-section-template--24592608690457__slideshow_iEYT3A div.animation-contents {width: 320px; }} </style></div><div id="shopify-section-template--24592608690457__text_and_image_UDgdVV" class="shopify-section"><style data-shopify> </style> <div class="index-section"> <div class="page-width feature-row-wrapper feature-row--50"><div class="feature-row"><div class="feature-row__item feature-row__images " data-aos><div class="feature-row__first-image"><a href="/pages/giving-back"><div class="image-wrap svg-mask svg-mask--square" style="height: 0; padding-bottom: 125.0%;"> <img src="//modo.com/cdn/shop/files/HACS.jpg?v=1739953554" alt="Young child wearing light blue kids’ eyeglasses, sitting on a hammock and holding a teddy bear." srcset="//modo.com/cdn/shop/files/HACS.jpg?v=1739953554&width=180 180w, //modo.com/cdn/shop/files/HACS.jpg?v=1739953554&width=360 360w, //modo.com/cdn/shop/files/HACS.jpg?v=1739953554&width=540 540w, //modo.com/cdn/shop/files/HACS.jpg?v=1739953554&width=750 750w, //modo.com/cdn/shop/files/HACS.jpg?v=1739953554&width=900 900w, //modo.com/cdn/shop/files/HACS.jpg?v=1739953554&width=1080 1080w" width="1080" height="1350" loading="lazy" class="feature-row__image" sizes="(min-width: 769px) 50vw, 100vw"> </div></a></div></div> <div class="feature-row__item feature-row__text feature-row__text--left text-left" data-aos><h3 class="h1 appear-delay">2 million children helped so far!</h3><div class="rte appear-delay-1"><p> Seva and MODO started working together in 2013. Through our Buy a Frame - Help a Child See program we’ve helped more than 2 million children, and the number keeps growing. This collaboration has led to a second initiative called Vision Center, where MODO is supporting the establishment of vision centers in India and Nepal.</p></div><div class="appear-delay-2"> <a href="/pages/giving-back" class="btn"> Learn more </a> </div></div></div> </div> </div> </div><div id="shopify-section-template--24592608690457__31eeec86-9b77-44df-9c91-0ff97a131b04" class="shopify-section index-section--hero"><div data-section-id="template--24592608690457__31eeec86-9b77-44df-9c91-0ff97a131b04" data-section-type="slideshow-section" ><div class="slideshow-wrapper"><div class=""> <div id="Slideshow-template--24592608690457__31eeec86-9b77-44df-9c91-0ff97a131b04" class="hero hero--750px hero--template--24592608690457__31eeec86-9b77-44df-9c91-0ff97a131b04 hero--mobile--400px loading loading--delayed" data-mobile-natural="false" data-autoplay="true" data-speed="6000" data-slide-count="1"><div class="slideshow__slide slideshow__slide--template--21877306884377__31eeec86-9b77-44df-9c91-0ff97a131b04-image-2" data-index="0" data-id="template--21877306884377__31eeec86-9b77-44df-9c91-0ff97a131b04-image-2"><style data-shopify>.slideshow__slide--template--21877306884377__31eeec86-9b77-44df-9c91-0ff97a131b04-image-2 .hero__title { font-size: 20.0px; } @media only screen and (min-width: 769px) { .slideshow__slide--template--21877306884377__31eeec86-9b77-44df-9c91-0ff97a131b04-image-2 .hero__title { font-size: 40px; } } .slideshow__slide--template--21877306884377__31eeec86-9b77-44df-9c91-0ff97a131b04-image-2 .hero__image-wrapper:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 3; background-color: #000; opacity: 0.3; } </style><div class="hero__image-wrapper"> <img src="//modo.com/cdn/shop/files/MODO_Homepage_SS25_1200x8004_70187f12-39c4-4d1e-aafe-9e5663b3822d.jpg?v=1736511584&width=2400" alt="3D overview of MODO Eyewear retail displays, including brand plaque, mirror, and counter cards." srcset="//modo.com/cdn/shop/files/MODO_Homepage_SS25_1200x8004_70187f12-39c4-4d1e-aafe-9e5663b3822d.jpg?v=1736511584&width=352 352w, //modo.com/cdn/shop/files/MODO_Homepage_SS25_1200x8004_70187f12-39c4-4d1e-aafe-9e5663b3822d.jpg?v=1736511584&width=832 832w, //modo.com/cdn/shop/files/MODO_Homepage_SS25_1200x8004_70187f12-39c4-4d1e-aafe-9e5663b3822d.jpg?v=1736511584&width=1200 1200w, //modo.com/cdn/shop/files/MODO_Homepage_SS25_1200x8004_70187f12-39c4-4d1e-aafe-9e5663b3822d.jpg?v=1736511584&width=1920 1920w, //modo.com/cdn/shop/files/MODO_Homepage_SS25_1200x8004_70187f12-39c4-4d1e-aafe-9e5663b3822d.jpg?v=1736511584&width=2400 2400w" width="2400" height="1600" loading="lazy" class="small--hide hero__image hero__image--template--21877306884377__31eeec86-9b77-44df-9c91-0ff97a131b04-image-2" sizes="100vw"> <img src="//modo.com/cdn/shop/files/MODO_Homepage_SS25_600x600_mobile5.jpg?height=1200&v=1736511584" alt="3D overview of MODO Eyewear retail displays, including brand plaque, mirror, and counter cards." srcset="//modo.com/cdn/shop/files/MODO_Homepage_SS25_600x600_mobile5.jpg?height=1200&v=1736511584&width=352 352w, //modo.com/cdn/shop/files/MODO_Homepage_SS25_600x600_mobile5.jpg?height=1200&v=1736511584&width=832 832w, //modo.com/cdn/shop/files/MODO_Homepage_SS25_600x600_mobile5.jpg?height=1200&v=1736511584&width=1200 1200w" width="1200" height="1200" loading="lazy" class="medium-up--hide hero__image hero__image--template--21877306884377__31eeec86-9b77-44df-9c91-0ff97a131b04-image-2" sizes="100vw"> </div><div class="hero__text-wrap"> <div class="page-width"> <div class="hero__text-content vertical-center horizontal-center"><h2 class="h1 hero__title"> <div class="animation-cropper"><div class="animation-contents"> ACCESS OUR B2B PORTAL TODAY TO ORDER THE LATEST FRAMES, DISPLAYS, AND POP. </div></div> </h2><div class="hero__link"> <div class="animation-cropper"><div class="animation-contents"> <a href="https://app.next.nuorder.com/modo?" class="btn btn--inverse"> DISCOVER MODOBIZ </a> </div></div> </div></div> </div> </div></div></div> </div> </div></div> <style> #shopify-section-template--24592608690457__31eeec86-9b77-44df-9c91-0ff97a131b04 div {font-family: acumin-pro; font-size: 18px; letter-spacing: 2px;} #shopify-section-template--24592608690457__31eeec86-9b77-44df-9c91-0ff97a131b04 div.hero__link {padding-top: 30px;} </style></div> </main><!-- BEGIN sections: footer-group --> <div id="shopify-section-sections--24592604889369__footer" class="shopify-section shopify-section-group-footer-group"><footer class="site-footer" data-section-id="sections--24592604889369__footer" data-section-type="footer"> <div class="page-width"> <div class="grid"><style data-shopify>@media only screen and (min-width: 769px) { .footer__item--footer-0 { width: 16%; } }</style><div class="grid__item footer__item footer__item--footer-0"><div class="footer__logo-social"><style data-shopify>.footer__logo a { height: 26px; }</style><div class="footer__logo"> <a href="/"> <img src="//modo.com/cdn/shop/files/Modo_Logo-white_RGB_800px.png?height=184&v=1683858940" alt="" srcset="//modo.com/cdn/shop/files/Modo_Logo-white_RGB_800px.png?height=184&v=1683858940&width=113 113w, //modo.com/cdn/shop/files/Modo_Logo-white_RGB_800px.png?height=184&v=1683858940&width=226 226w" width="800" height="184" loading="lazy" sizes="113.04347826086956px" style="max-width: 113.04347826086956px;max-height: 26px;"> </a> </div><ul class="no-bullets social-icons footer__social"><li> <a target="_blank" rel="noopener" href="https://www.instagram.com/modoeyewear" title="MODO Eyewear on Instagram"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram" viewBox="0 0 32 32"><path fill="#444" d="M16 3.094c4.206 0 4.7.019 6.363.094 1.538.069 2.369.325 2.925.544.738.287 1.262.625 1.813 1.175s.894 1.075 1.175 1.813c.212.556.475 1.387.544 2.925.075 1.662.094 2.156.094 6.363s-.019 4.7-.094 6.363c-.069 1.538-.325 2.369-.544 2.925-.288.738-.625 1.262-1.175 1.813s-1.075.894-1.813 1.175c-.556.212-1.387.475-2.925.544-1.663.075-2.156.094-6.363.094s-4.7-.019-6.363-.094c-1.537-.069-2.369-.325-2.925-.544-.737-.288-1.263-.625-1.813-1.175s-.894-1.075-1.175-1.813c-.212-.556-.475-1.387-.544-2.925-.075-1.663-.094-2.156-.094-6.363s.019-4.7.094-6.363c.069-1.537.325-2.369.544-2.925.287-.737.625-1.263 1.175-1.813s1.075-.894 1.813-1.175c.556-.212 1.388-.475 2.925-.544 1.662-.081 2.156-.094 6.363-.094zm0-2.838c-4.275 0-4.813.019-6.494.094-1.675.075-2.819.344-3.819.731-1.037.4-1.913.944-2.788 1.819S1.486 4.656 1.08 5.688c-.387 1-.656 2.144-.731 3.825-.075 1.675-.094 2.213-.094 6.488s.019 4.813.094 6.494c.075 1.675.344 2.819.731 3.825.4 1.038.944 1.913 1.819 2.788s1.756 1.413 2.788 1.819c1 .387 2.144.656 3.825.731s2.213.094 6.494.094 4.813-.019 6.494-.094c1.675-.075 2.819-.344 3.825-.731 1.038-.4 1.913-.944 2.788-1.819s1.413-1.756 1.819-2.788c.387-1 .656-2.144.731-3.825s.094-2.212.094-6.494-.019-4.813-.094-6.494c-.075-1.675-.344-2.819-.731-3.825-.4-1.038-.944-1.913-1.819-2.788s-1.756-1.413-2.788-1.819c-1-.387-2.144-.656-3.825-.731C20.812.275 20.275.256 16 .256z"/><path fill="#444" d="M16 7.912a8.088 8.088 0 0 0 0 16.175c4.463 0 8.087-3.625 8.087-8.088s-3.625-8.088-8.088-8.088zm0 13.338a5.25 5.25 0 1 1 0-10.5 5.25 5.25 0 1 1 0 10.5zM26.294 7.594a1.887 1.887 0 1 1-3.774.002 1.887 1.887 0 0 1 3.774-.003z"/></svg> <span class="icon__fallback-text">Instagram</span> </a> </li><li> <a target="_blank" rel="noopener" href="https://www.facebook.com/modoeyewear/" title="MODO Eyewear on Facebook"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewBox="0 0 14222 14222"><path d="M14222 7112c0 3549.352-2600.418 6491.344-6000 7024.72V9168h1657l315-2056H8222V5778c0-562 275-1111 1159-1111h897V2917s-814-139-1592-139c-1624 0-2686 984-2686 2767v1567H4194v2056h1806v4968.72C2600.418 13603.344 0 10661.352 0 7112 0 3184.703 3183.703 1 7111 1s7111 3183.703 7111 7111zm-8222 7025c362 57 733 86 1111 86-377.945 0-749.003-29.485-1111-86.28zm2222 0v-.28a7107.458 7107.458 0 0 1-167.717 24.267A7407.158 7407.158 0 0 0 8222 14137zm-167.717 23.987C7745.664 14201.89 7430.797 14223 7111 14223c319.843 0 634.675-21.479 943.283-62.013z"/></svg> <span class="icon__fallback-text">Facebook</span> </a> </li><li> <a target="_blank" rel="noopener" href="https://www.pinterest.se/modoeyewear/" title="MODO Eyewear on Pinterest"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-pinterest" viewBox="0 0 256 256"><path d="M0 128.002c0 52.414 31.518 97.442 76.619 117.239-.36-8.938-.064-19.668 2.228-29.393 2.461-10.391 16.47-69.748 16.47-69.748s-4.089-8.173-4.089-20.252c0-18.969 10.994-33.136 24.686-33.136 11.643 0 17.268 8.745 17.268 19.217 0 11.704-7.465 29.211-11.304 45.426-3.207 13.578 6.808 24.653 20.203 24.653 24.252 0 40.586-31.149 40.586-68.055 0-28.054-18.895-49.052-53.262-49.052-38.828 0-63.017 28.956-63.017 61.3 0 11.152 3.288 19.016 8.438 25.106 2.368 2.797 2.697 3.922 1.84 7.134-.614 2.355-2.024 8.025-2.608 10.272-.852 3.242-3.479 4.401-6.409 3.204-17.884-7.301-26.213-26.886-26.213-48.902 0-36.361 30.666-79.961 91.482-79.961 48.87 0 81.035 35.364 81.035 73.325 0 50.213-27.916 87.726-69.066 87.726-13.819 0-26.818-7.47-31.271-15.955 0 0-7.431 29.492-9.005 35.187-2.714 9.869-8.026 19.733-12.883 27.421a127.897 127.897 0 0 0 36.277 5.249c70.684 0 127.996-57.309 127.996-128.005C256.001 57.309 198.689 0 128.005 0 57.314 0 0 57.309 0 128.002z"/></svg> <span class="icon__fallback-text">Pinterest</span> </a> </li><li> <a target="_blank" rel="noopener" href="https://www.linkedin.com/company/modo" title="MODO Eyewear on LinkedIn"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-linkedin" viewBox="0 0 24 24"><path d="M4.98 3.5C4.98 4.881 3.87 6 2.5 6S.02 4.881.02 3.5C.02 2.12 1.13 1 2.5 1s2.48 1.12 2.48 2.5zM5 8H0v16h5V8zm7.982 0H8.014v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0V24H24V13.869c0-7.88-8.922-7.593-11.018-3.714V8z"/></svg> <span class="icon__fallback-text">LinkedIn</span> </a> </li></ul> </div> </div><style data-shopify>@media only screen and (min-width: 769px) { .footer__item--94bb3830-ee75-4d24-944e-a0fd1aa60530 { width: 16%; } }</style><div class="grid__item footer__item footer__item--94bb3830-ee75-4d24-944e-a0fd1aa60530"> <p class="footer__title small--hide"> Products </p> <button type="button" class="footer__title collapsible-trigger collapsible-trigger-btn medium-up--hide" aria-controls="Footer-94bb3830-ee75-4d24-944e-a0fd1aa60530"> Products <span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </button> <div id="Footer-94bb3830-ee75-4d24-944e-a0fd1aa60530" class="collapsible-content collapsible-content--small" > <div class="collapsible-content__inner"> <div class="footer__collapsible"> <ul class="no-bullets site-footer__linklist"><li><a href="/collections/glasses">Eyeglasses</a></li><li><a href="/collections/sunglasses">Sunglasses</a></li><li><a href="/pages/find-a-store">Find in store</a></li></ul> </div> </div> </div> </div><style data-shopify>@media only screen and (min-width: 769px) { .footer__item--e0ad67f6-fc01-49f8-81d2-7f7aa2a32f41 { width: 16%; } }</style><div class="grid__item footer__item footer__item--e0ad67f6-fc01-49f8-81d2-7f7aa2a32f41"> <p class="footer__title small--hide"> About us </p> <button type="button" class="footer__title collapsible-trigger collapsible-trigger-btn medium-up--hide" aria-controls="Footer-e0ad67f6-fc01-49f8-81d2-7f7aa2a32f41"> About us <span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </button> <div id="Footer-e0ad67f6-fc01-49f8-81d2-7f7aa2a32f41" class="collapsible-content collapsible-content--small" > <div class="collapsible-content__inner"> <div class="footer__collapsible"> <ul class="no-bullets site-footer__linklist"><li><a href="/pages/who-we-are">Who we are</a></li><li><a href="/pages/innovation">Innovation</a></li><li><a href="/pages/giving-back">Giving back</a></li><li><a href="/pages/house-of-modo">HOUSE of MODO</a></li></ul> </div> </div> </div> </div><style data-shopify>@media only screen and (min-width: 769px) { .footer__item--51e42a22-7ce5-4ac2-82e7-6435b0d97c58 { width: 16%; } }</style><div class="grid__item footer__item footer__item--51e42a22-7ce5-4ac2-82e7-6435b0d97c58"> <p class="footer__title small--hide"> Professional </p> <button type="button" class="footer__title collapsible-trigger collapsible-trigger-btn medium-up--hide" aria-controls="Footer-51e42a22-7ce5-4ac2-82e7-6435b0d97c58"> Professional <span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </button> <div id="Footer-51e42a22-7ce5-4ac2-82e7-6435b0d97c58" class="collapsible-content collapsible-content--small" > <div class="collapsible-content__inner"> <div class="footer__collapsible"> <ul class="no-bullets site-footer__linklist"><li><a href="/pages/visit-modotogo">Visit ModoBiz</a></li><li><a href="/pages/become-a-retailer">Become a retailer</a></li><li><a href="/pages/event-calendar">Event calendar</a></li><li><a href="/pages/career">Career</a></li></ul> </div> </div> </div> </div><style data-shopify>@media only screen and (min-width: 769px) { .footer__item--fed9890e-c9d2-414e-b0fa-10df5a6307c1 { width: 16%; } }</style><div class="grid__item footer__item footer__item--fed9890e-c9d2-414e-b0fa-10df5a6307c1"> <p class="footer__title small--hide"> Support </p> <button type="button" class="footer__title collapsible-trigger collapsible-trigger-btn medium-up--hide" aria-controls="Footer-fed9890e-c9d2-414e-b0fa-10df5a6307c1"> Support <span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </button> <div id="Footer-fed9890e-c9d2-414e-b0fa-10df5a6307c1" class="collapsible-content collapsible-content--small" > <div class="collapsible-content__inner"> <div class="footer__collapsible"> <ul class="no-bullets site-footer__linklist"><li><a href="/pages/contact">Client support</a></li><li><a href="/pages/faq">FAQ</a></li><li><a href="/pages/downloads">Downloads</a></li></ul> </div> </div> </div> </div><style data-shopify>@media only screen and (min-width: 769px) { .footer__item--1b987e00-e4f2-45ea-b60b-632c9da8fbae { width: 16%; } }</style><div class="grid__item footer__item footer__item--1b987e00-e4f2-45ea-b60b-632c9da8fbae"> <p class="footer__title small--hide"> Policies </p> <button type="button" class="footer__title collapsible-trigger collapsible-trigger-btn medium-up--hide" aria-controls="Footer-1b987e00-e4f2-45ea-b60b-632c9da8fbae"> Policies <span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </button> <div id="Footer-1b987e00-e4f2-45ea-b60b-632c9da8fbae" class="collapsible-content collapsible-content--small" > <div class="collapsible-content__inner"> <div class="footer__collapsible"> <ul class="no-bullets site-footer__linklist"><li><a href="/policies/privacy-policy">Privacy Policy</a></li><li><a href="/policies/refund-policy">Refund Policy</a></li><li><a href="/policies/terms-of-service">Terms of Service</a></li><li><a href="/pages/accessibility-statement">Accessibility Statement</a></li></ul> </div> </div> </div> </div><style data-shopify>@media only screen and (min-width: 769px) { .footer__item--c5f69780-6389-4689-a7b1-46784c3be980 { width: 20%; } }</style><div class="footer__clear small--hide"></div><div class="grid__item footer__item grid-newsletter footer__item--c5f69780-6389-4689-a7b1-46784c3be980"> <p class="footer__title small--hide">let's stay in touch</p> <button type="button" class="footer__title collapsible-trigger collapsible-trigger-btn medium-up--hide" aria-controls="Footer-c5f69780-6389-4689-a7b1-46784c3be980"> let's stay in touch <span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg> </span> </button> <div id="Footer-c5f69780-6389-4689-a7b1-46784c3be980" class="collapsible-content collapsible-content--small is-open" > <div class="collapsible-content__inner"> <div class="footer__collapsible footer_collapsible--disabled"> <p><a href="https://manage.kmail-lists.com/subscriptions/subscribe?a=Y9r7SN&g=SCTBrV" target="_blank" title="https://manage.kmail-lists.com/subscriptions/subscribe?a=Y9r7SN&g=SCTBrV">Subscribe to our newsletter</a></p> </div> </div> </div> </div></div> <div class="site-footer__bottom"><div class="footer__copyright site-footer__bottom-block"><span class="footer__powered_by"><a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Powered by Shopify</a></span> </div> </div> </div> </footer> </div> <!-- END sections: footer-group --></div> </div><div id="VideoModal" class="modal modal--solid"> <div class="modal__inner"> <div class="modal__centered page-width text-center"> <div class="modal__centered-content"> <div class="video-wrapper video-wrapper--modal"> <div id="VideoHolder"></div> </div> </div> </div> </div> <button type="button" class="modal__close js-modal-close text-link"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> <span class="icon__fallback-text">"Close (esc)"</span> </button> </div> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> <div class="pswp__bg"></div> <div class="pswp__scroll-wrap"> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <div class="pswp__ui pswp__ui--hidden"> <button class="btn btn--no-animate btn--body btn--circle pswp__button pswp__button--arrow--left" title="Previous"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-chevron-left" viewBox="0 0 284.49 498.98"><path d="M249.49 0a35 35 0 0 1 24.75 59.75L84.49 249.49l189.75 189.74a35.002 35.002 0 1 1-49.5 49.5L10.25 274.24a35 35 0 0 1 0-49.5L224.74 10.25A34.89 34.89 0 0 1 249.49 0z"/></svg> </button> <button class="btn btn--no-animate btn--body btn--circle btn--large pswp__button pswp__button--close" title="Close (esc)"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg> </button> <button class="btn btn--no-animate btn--body btn--circle pswp__button pswp__button--arrow--right" title="Next"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-chevron-right" viewBox="0 0 284.49 498.98"><path d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98z"/></svg> </button> </div> </div> </div> <tool-tip data-tool-tip=""> <div class="tool-tip__inner" data-tool-tip-inner> <button class="tool-tip__close" data-tool-tip-close=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg></button> <div data-tool-tip-title>MODO Eyewear | Lasting lightness since 1990</div> <div class="tool-tip__content" data-tool-tip-content> </div> </div> </tool-tip> <template id="predictiveImageMarkup"> <img width height src loading="lazy" sizes="(min-width: 769px) 100px, 60px"> </template> </body> </html>