1<!DOCTYPE HTML> 2 3 4<html lang="en-US" xml:lang="en-US"> 5<head> 6 7
7<script src="https://js.squarecdn.com/square-marketplace.js" async></script>
7 8 9<link rel="alternate" hreflang="en-au" href="https://www.opsm.com.au/about-us/why-opsm" /> 10<link rel="alternate" hreflang="en-nz" href="https://www.opsm.co.nz/about-us/why-opsm" /> 11<link rel="alternate" hreflang="x-default" href="https://www.opsm.com.au/about-us/why-opsm" /> 12 13 <meta name="format-detection" content="telephone=no"> 14 15 16 <link rel="shortcut icon" href="/wcsstore/OPSMStorefrontAssetStore/images/favicon.ico" mce_href="/wcsstore/OPSMStorefrontAssetStore/images/favicon.ico"/> 17 <link href="https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700;800&display=swap" rel="stylesheet"> 18 <link rel="stylesheet" href="https://use.typekit.net/ece6aib.css"> 19 20 21 22 <link rel="stylesheet" href="/wcsstore/OPSMStorefrontAssetStore/css/vendor.min_271.css"> 23 <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.2.0/css/datepicker.min.css" rel="stylesheet"> 24 <link rel="stylesheet" href="/wcsstore/OPSMStorefrontAssetStore/css/app.min_271.css"> 25 <link rel="stylesheet" href="/wcsstore/OPSMStorefrontAssetStore/css/opsm-custom_271.css"> 26 <link rel="stylesheet" href="/wcsstore/OPSMStorefrontAssetStore/css/opsm-userarea-globalmessages_271.css"> 27 <!------------------------- 28 | You are on 'server02' | 29 -------------------------> 30 31 <!-- BEGIN CommonJSToInclude.jspf --> 32<meta name="viewport" content="width=device-width, initial-scale=1"> 33<!-- Begin ContentRecommendation [webPerformanceEspotInHead] --><!-- End ContentRecommendation [webPerformanceEspotInHead] --> 34<meta name="CommerceSearch" content="storeId_10151" /> 35 36 37<link rel="shortcut icon" href="/wcsstore/OPSMStorefrontAssetStore/images/favicon.ico" mce_href="/wcsstore/OPSMStorefrontAssetStore/images/favicon.ico"/> 38<!-- /CategoryDisplay?storeId=10151&urlLangId=-1&urlRequestType=Base&categoryId=&categoryId=&langId=-1&catalogId=12601 --> 39
39<script src='/wcsstore/OPSMStorefrontAssetStore/javascript/analytics/analytics.bundle.min_271.js' ></script>
39 40 41
41<script type="text/javascript"> 42 var JsSettings = {}; 43 JsSettings.LocalIPAddress = "10.109.2.133"; 44 let contexts = 'user'.split(','); 45 window.analyticsFramework = new AnalyticsFrameWorks({}, contexts) 46 </script>
46 47 48
49<script type="text/javascript"> 50 document.querySelector("html").setAttribute("lang", "en-US"); 51 52 53 // Convert the WCParam object which contains request properties into javascript object 54 var WCParamJS = { 55 "storeId":'10151', 56 "catalogId":'12601', 57 "langId":'-1', 58 "pageView":'', 59 "orderBy":'', 60 "orderByContent":'', 61 "searchTerm":'' 62 }; 63 var absoluteURL = "https://www.opsm.com.au/"; 64 var imageDirectoryPath = "/wcsstore/OPSMStorefrontAssetStore/"; 65 var styleDirectoryPath = "images/colors/color1/"; 66 var supportPaymentTypePromotions = "false"; 67 68 var subsFulfillmentFrequencyAttrName = "fulfillmentFrequency"; 69 var subsPaymentFrequencyAttrName = "paymentFrequency"; 70 var subsTimePeriodAttrName = "timePeriod"; 71 72 var storeNLS = null; 73 74 //Summary: Returns the absolute URL to use for prefixing any Ajax URL call. 75 //Description: Dojo does not handle the case where the parameters in the URL are delimeted by the "/" forward slash. Therefore, in order to 76 // workaround the issue, all AJAX requests must be done using absolute URLs rather than relative. 77 //Returns: The absolute URL to use for prefixing any Ajax URL call. 78 function getAbsoluteURL() { 79 if (absoluteURL != "") { 80 var currentURL = document.URL; 81 var currentProtocol = ""; 82 83 if (currentURL.indexOf("://") != -1) { 84 currentProtocol = currentURL.substring(0, currentURL.indexOf("://")); 85 } 86 87 var savedProtocol = ""; 88 if (absoluteURL.indexOf("://") != -1) { 89 savedProtocol = absoluteURL.substring(0, absoluteURL.indexOf("://")); 90 } 91 92 if (currentProtocol != savedProtocol) { 93 absoluteURL = currentProtocol + absoluteURL.substring(absoluteURL.indexOf("://")); 94 } 95 } 96 97 return absoluteURL; 98 } 99 //Summary: Returns the path pointing to the shared image directory. 100 //Description: In order to get the image directory path in any javascript file, this function can be used. 101 //Returns: The path to reference images. 102 function getImageDirectoryPath() { 103 return imageDirectoryPath; 104 } 105 //Summary: Returns the path pointing to the directory containing color-dependant image files. 106 //Description: In order to get the directory containing color-dependant image files in any javascript file, this function can be used. 107 //Returns: The path to reference color-dependant image files. 108 function getStyleDirectoryPath() { 109 return styleDirectoryPath; 110 } 111 112 var jsVersionNumber = '_271'; 113</script>
113 114 115
vendor: 1,324 bytes, lines 116-119
116<script> 117 parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcelRequire,u="function"==typeof require&&require;function f(t,n){if(!r[t]){if(!e[t]){var i="function"==typeof parcelRequire&&parcelRequire;if(!n&&i)return i(t,!0);if(o)return o(t,!0);if(u&&"string"==typeof t)return u(t);var c=new Error("Cannot find module '"+t+"'");throw c.code="MODULE_NOT_FOUND",c}p.resolve=function(r){return e[t][1][r]||r},p.cache={};var l=r[t]=new f.Module(t);e[t][0].call(l.exports,p,l,l.exports,this)}return r[t].exports;function p(e){return f(p.resolve(e))}}f.isParcelRequire=!0,f.Module=function(e){this.id=e,this.bundle=f,this.exports={}},f.modules=e,f.cache=r,f.parent=o,f.register=function(r,t){e[r]=[function(e,r){r.exports=t},{}]};for(var c=0;c<t.length;c++)try{f(t[c])}catch(e){i||(i=e)}if(t.length){var l=f(t[t.length-1]);"object"==typeof exports&&"undefined"!=typeof module?module.exports=l:"function"==typeof define&&define.amd?define(function(){return l}):n&&(this[n]=l)}if(parcelRequire=f,i)throw i;return f}({"D0pT":[function(require,module,exports) { 118var global = arguments[3]; 119var t=arguments[3];Object.defineProperty(exports,"__esModule",{value:!0}),exports.CommonPolyfill=void 0;var e=new function(){String.prototype.endsWith||(String.prototype.endsWith=function(t,e){return(void 0===e||e>
119this.length)&&(e=this.length),this.substring(e-t.length,e)===t}),String.prototype.startsWith||Object.defineProperty(String.prototype,"startsWith",{value:function(t,e){var n=e>0?0|e:0;return this.substring(n,n+t.length)===t}}),Array.prototype.includes||(Array.prototype.includes=function(t){"use strict";if(null==this)throw new TypeError("Array.prototype.includes called on null or undefined");var e=Object(this),n=parseInt(e.length,10)||0;if(0===n)return!1;var o,r,i=parseInt(arguments[1],10)||0;for(i>=0?o=i:(o=n+i)<0&&(o=0);o<n;){if(t===(r=e[o])||t!=t&&r!=r)return!0;o++}return!1}),[Element.prototype,Document.prototype,DocumentFragment.prototype].forEach(function(t){t.hasOwnProperty("append")||Object.defineProperty(t,"append",{configurable:!0,enumerable:!0,writable:!0,value:function(){var t=Array.prototype.slice.call(arguments),e=document.createDocumentFragment();t.forEach(function(t){var n=t instanceof Node;e.appendChild(n?t:document.createTextNode(String(t)))}),this.appendChild(e)}})}),function(){if("function"==typeof window.CustomEvent)return!1;window.CustomEvent=function(t,e){e=e||{bubbles:!1,cancelable:!1,detail:null};var n=document.createEvent("CustomEvent");return n.initCustomEvent(t,e.bubbles,e.cancelable,e.detail),n}}(),window.NodeList&&!NodeList.prototype.forEach&&(NodeList.prototype.forEach=function(t,e){e=e||window;for(var n=0;n<this.length;n++)t.call(e,this[n],n,this)}),function(t){"use strict";if(!t.console){t.console={};for(var e,n,o=t.console,r=function(){},i=["memory"],l="assert,clear,count,debug,dir,dirxml,error,exception,group,groupCollapsed,groupEnd,info,log,markTimeline,profile,profiles,profileEnd,show,table,time,timeEnd,timeline,timelineEnd,timeStamp,trace,warn,timeLog,trace".split(",");e=i.pop();)o[e]||(o[e]={});for(;n=l.pop();)o[n]||(o[n]=r)}}("undefined"==typeof window?this:window)};exports.CommonPolyfill=e; 120},{}],"Vkla":[function(require,module,exports) { 121"use strict";function e(t){return(e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(t)}function t(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),o.push.apply(o,r)}return o}function o(e){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?t(Object(n),!0).forEach(function(t){r(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):t(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function r(e,t,o){return(t=n(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function n(t){var o=i(t,"string");return"symbol"===e(o)?o:String(o)}function i(t,o){if("object"!==e(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,o||"default");if("object"!==e(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===o?String:Number)(t)}!function(e){e.DEBUG=location.hostname.endsWith(".luxgroup.net")||location.hostname.endsWith("localhost")||location.hostname.endsWith("omnyslab.com");var t=null;e.log=function(){if(DEBUG){var e=arguments[0];e instanceof Error?console.error(e.stack):console.log.apply(null,arguments)}},e.err=function(){DEBUG&&console.error.apply(null,arguments)},e.warn=function(){DEBUG&&console.warn.apply(null,arguments)},e.logBIG=function(e){log("%c "+function(){t||(t=new Date);
121var e=new Date,o=new Date(e-t),r=o.getMilliseconds();return o.getSeconds()+"."+r+"s"}()+" "+e,"background-color: green; color: white; font-size: 12px; font-weight bold")};var r="https://livedebug.localhost.omnyslab.com:1111",n={JsVersionNumber:e.jsVersionNumber?e.jsVersionNumber:"",JsBootTimeout:5e3,PreventBlockableDataTracking:!1,PublicAssetsPath:"/wcsstore/OPSMStorefrontAssetStore/javascript/",ExecJsLater:!0,ExecJsFinallyTimeout:150,JsTaskTimeout:5,LoadJQuery:!1,UtagEnvironmentPath:e.JsSettings&&JsSettings.Utag?("/"+JsSettings.Utag.Brand+"/"+JsSettings.Utag.Environment).toLowerCase():"/sv/qa",PageGroup:!!document.querySelector("head meta[name=pageGroup]")&&document.querySelector("head meta[name=pageGroup]").getAttribute("content")},i={Debug:!1,EnableServiceWorker:!1,Bootloader:n,StoreFEData:{Identifier:"sv"}};n.AppMiniJsSrc=n.PublicAssetsPath+"app-mini"+n.JsVersionNumber+".js";var a=new function(){var t=this;function r(e,t,o){if(!t)return e;if(!e)return e=t;try{for(var n in t){var i=e[n];i instanceof Object&&!(i instanceof Array)?r(i,t[n],o):!1===o&&void 0!==e[n]||(e[n]=t[n])}}catch(a){}return e}t.getCookie=function(e){var t=document.cookie.match("(^|;) ?"+encodeURIComponent(e)+"=([^;]*)(;|$)");return t?decodeURIComponent(t[2]):null},t.setCookie=function(e,t,o){var r=new Date;r.setTime(r.getTime()+864e5*o),document.cookie=encodeURIComponent(e)+"="+encodeURIComponent(t)+";path=/;expires="+r.toGMTString()},t.isMobile=function(){return/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(navigator.userAgent.toLowerCase())},t.merge=r,t.overrideSettings=function(e){return t.merge(i,e)};t.overrideSettingsInSession=function(e){if(!e)return t.setCookie("OPSMOverriddenSettings",!1,-1),{};t.overrideSettings(e);var o=t.merge(JSON.parse(t.getCookie("OPSMOverriddenSettings")),e);return t.setCookie("OPSMOverriddenSettings",JSON.stringify(o)),o},t.getSettings=function(){try{return r(i,JSON.parse(t.getCookie("OPSMOverriddenSettings")))}catch(e){return i}};var n=!1;t.documentReady=function(e){var t="complete"===document.readyState||"loading"!==document.readyState&&!document.documentElement.doScroll;return new Promise(function(o){if(t)return o(e);document.addEventListener("DOMContentLoaded",function t(){DEBUG&&!n&&(n=!0)&&logBIG("DOM->ready");o(e);document.removeEventListener("DOMContentLoaded",t)})})};var s=!1;t.windowLoad=function(e){var t="complete"===document.readyState;return new Promise(function(o){if(t)return o(e);window.addEventListener("load",function t(){DEBUG&&!s&&(s=!0)&&logBIG("window->load");o(e);window.removeEventListener("load",t)})})},t.wait=function(e,t){return new Promise(function(o,r){e>i.Bootloader.JsTaskTimeout?(DEBUG&&log(" ...waiting "+e+"ms..."),setTimeout(function(){return o(void 0===t||t)},e)):requestAnimationFrame(function(){return o(void 0===t||t)})})},t.Tag=function(e){return new function(){var t=document.createElement(e),o=null,r=!1,n=this;n.attr=function(e,o){return"function"==typeof o||["async","defer"].indexOf(e.toLowerCase())>-1?t[e]=o:t.setAttribute(e,o),n},n.attrs=function(e){for(var t in e){var o=e[t];n.attr(t,o)}return n},n.inner=function(e){return t.textContent=e,n},n.id=function(e,i){return o=e,r=!!i,t.setAttribute("id",e),n},n.appendToHead=function(){return n.appendTo(document.head)},n.appendToBody=function(){return n.appendTo(document.body)},n.appendTo=function(e){var n=document.getElementById(o);if(n&&r)n.remove();else if(n)return;e.appendChild(t)}}},t.MessageLog={send:function(t,o,r){var n=new XMLHttpRequest;n.onload=function(){n.status>=200&&n.status<300?e.log("Success:",n):e.err("Error:",n)},n.open("POST","/JsInstrumenter."+t+"?msg="+encodeURIComponent(o)),n.setRequestHeader("Content-Type","application/json"),n.send(JSON.stringify(r))},info:function(e,o){return t.MessageLog.send("info",e,o)},warning:function(e,o){return t.MessageLog.send("warning",e,o)},error:function(e,o){return t.MessageLog.send("error",e,o)}},t.loadScriptPromises={},t.loadScript=function(r,n,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};if(!r)return Promise.reject(!1);document.querySelectorAll("script[src='"+r+"']").length&&!t.loadScriptPromises[r]&&(t.loadScriptPromises[r]=Prom
121ise.resolve(null));var s=t.loadScriptPromises[r]=t.loadScriptPromises[r]||new Promise(function(s,c){t.Tag("script").attrs(o({type:"text/javascript",src:r,async:void 0===n||!!n,defer:!!i},a)).attr("onload",function(){DEBUG&&e.log("ð¥ "+r+" loaded!"),s(r)}).attr("onerror",function(){DEBUG&&e.err("â "+r+" failed!"),c(r)}).appendToHead(),DEBUG&&e.log("𧨠Load script "+r)});return s},t.loadSyncScript=function(o){if(!o)return!1;if(document.querySelectorAll("script[data-src='"+o+"']").length)return null;var r=new XMLHttpRequest;try{return r.open("GET",o,!1),r.send(""),e.log(o+" loaded!"),t.Tag("script").attrs({type:"text/javascript","data-src":o}).inner(r.responseText).appendToHead(),!0}catch(n){return!1}},t.runScript=function(e){return t.Tag("script").attr("type","text/javascript").inner(e).appendToHead()};var c,u=null;t.loadJQuery=function(){return u||(u=i.Bootloader.LoadJQuery?t.loadScript(i.Bootloader.JQuerySrc).then(function(){t.$=jQuery.noConflict()}).catch(function(){u=null}):Promise.resolve()),u},t.$=function(){return new Proxy({},{get:function(e,t){log("jQuery is not defined!")}})},t.preventBlockableDataTracking=function(e){i.Bootloader.PreventBlockableDataTracking=null==e||e},t.execJsOnDomReady=function(o,r){return c||(c=Promise.all([t.loadJQuery(),t.documentReady()])),c.then(function(){try{return DEBUG&&e.log("ð¥ running _helper.execJsOnDomReady:"),DEBUG&&e.log("%c"+o.toString().substring(0,150),"font-size: 8px"),"function"==typeof o?o.apply(null,[t.$].concat(r)):o}catch(n){return console.error(n),!1}})},t.createProxies=function(){if("undefined"!=typeof Proxy&&!i){var o={},r="",n=new Proxy({},{get:function(e,t){return function(){return o[r].push([t,arguments]),new Proxy({},{})}}}),i=new Proxy({},{get:function(e,i){switch(o[i]||"operations"===i||(o[i]=[]),i){case"Helper":return a;case"operations":return o;case"execJs":case"execJsLater":case"execJsFinally":return function(){return o[i].push([i,arguments]),new Proxy({},{})};case"execJsOnDomReady":return t.execJsOnDomReady;default:return r=i,n}}});e.Main=i}};t.updateLoggedInUI=function(e){e&&!0===e.loggedIn?t.setCookie("updateLoggedInUI",JSON.stringify(e)):e&&!1===e.loggedIn?t.setCookie("updateLoggedInUI","{}",-1):e=o({loggedIn:!1,proUser:!1},JSON.parse(t.getCookie("updateLoggedInUI")));var r=document.getElementsByTagName("header")[0].classList;e.loggedIn?r.add("header--user-logged-in"):r.remove("header--user-logged-in"),e.proUser?r.add("header--pro-user"):r.remove("header--pro-user")},t.prepareLazyloadVideo=function(){var e=document.querySelectorAll("video:not([src])");e.forEach(function(e){var t=e.querySelectorAll("source"),o=e.classList.contains("lazyload");o||e.classList.add("lazyload"),t.forEach(function(t){window.matchMedia(t.getAttribute("media")).matches?(e.setAttribute("src",t.getAttribute("data-src")+(DEBUG?"?"+e.getAttribute("id"):"")),e.setAttribute(o?"data-poster":"poster",t.getAttribute("data-poster")+(DEBUG?"?"+e.getAttribute("id"):""))):t.remove()})})},t.activateCustomerPromoBooster=function(e,o){try{var r=new XMLHttpRequest;r.onload=function(){(r.status<200||r.status>=300)&&t.MessageLog.error(o+" activation error")},r.open("GET","/wcs/shop/EspotContent?storeId=".concat(WCParamJS.storeId,"&catalogId=").concat(WCParamJS.catalogId,"&langId=").concat(WCParamJS.langId,"&emsName=").concat(o)),r.send(),t.setCookie(e,"true",7)}catch(n){t.MessageLog.error(o+" activation error")}}};a.merge(i,e.JsSettings),a.merge(i,e.espotJsSettings);var s={};try{var c=e.sessionStorage.getItem("DEBUG_SETTINGS");c&&(s=JSON.parse(c))}catch(u){}if(location.search.endsWith("LIVEDEBUG")?(s=a.merge(s,{Bootloader:{Livedebug:{Active:!1,AppCssSrc:r+"/style/index.css",AppBootJsSrc:r+"/javascript/opsm/app-boot.js",AppMiniJsSrc:r+"/javascript/opsm/app-mini.js",JQuerySrc:"https://code.jquery.com/jquery-3.3.1.min.js"}}}),a.merge(s,{Debug:!0,Bootloader:{Livedebug:{Active:!0}}})):location.search.endsWith("STOPDEBUG")?a.merge(s,{Debug:!1,Bootloader:{Livedebug:{Active:!1}}}):location.search.endsWith("DEBUG")&&(s.Debug=!0),s&&"boolean"==typeof s.Debug&&(e.sessionStorage.setItem("DEBUG_SETTINGS",JSON.stringify(s,null,4)),DEBUG=s.Debug,DEBUG&&a.merge(i,s),DEBUG&&i.Bootloader.Livedebug&&i.Bootloader.Livedebug.Active)){if(a.merge(i.Bootloader,i.Bootloader.Livedebug),a.loadSyncScript(i.Bootloader.AppBootJsSrc))return;a.Tag("link").attrs({rel:"stylesheet",href:i.Bootloader.AppCssSrc,media:"all"}).id("AppCss",!0).appendToHead()}DEBUG&&e.logBIG("Booting..."),console.log(" DEBUG: "+(DEBUG?"on":"off")),a.createProxies(),Promise.race([Promise.all([a.execJsOnDomReady(function(){return DEBUG&&e.logBIG("First execJsOnDomReady: jQuery loaded!")}),a.wait(i.Bootloader.JsBootTimeout)]),a.windowLoad()]).then(function(){return a.loadScript(i.Bootloader.AppMiniJsSrc,!1,!0)}),Main.execJsLater(function(t){DEBUG&&e.logBIG("First execJsLater: loading utag..."),sessionStorage.getItem("utagSessionId")||sessionStorage.setItem("utagSessionId",(new Date).getTime())}),location.search.toLowerCase().includes("promo=extra10")&&a.activateCustomerPromoBooster("boostrx","X_PromoBooster"),e.i18nMessages={}}(window); 122},{}],"nZY3":[function(require,module,exports) { 123"use strict";require("../core/CommonPolyfill"),require("../core/Bootloader-opsm"); 124},{"../core/CommonPolyfill":"D0pT","../core/Bootloader-opsm":"Vkla"}]},{},["nZY3"], null) 125 126</script>
126 127 128 129
129<script type="text/javascript"> 130 window.mnttrc = true; 131 </script>
131 132 <!-- Begin Monetate ExpressTag Sync v8.1. Place at start of document head. DO NOT ALTER. --> 133
133<script type="text/javascript">var monetateT = new Date().getTime();</script>
133 134
134<script type="text/javascript" src="//se.monetate.net/js/2/a-114e4d4e/p2/opsm.com.au/entry.js"></script>
134 135 <!-- End Monetate tag. --><!-- This file has all social media java scripts-->
136<script>(function(d, s, id) { 137 var js, fjs = d.getElementsByTagName(s)[0]; 138 if (d.getElementById(id)) return; 139 js = d.createElement(s); js.id = id; 140 js.async=true; 141 js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=326787437444620"; 142 fjs.parentNode.insertBefore(js, fjs); 143}(document, 'script', 'facebook-jssdk'));</script>
143 144 145 146
147<script language="JavaScript" type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
vendor: 2 bytes, line 147
147
148<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
148 149 150<!-- inject:js-->
151<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/vendor.min_271.js"></script>
vendor: 2 bytes, line 151
151
152<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/modernizr-custom_271.js"></script>
vendor: 2 bytes, line 152
152
153<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/sections/opsm.monetate_271.js"></script>
153 154 155 156 157
157<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/sections/opsm.core_271.js"></script>
157 158 159
160<script type="text/javascript"> 161 162 //setting Google Maps api key to allow next usage 163 opsm.core.setGoogleMapsApiKey('AIzaSyCLUJMlyseyipkWVRIVf7frqlYhhKLwlO0'); 164 165</script>
165 166 167 168
168<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/app.min_271.js"></script>
168 169
169<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/main_271.js"></script>
169 170
170<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/sections/opsm.gtm_271.js"></script>
170 171 172 173
173<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/sections/opsm.catalog-search_271.js"></script>
173 174
174<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/sections/opsm.product_271.js"></script>
174 175
175<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/sections/opsm.user-area_271.js"></script>
175 176
176<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/autocomplete_271.js"></script>
176 177
177<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/jquery.h5validate_271.js"></script>
177 178
178<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/sections/opsm.my-account_271.js"></script>
178 179
179<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/sections/opsm.search_271.js"></script>
179 180
180<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/sections/opsm.utils_271.js"></script>
180 181
181<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/sections/opsm.rx_271.js"></script>
181 182 183
183<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/md5_271.js"></script>
183 184 185
185<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/sha256.js"></script>
185 186
186<script type="text/javascript"> 187 <!-- Tealium data2track Initialization --> 188 var tealium_data2track = []; 189 190 <!-- Fix for the old utag implementation --> 191 var utag_flag = false; 192 var isAnalyticsEnabled = false; 193 </script>
193 194 195
195<script type="text/javascript"> 196 var countryCode = 'AU'; 197 var countryConfig = {"Page_Country": "AU"}; 198// callAjaxForHeaderInfos(); 199 var isLoggedInUser = 'false'; 200 201 var setUserUtagFiller = function(countryCode1, userId, userDisplayEmail, order_cartId, userType) { 202 try { 203 var countryConfigE = {"Page_Country": countryCode}; //$('#searchCountryCode').val(); 204 if(countryCode1 != "undefined" && countryCode1 != "" && countryCode1 != null) { 205 var countryConfigE = {"Page_Country": countryCode1}; 206 } 207 208 var userConfig = { 209 "User_Segments": "", 210 "User_LoginStatus": "Guest", 211 "Order_CartId": order_cartId, 212 }; 213 214 if(isLoggedInUser === 'true') { 215 userConfig.User_LoginStatus = "Logged"; 216 userConfig["User_Id"] = userId; 217 userConfig["User_LoginType"] = "Standard"; 218 userConfig["User_HasPrescription"] = "0"; 219 var userEmail = userDisplayEmail; 220 var User_Email_MD5 = md5(userEmail.trim().toLowerCase()); 221 var User_Email_SHA256 = sha256(userEmail.trim().toLowerCase()); 222 223 if(User_Email_MD5 != null && User_Email_MD5.trim().length > 0) { 224 userConfig["User_Email_MD5"] = User_Email_MD5; 225 } 226 227 if(User_Email_SHA256 != null && User_Email_SHA256.trim().length > 0) { 228 userConfig["User_Email_SHA256"] = User_Email_SHA256; 229 } 230 231 } 232 233 analyticsFramework.setUser(userConfig); 234 analyticsFramework.setData(countryConfigE); 235 } catch(err) { 236 console.warn("User Data Error") 237 return undefined 238 }; 239 } 240 241 setUserUtagFiller("", "", "","", isLoggedInUser) 242 243 //function callAjaxForHeaderInfo() { 244 // $.ajax({ 245 // url: this.basePath + '/AjaxCustomerHeaderInfos', 246 // dataType: 'json', 247 // cache: false, 248 // success: function success(customerHeaderInfos) { 249 // if(customerHeaderInfos.length) { 250 // //setUserUtagFiller(customerHeaderInfos[3], customerHeaderInfos[4], customerHeaderInfos[5], customerHeaderInfos[6], customerHeaderInfos[2], customerHeaderInfos[7]); 251 // } 252 // }, 253 // error: function error(xhr, ajaxOptions, thrownError) { 254 // console.log("user ajax failed", xhr.responseText); 255 // //setUserUtagFiller("", "", "","", isLoggedInUser); 256 // } 257 // }) 258 //} 259 260 //callAjaxForHeaderInfo() 261 262 </script>
262 263 264 265
265<script type="text/javascript"> 266 var isAnalyticsEnabled = true; 267 var currencyCode = 'AUD'; 268 var opsmFacebookURL = 'https://www.facebook.com/OPSMAU'; 269 </script>
269 270<!-- endinject--><!-- setup window variables from EnvironmentSetup jsp variables-->
271<script type="text/javascript">var isGuestUser = "true";</script>
271 272 273
274<script type="text/javascript"> 275 opsm.core.setCountryCode('au'); 276</script>
276 277 278
279<script async type="text/javascript" src="https://cloud.wordlift.io/app/bootstrap.js"></script>
279 280 281<!-- Begin ContentRecommendation [X_Head] --><!-- End ContentRecommendation [X_Head] --><!-- Frame Advisor 2 --> 282
282<script crossorigin src="https://unpkg.com/react@17/umd/react.production.min.js"></script>
282 283
283<script crossorigin src="https://unpkg.com/react-dom@17/umd/react-dom.production.min.js"></script>
283 284
284<script type="text/javascript"> 285 if(window.localStorage.getItem("fa-user-id") || false){ 286 function faLoadOpsm(){ 287 288 let sc = document.createElement("script"); 289 sc.setAttribute("type", "text/javascript"); 290 sc.setAttribute("defer", ""); 291 sc.setAttribute("src", "/wcsstore/OPSMStorefrontAssetStore/javascript/FrameAdvisor_271.js"); 292 sc.async = false; 293 sc.defer = true; 294 sc.setAttribute("onload", "frameAdvisorJS.init();"); 295 document.getElementsByTagName("body")[0].appendChild(sc); 296 } 297 let sc = document.createElement("script"); 298 sc.async = false; 299 sc.defer = true; 300 sc.setAttribute("defer", ""); 301 sc.setAttribute("crossorigin", ""); 302 sc.setAttribute("src", "https://frameadvisor.luxottica.com/v/2.10/index.umd.js"); 303 sc.setAttribute("onload", "faLoadOpsm()"); 304 document.getElementsByTagName("head")[0].appendChild(sc); 305 } 306 </script>
306 307 <!-- END Frame Advisor 2 --><!-- END CommonJSToInclude.jspf --> 308 309 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 310 <title>Why choose us? I OPSM</title> 311 <meta name="title" content="Why choose us? I OPSM"/> 312 <meta name="description" content="Discover our story, our wide range of frames and iconic brands and OPSM most advanced technology for an innovative eye test."/> 313 <meta name="keywords" content=""/> 314 <meta name="pageIdentifier" content="Why OPSM 2023"/> 315 <meta name="pageId" content="29552"/> 316 <meta name="pageGroup" content="Content"/> 317 318 <link rel="canonical" href="https://www.opsm.com.au/about-us/why-opsm" /> 319 320 321 322
322<script>!function(e){var n="https://s.go-mpulse.net/boomerang/";if("False"=="True")e.BOOMR_config=e.BOOMR_config||{},e.BOOMR_config.PageParams=e.BOOMR_config.PageParams||{},e.BOOMR_config.PageParams.pci=!0,n="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="DBGL3-8XXUB-BMCK3-RPW8H-PXWVZ",function(){function e(){if(!r){var e=document.createElement("script");e.id="boomr-scr-as",e.src=window.BOOMR.url,e.async=!0,o.appendChild(e),r=!0}}function t(e){r=!0;var n,t,a,i,d=document,O=window;if(window.BOOMR.snippetMethod=e?"if":"i",t=function(e,n){var t=d.createElement("script");t.id=n||"boomr-if-as",t.src=window.BOOMR.url,BOOMR_lstart=(new Date).getTime(),e=e||d.body,e.appendChild(t)},!window.addEventListener&&window.attachEvent&&navigator.userAgent.match(/MSIE [67]\./))return window.BOOMR.snippetMethod="s",void t(o,"boomr-async");a=document.createElement("IFRAME"),a.src="about:blank",a.title="",a.role="presentation",a.loading="eager",i=(a.frameElement||a).style,i.width=0,i.height=0,i.border=0,i.display="none",o.appendChild(a);try{O=a.contentWindow,d=O.document.open()}catch(_){n=document.domain,a.src="javascript:var d=document.open();d.domain='"+n+"';void 0;",O=a.contentWindow,d=O.document.open()}if(n)d._boomrl=function(){this.domain=n,t()},d.write("<bo"+"dy onload='document._boomrl();'>");else if(O._boomrl=function(){t()},O.addEventListener)O.addEventListener("load",O._boomrl,!1);else if(O.attachEvent)O.attachEvent("onload",O._boomrl);d.close()}function a(e){window.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!window.BOOMR||!window.BOOMR.version&&!window.BOOMR.snippetExecuted){window.BOOMR=window.BOOMR||{},window.BOOMR.snippetStart=(new Date).getTime(),window.BOOMR.snippetExecuted=!0,window.BOOMR.snippetVersion=14,window.BOOMR.url=n+"DBGL3-8XXUB-BMCK3-RPW8H-PXWVZ";var i=document.currentScript||document.getElementsByTagName("script")[0],o=i.parentNode,r=!1,d=document.createElement("link");if(d.relList&&"function"==typeof d.relList.supports&&d.relList.supports("preload")&&"as"in d)window.BOOMR.snippetMethod="p",d.href=window.BOOMR.url,d.rel="preload",d.as="script",d.addEventListener("load",e),d.addEventListener("error",function(){t(!0)}),setTimeout(function(){if(!r)t(!0)},3e3),BOOMR_lstart=(new Date).getTime(),o.appendChild(d);else t(!1);if(window.addEventListener)window.addEventListener("load",a,!1);else if(window.attachEvent)window.attachEvent("onload",a)}}(),"".length>0)if(e&&"performance"in e&&e.performance&&"function"==typeof e.performance.setResourceTimingBufferSize)e.performance.setResourceTimingBufferSize();!function(){if(BOOMR=e.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var n=""=="true"?1:0,t="",a="wxlucsqxibyfo2vxlvca-f-244b196e8-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,o={"ak.v":"41","ak.cp":"202776","ak.ai":parseInt("175744",10),"ak.ol":"0","ak.cr":0,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"5a9e3eb","ak.r":42169,"ak.a2":n,"ak.m":"dsca","ak.n":"essl","ak.cport":21507,"ak.gh":"23.52.43.87","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1790401860","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==j4R7TViE/UB9/QP9eChrDSfGOsg4sDdThRtH1UsnGCQf7fle+GBDKtQusuyKivNUc4oW3+5nt+Fr5DY23AbNUabnpN+KzPrO1alFFE0S47TDpR4DIbsBG1y7L3rEc+e8EzhspVmG9p5+jfJTuRntQt0iRPBLELjSy2q2jiTWpnVzrPRxIRz/ALzkLUEmKN8pG6cFn8FlS/D+kW/22FfoV2PsehgEpcAuBoJkgZFqmv3f9iKXff+bhbArFpvK73FSOorK892/RrFdSqSJPyrWdJ7mOzdzQG4Qy8uED02HYq3M+Jm2+qqVVsCRy0XN08xTe+XV0mAtgK14cxP3ds2+iX5MQfbax7hsd2VKe2xlpxPCIXKxPBeHHwRfeSAvLstAN2dQ6weC0EO/ab3GHYZvr/Qwl87yizIUerQiUYYfKas=","ak.pv":"161","ak.dpoabenc":"","ak.tf":i};if(""!==t)o["ak.ruds"]=t;var r={i:!1,av:function(n){var t="http.initiator";if(n&&(!n[t]||"spa_hard"===n[t]))o["ak.feo"]=void 0!==e.aFeoApplied?1:0,BOOMR.addVar(o)},rv:function(){var e=["ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(e)}};BOOMR.plugins.AK={akVars:o,akDNSPreFetchDomain:a,init:function(){if(!r.i){var e=BOOMR.subscribe;e("before_beacon",r.av,null,null),e("onbeacon",r.rv,null,null),r.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script>
322</head> 323 324 <body> 325 <!-- Begin ContentRecommendation [forter-web-integration] -->
325<script> 326 var ftrToken = ''; 327 document.addEventListener('ftr:tokenReady', function(evt) { 328 ftrToken = evt.detail ; 329 }); 330</script>
330 331
332<script type="text/javascript" id="e46f3739a709"> 333 (function () { 334 var merchantConfig = { 335 csp: false, 336 }; 337 338 var siteId = 'e46f3739a709'; 339 function t(t,e){for(var n=t.split(""),r=0;r<n.length;++r)n[r]=String.fromCharCode(n[r].charCodeAt(0)+e);return n.join("")}function e(e){return t(e,-_).replace(/%SN%/g,siteId)}function n(t){try{if("number"==typeof t&&window.location&&window.location.pathname){for(var e=window.location.pathname.split("/"),n=[],r=0;r<=Math.min(e.length-1,Math.abs(t));r++)n.push(e[r]);return n.join("/")||"/"}}catch(t){}return"/"}function r(){var t="no"+"op"+"fn",e="g"+"a",n="n"+"ame";return window[e]&&window[e][n]===t}function o(){return!(!navigator.brave||"function"!=typeof navigator.brave.isBrave)}function i(){return document.currentScript&&document.currentScript.src}function a(t){try{z.ex=t,r()&&-1===z.ex.indexOf($.uB)&&(z.ex+=$.uB),o()&&-1===z.ex.indexOf($.uBr)&&(z.ex+=$.uBr),i()&&-1===z.ex.indexOf($.nIL)&&(z.ex+=$.nIL),window.ftr__snp_cwc||(z.ex+=$.s),H(z)}catch(t){}}function c(t,e){function n(i){try{i.blockedURI===t&&i.disposition===o&&(e(),document.removeEventListener(r,n))}catch(t){document.removeEventListener(r,n)}}var r="securitypolicyviolation",o="enforce";document.addEventListener(r,n),setTimeout(function(){document.removeEventListener(r,n)},2*60*1e3)}function f(t,e,n,r){var o=!1;t="https://"+t,c(t,function(){r(!0),o=!0});var i=document.createElement("script");i.onerror=function(){if(!o)try{r(!1),o=!0}catch(t){}},i.onload=n,i.type="text/javascript",i.id="ftr__script",i.async=!0,i.src=t;var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(i,a)}function u(){nt($.uDF),setTimeout(l,B,$.uDF)}function s(t,e,n,r){var o=!1,i=new XMLHttpRequest;if(c("https:"+t,function(){n(new Error("CSP Violation"),!0),o=!0}),"//"===t.slice(0,2)&&(t="https:"+t),"withCredentials"in i)i.open("GET",t,!0);else{if("undefined"==typeof XDomainRequest)return;i=new XDomainRequest,i.open("GET",t)}Object.keys(r).forEach(function(t){i.setRequestHeader(t,r[t])}),i.onload=function(){"function"==typeof e&&e(i)},i.onerror=function(t){if("function"==typeof n&&!o)try{n(t,!1),o=!0}catch(t){}},i.onprogress=function(){},i.ontimeout=function(){"function"==typeof n&&n("tim"+"eo"+"ut",!1)},setTimeout(function(){i.send()},0)}function d(t,siteId,e){function n(t){var e=t.toString(16);return e.length%2?"0"+e:e}function r(t){if(t<=0)return"";for(var e="0123456789abcdef",n="",r=0;r<t;r++)n+=e[Math.floor(Math.random()*e.length)];return n}function o(t){for(var e="",r=0;r<t.length;r++)e+=n(t.charCodeAt(r));return e}function i(t){for(var e=t.split(""),n=0;n<e.length;++n)e[n]=String.fromCharCode(255^e[n].charCodeAt(0));return e.join("")}e=e?"1":"0";var a=[];return a.push(t),a.push(siteId),a.push(e),function(t){var e=40,n="";return t.length<e/2&&(n=","+r(e/2-t.length-1)),o(i(t+n))}(a.join(","))}function h(){function t(){M&&(nt($.dUAL),setTimeout(l,B,$.dUAL))}function e(t,e){M=e?"F"+"T"+"R"+"A"+"U"+"C":"F"+"T"+"R"+"A"+"U",setTimeout(l,B,$.uAS)}window.ftr__fdad(t,e)}function w(){function t(){M&&setTimeout(l,B,$.uDAD)}function e(t,e){M=e?"F"+"T"+"R"+"A"+"U"+"C":"F"+"T"+"R"+"A"+"U",setTimeout(l,B,$.uDS)}window.ftr__radd(t,e)}function l(t){try{var e;switch(t){case $.uFP:e=N;break;case $.uDF:e=I;break;default:e=M}if(!e)return;var n=function(){try{rt(),a(t+$.uS)}catch(t){}},r=function(e){try{rt(),z.td=1*new Date-z.ts,a(e?t+$.uF+$.cP:t+$.uF),t===$.uFP&&u(),t===$.uDF&&(j?w():h()),t!==$.uAS&&t!==$.dUAL||j||w(),t!==$.uDS&&t!==$.uDAD||j&&h()}catch(t){a($.eUoe)}};if(e==="F"+"T"+"R"+"A"+"U"+"C")return void r(!0);if(e==="F"+"T"+"R"+"A"+"U")return void r(!1);f(e,void 0,n,r)}catch(e){a(t+$.eTlu)}}var g="22g6edqo7i}x{vmo1forxgiurqw1qhw2vwdwxv",v="fort",p="erTo",m="ken",_=3;window.ftr__config={m:merchantConfig,s:"27",si:siteId};var y=!1,U=!1,T,x,A=v+p+m,D=400*24*60,S,C=10;S={write:function(t,e,r,o){void 0===o&&(o=!0);var i=0;window.ftr__config&&window.ftr__config.m&&window.ftr__config.m.ckDepth&&(i=window.ftr__config.m.ckDepth);var a,c,f=n(i);if(r?(a=new Date,a.setTime(a.getTime()+60*r*1e3),c="; expires="+a.toGMTString()):c="",!o)return void(document.cookie=escape(t)+"="+escape(e)+c+"; path="+f);for(var u=1,s=document.domain.split("."),d=C,h=!0;h&&s.length>=u&&d>0;){var w=s.slice(-u).join(".");document.cookie=escape(t)+"="+escape(e)+c+"; path="+f+"; domain="+w;var l=S.read(t);null!=l&&l==e||(w="."+w,document.cookie=escape(t)+"="+escape(e)+c+"; path="+f+"; domain="+w),h=-1===document.cookie.indexOf(t+"="+e),u++,d--}},read:function(t){var e=null;try{for(var n=escape(t)+"=",r=document.cookie.split(";"),o=32,i=0;i<r.length;i++){for(var a=r[i];a.charCodeAt(0)===o;)a=a.substring(1,a.length);0===a.indexOf(n)&&(e=unescape(a.substring(n.length,a.length)))}}finally{return e}}};var L=window.ftr__config.s;L+="ck";var R=function(t){var e=!1,n=null,r=function(){try{if(!n||!e)return;n.remove&&"function"==typeof n.remove?n.remove():document.head.removeChild(n),e=!1}catch(t){}};document.head&&(!function(){n=document.createElement("link"),n.setAttribute("rel","pre"+"con"+"nect"),n.setAttribute("cros"+"sori"+"gin","anonymous"),n.onload=r,n.onerror=r,n.setAttribute("href",t),document.head.appendChild(n),e=!0}(),setTimeout(r,3e3))},E=e(g||"22g6edqo7i}x{vmo1forxgiurqw1qhw2vwdwxv"),q=t("[0Uhtxhvw0LG",-_),P=t("[0Fruuhodwlrq0LG",-_),k=t("Li0Qrqh0Pdwfk",-_),F=e("dss1vlwhshuirupdqfhwhvw1qhw"),b=e("2241414142gqv0txhu|"),M,O="fgq71iruwhu1frp",I,V;I=e("(VQ(1"+O+"2vq2(VQ(2vfulsw1mv"),V=e("(VQ(1"+O+"2vqV2(VQ(2vfulsw1mv");var N;window.ftr__config&&window.ftr__config.m&&window.ftr__config.m.fpi&&(N=e("fgq71")+window.ftr__config.m.fpi+e("2vq2(VQ(2vfulsw1mv"));var j=!1;j=!1;var B=10;window.ftr__startScriptLoad=1*new Date;var G=function(t){var e="ft"+"r:tok"+"enR"+"eady";window.ftr__tt&&clearTimeout(window.ftr__tt),window.ftr__tt=setTimeout(function(){try{delete window.ftr__tt,t+="_tt";var n=document.createEvent("Event");n.initEvent(e,!1,!1),n.detail=t,document.dispatchEvent(n)}catch(t){}},1e3)},H=function(t){var e=function(t){return t||""},n=e(t.id)+"_"+e(t.ts)+"_"+e(t.td)+"_"+e(t.ex)+"_"+e(L),r=D;!isNaN(window.ftr__config.m.ckTTL)&&window.ftr__config.m.ckTTL&&(r=window.ftr__config.m.ckTTL),S.write(A,n,r,!0),G(n),window.ftr__gt=n},X=function(){var t=S.read(A)||"",e=t.split("_"),n=function(t){return e[t]||void 0};return{id:n(0),ts:n(1),td:n(2),ex:n(3),vr:n(4)}},Q=function(){for(var t={},e="fgu",n=[],r=0;r<256;r++)n[r]=(r<16?"0":"")+r.toString(16);var o=function(t,e,r,o,i){var a=i?"-":"";return n[255&t]+n[t>>8&255]+n[t>>16&255]+n[t>>24&255]+a+n[255&e]+n[e>>8&255]+a+n[e>>16&15|64]+n[e>>24&255]+a+n[63&r|128]+n[r>>8&255]+a+n[r>>16&255]+n[r>>24&255]+n[255&o]+n[o>>8&255]+n[o>>16&255]+n[o>>24&255]},i=function(){if(window.Uint32Array&&window.crypto&&window.crypto.getRandomValues){var t=new window.Uint32Array(4);return window.crypto.getRandomValues(t),{d0:t[0],d1:t[1],d2:t[2],d3:t[3]}}return{d0:4294967296*Math.random()>>>0,d1:4294967296*Math.random()>>>0,d2:4294967296*Math.random()>>>0,d3:4294967296*Math.random()>>>0}},a=function(){var t="",e=function(t,e){for(var n="",r=t;r>0;--r)n+=e.charAt(1e3*Math.random()%e.length);return n};return t+=e(2,"0123456789"),t+=e(1,"123456789"),t+=e(8,"0123456789")};return t.safeGenerateNoDash=function(){try{var t=i();return o(t.d0,t.d1,t.d2,t.d3,!1)}catch(t){try{return e+a()}catch(t){}}},t.isValidNumericalToken=function(t){return t&&t.toString().length<=11&&t.length>=9&&parseInt(t,10).toString().length<=11&&parseInt(t,10).toString().length>=9},t.isValidUUIDToken=function(t){return t&&32===t.toString().length&&/^[a-z0-9]+$/.test(t)},t.isValidFGUToken=function(t){return 0==t.indexOf(e)&&t.length>=12},t}(),$={uDF:"UDF",dUAL:"dUAL",uAS:"UAS",uDS:"UDS",uDAD:"UDAD",uFP:"UFP",mLd:"1",eTlu:"2",eUoe:"3",uS:"4",uF:"9",tmos:["T5","T10","T15","T30","T60"],tmosSecs:[5,10,15,30,60],bIR:"43",uB:"u",uBr:"b",cP:"c",nIL:"i",s:"s"};try{var z=X();try{z.id&&(Q.isValidNumericalToken(z.id)||Q.isValidUUIDToken(z.id)||Q.isValidFGUToken(z.id))?window.ftr__ncd=!1:(z.id=Q.safeGenerateNoDash(),window.ftr__ncd=!0),z.ts=window.ftr__startScriptLoad,H(z),window.ftr__snp_cwc=!!S.read(A),window.ftr__snp_cwc||(I=V);for(var J="for"+"ter"+".co"+"m",K="ht"+"tps://c"+"dn9."+J,W="ht"+"tps://"+z.id+"-"+siteId+".cd"+"n."+J,Y="http"+"s://cd"+"n3."+J,Z=[K,W,Y],tt=0;tt<Z.length;tt++)R(Z[tt]);var et=new Array($.tmosSecs.length),nt=function(t){for(var e=0;e<$.tmosSecs.length;e++)et[e]=setTimeout(a,1e3*$.tmosSecs[e],t+$.tmos[e])},rt=function(){for(var t=0;t<$.tmosSecs.length;t++)clearTimeout(et[t])};window.ftr__fdad=function(e,n){if(y)return window.ftr__altd2=x,void e();y=!0;var r={};r[k]=d(window.ftr__config.s,siteId,window.ftr__config.m.csp),s(E,function(n){try{var r=n.getAllResponseHeaders().toLowerCase();if(r.indexOf(P.toLowerCase())>=0){var o=n.getResponseHeader(P);x=window.ftr__altd2=t(atob(o),-_-1)}if(r.indexOf(q.toLowerCase())<0)return;
339var i=n.getResponseHeader(q),a=t(atob(i),-_-1);if(a){var c=a.split(":");if(c&&2===c.length){for(var f=c[0],u=c[1],s="",d=0,h=0;d<20;++d)s+=d%3>0&&h<12?siteId.charAt(h++):z.id.charAt(d);var w=u.split(",");if(w.length>1){var l=w[0],g=w[1];M=f+"/"+l+"."+s+"."+g}}}e()}catch(t){}},function(t,e){n&&n(t,e)},r)},window.ftr__radd=function(t,e){function n(e){try{var n=e.response,r=function(t){function e(t,n,i){try{if(i>=r)return{name:"",nextOffsetToProcess:n,error:"Max pointer dereference depth exceeded"};for(var a=[],c=n,f=t.getUint8(c),u=0;u<o;){if(u++,192==(192&f)){var s=(63&f)<<8|t.getUint8(c+1),d=e(t,s,i+1);if(d.error)return d;var h=d.name;return a.push(h),{name:a.join("."),nextOffsetToProcess:c+2}}if(!(f>0)){if(0!==f)return{name:"",nextOffsetToProcess:c,error:"Unexpected length at the end of name: "+f.toString()};return{name:a.join("."),nextOffsetToProcess:c+1}}for(var w="",l=1;l<=f;l++)w+=String.fromCharCode(t.getUint8(c+l));a.push(w),c+=f+1,f=t.getUint8(c)}return{name:"",nextOffsetToProcess:c,error:"Max iterations exceeded"}}catch(t){return{name:"",nextOffsetToProcess:n,error:"Unexpected error while parsing response: "+t.toString()}}}var n,r=4,o=100,i=16,a=new DataView(t),c=a.getUint16(0),f=a.getUint16(2),u=a.getUint16(4),s=a.getUint16(6),d=a.getUint16(8),h=a.getUint16(10),w=12,l=[],g=0;for(g=0;g<u;g++){if(n=e(a,w,0),n.error)throw new Error(n.error);if(w=n.nextOffsetToProcess,!Number.isInteger(w))throw new Error("invalid returned offset");var v=n.name,p=a.getUint16(w);w+=2;var m=a.getUint16(w);w+=2,l.push({qname:v,qtype:p,qclass:m})}var _=[];for(g=0;g<s;g++){if(n=e(a,w,0),n.error)throw new Error(n.error);if(w=n.nextOffsetToProcess,!Number.isInteger(w))throw new Error("invalid returned offset");var y=n.name,U=a.getUint16(w);if(U!==i)throw new Error("Unexpected record type: "+U.toString());w+=2;var T=a.getUint16(w);w+=2;var x=a.getUint32(w);w+=4;var A=a.getUint16(w);w+=2;for(var D="",S=w,C=0;S<w+A&&C<o;){C++;var L=a.getUint8(S);S+=1;D+=(new TextDecoder).decode(t.slice(S,S+L)),S+=L}if(C>=o)throw new Error("Max iterations exceeded while reading TXT data");w+=A,_.push({name:y,type:U,class:T,ttl:x,data:D})}return{transactionId:c,flags:f,questionCount:u,answerCount:s,authorityCount:d,additionalCount:h,questions:l,answers:_}}(n);if(!r)throw new Error("Error parsing DNS response");if(!("answers"in r))throw new Error("Unexpected response");var o=r.answers;if(0===o.length)throw new Error("No answers found");var i=o[0].data;i=i.replace(/^"(.*)"$/,"$1");var a=function(t){var e=40,n=32,r=126;try{for(var o=atob(t),i="",a=0;a<o.length;a++)i+=function(t){var o=t.charCodeAt(0),i=o-e;return i<n&&(i=r-(n-i)+1),String.fromCharCode(i)}(o[a]);return atob(i)}catch(t){return}}(i);if(!a)throw new Error("failed to decode the value");var c=function(t){var e="_"+"D"+"L"+"M"+"_",n=t.split(e);if(!(n.length<2)){var r=n[0],o=n[1];if(!(r.split(".").length-1<1))return{jURL:r,eURL:o}}}(a);if(!c)throw new Error("failed to parse the value");var f=c.jURL,u=c.eURL;M=function(t){for(var e="",n=0,r=0;n<20;++n)e+=n%3>0&&r<12?siteId.charAt(r++):z.id.charAt(n);return t.replace("/PRM1","").replace("/PRM2","/main.").replace("/PRM3",e).replace("/PRM4",".js")}(f),T=window.ftr__altd3=u,t()}catch(t){}}function r(t,n){e&&e(t,n)}if(U)return window.ftr__altd3=T,void t();window.ftr__config.m.dr==="N"+"D"+"R"&&e(new Error("N"+"D"+"R"),!1),b&&F||e(new Error("D"+"P"+"P"),!1),U=!0;try{var o=function(t){for(var e=new Uint8Array([0,0]),n=new Uint8Array([1,0]),r=new Uint8Array([0,1]),o=new Uint8Array([0,0]),i=new Uint8Array([0,0]),a=new Uint8Array([0,0]),c=t.split("."),f=[],u=0;u<c.length;u++){var s=c[u];f.push(s.length);for(var d=0;d<s.length;d++)f.push(s.charCodeAt(d))}f.push(0);var h=16,w=new Uint8Array([0,h]),l=new Uint8Array([0,1]),g=new Uint8Array(e.length+n.length+r.length+o.length+i.length+a.length+f.length+w.length+l.length);return g.set(e,0),g.set(n,e.length),g.set(r,e.length+n.length),g.set(o,e.length+n.length+r.length),g.set(i,e.length+n.length+r.length+o.length),g.set(a,e.length+n.length+r.length+o.length+i.length),g.set(f,e.length+n.length+r.length+o.length+i.length+a.length),g.set(w,e.length+n.length+r.length+o.length+i.length+a.length+f.length),g.set(l,e.length+n.length+r.length+o.length+i.length+a.length+f.length+w.length),g}(F);!function(t,e,n,r,o){var i=!1,a=new XMLHttpRequest;if(c("https:"+t,function(){o(new Error("CSP Violation"),!0),i=!0}),"//"===t.slice(0,2)&&(t="https:"+t),"withCredentials"in a)a.open("POST",t,!0);else{if("undefined"==typeof XDomainRequest)return;a=new XDomainRequest,a.open("POST",t)}a.responseType="arraybuffer",a.setRequestHeader("Content-Type",e),a.onload=function(){"function"==typeof r&&r(a)},a.onerror=function(t){if("function"==typeof o&&!i)try{o(t,!1),i=!0}catch(t){}},a.onprogress=function(){},a.ontimeout=function(){"function"==typeof o&&o("tim"+"eo"+"ut",!1)},setTimeout(function(){a.send(n)},0)}(b,"application/dns-message",o,n,r)}catch(t){e(t,!1)}};var ot=N?$.uFP:$.uDF;nt(ot),setTimeout(l,B,ot)}catch(t){a($.mLd)}}catch(t){} 340 })(); 341</script>
341<!-- End ContentRecommendation [forter-web-integration] --> 342 343 <div id="page"> 344 <div id="headerWrapper"> 345 <!-- BEGIN Header.jsp --><!-- --> 346 347 <input id="js-gr-header--g-user" type="hidden" disabled value="/LogonForm?catalogId=12601&postSignInURL=UserOrderHistory&storeId=10151&langId=-1" > 348 <input id="js-gr-header--r-user" type="hidden" disabled value="/UserOrderHistory?catalogId=12601&postSignInURL=UserOrderHistory&storeId=10151&langId=-1" > 349 350 351<div class="sidemenu" id="sidemenu"> 352 <!--<button class="btn btn-link sidemenu--btn-close" id="btn-close-sidemenu"></button>--> 353 <div class="sidemenu--inner"> 354 <div class="sidemenu--main"> 355 <div class="sidemenu--main-content"> 356 <div class="sidemenu--item sidemenu--item--has-child"> 357 <div class="sidemenu--subnav sidemenu--subnav-first-level sidemenu--subnav--active d-block"> 358 <div class="sidemenu--subnav-container d-flex flex-column"> 359 360 <div class="sidemenu--subnav-list-container flex-grow-1"> 361 <ul class="list-unstyled sidemenu--subnav-list"> 362 <li class="sidemenu--item sidemenu--item--in-subnav"> 363 364 365<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-sidebar-search-mobile] --><!-- BEGIN ContentRecommendation_UI.jspf --> 366 <div id="contentRecommendationWidget_rddm-header-sidebar-search-mobile" class="contentRecommendationWidget" > 367 368 <div dataci_toolbar="_espot" dataci_espot ="_rddm-header-sidebar-search-mobile" id="ci_espot__rddm-header-sidebar-search-mobile"> 369 <!-- BEGIN Content_UI.jspf --> 370<div class="left_espot"> 371 372 373 <a class="btn sidemenu--search d-lg-none d-flex" title="Search" id="btn-search-mob" 374 data-element-id="MainNav_Search"> 375 <span class="icon icon-search"></span> 376 Search 377 </a> 378 379<style> 380#btn-login-mobile { 381display: none; 382} 383 384@media screen and (max-width: 992px) { 385#btn-login-mobile { 386display: block; 387} 388} 389</style> 390 391 392</div> 393 394<!-- END Content_UI.jspf --> 395 </div> 396 </div> 397 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-sidebar-search-mobile] --> 398</div> 399 400 </li> 401 <li class="sidemenu--item sidemenu--item--in-subnav"> 402 403 404<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-sidebar-contacts-mobile] --><!-- BEGIN ContentRecommendation_UI.jspf --> 405 <div id="contentRecommendationWidget_rddm-header-sidebar-contacts-mobile" class="contentRecommendationWidget" > 406 407 <div dataci_toolbar="_espot" dataci_espot ="_rddm-header-sidebar-contacts-mobile" id="ci_espot__rddm-header-sidebar-contacts-mobile"> 408 <!-- BEGIN Content_UI.jspf --> 409<div class="left_espot"> 410 411 412 <div class="sidemenu--item sidemenu--item--has-child"> 413 <a href="#" class="strong" onclick="resetScroll(this)" data-element-id="MainNav_ContactLenses" to-level="1"> 414 Contact lenses 415 <span class="icon-chevron-thin-right"></span> 416 </a> 417 <div class="sidemenu--subnav"> 418 <div class="sidemenu--subnav-container"> 419 <div class="sidemenu--subnav-header"> 420 <a class="btn btn-link sidemenu--subnav-back-btn" href="javascript:void(0)" data-element-id="MainNav_ContactLenses" to-level="0"> 421 <span class="icon-chevron-left"></span> 422 </a> 423 <p class="sidemenu--subnav-header-text text-center"> 424 Contact Lenses 425 </p> 426 </div> 427 <div class="sidemenu--subnav-body"> 428 <p class="header--mega-navbar-list-title">Type and Frequency</p> 429 <a href="/contact-lenses/daily" title="Daily" data-element-id="MainNav_Daily" to-level="2"> 430 Daily 431 </a> 432 <a href="/contact-lenses/fortnightly" title="Fortnightly" data-element-id="MainNav_ContactLenses-Fortnightly" to-level="2"> 433 Fortnightly 434 </a> 435 <a href="/contact-lenses/monthly" title="Monthly" data-element-id="MainNav_ContactLenses-Monthly"> 436 Monthly 437 </a> 438 <a href="/contact-lenses/toric" title="Toric" data-element-id="MainNav_ContactLenses-Toric"> 439 Toric 440 </a> 441 <a href="/contact-lenses/multi-focal-sphere" title="Multi-focal" data-element-id="MainNav_ContactLenses-Multi-focal" to-level="2"> 442 Multifocal 443 </a> 444 <hr class="horizontal-separator"> 445 <p class="header--mega-navbar-list-title">Brand</p> 446 <a href="/contact-lenses/acuvue" title="Acuvue" data-element-id="MainNav_ContactLenses-Acuvue" to-level="2"> 447 Acuvue 448 </a> 449 <a href="/contact-lenses/dailies" title="Dailies" data-element-id="MainNav_ContactLenses-Dailies" to-level="2"> 450 Dailies 451 </a> 452 <a href="/contact-lenses/biofinity" title="Biofinity" data-element-id="MainNav_ContactLenses-Biofinity" to-level="2"> 453 Biofinity 454 </a> 455 <a href="/contact-lenses/opsm-1-day-contacts" title="OPSM" data-element-id="MainNav_ContactLenses-OPSM" to-level="2"> 456 OPSM 457 </a> 458 <a href="/contact-lenses" title="View all brands" data-element-id="MainNav_ContactLenses-View all brands" to-level="2"> 459 View all brands 460 </a> 461 <hr class="horizontal-separator"> 462 <a href="/contact-lenses/solutions-and-accessories" class="strong" title="Shop Solutions & Accessories" data-element-id="MainNav_ContactLenses-ShopSolutionsAccessories">Solutions 463 & Accessories</a> 464 <a href="/contact-lenses-advice/subscription-value-plan" class="align-items-center d-inline-flex gap-8 mb-3 strong" title="Subscription Value Plan" data-element-id="MainNav_ContactLenses-SubscriptionValuePlan">Subscribe & Save 25% <img src="/wcsstore/OPSMStorefrontAssetStore/images/icons/subscription-ico.svg" style="width: 16px;"></a>
465 <a class="button button--secondary--dark js-gr-ddm-reorder-cta mb-n1 reorder-button reorder-button--mob" href="/LogonForm?catalogId=12601&postSignInURL=UserOrderHistory&storeId=10151&langId=-1" title="Reorder your contacts" data-element-id="M_SideMenu_ReorderContacts" data-description="ReorderContacts"> 466 <span class="button--label">Reorder your contacts</span> 467 </a> 468 <a href="/contact-lenses" class="button button--primary--dark" title="Shop All" data-element-id="MainNav_ContactLenses">View all 469 contacts</a> 470 </div> 471 <div class="position-relative dd-banner-box"> 472 <div class="ddm-banner-img"> 473 <img src="https://media.opsm.com/2026/02_February/Superweek/DDM/CL_M.jpg" crossorigin="anonymous"> 474 </div> 475 <div class="align-items-center d-flex flex-column h-100 left-0 position-absolute justify-content-end top-0 w-100" id="rddm-mob-contact-lenses-wrapper"> 476 <div> 477 <div class="text-center w-100"> 478 <a class="button button--primary button--primary--light mx-auto mb-4" href="/contact-lenses" title="Shop now" data-element-id="Contacts_DDM_MainNav_Promo" data-description="ContactsPLP" tabindex="0" style="font-size: 14px;max-width: 200px;"><span class="button--label">Shop now</span></a> 479 480 <div class="d-flex flex-row justify-content-center"> 481 <p style="font-size: 12px;" class="mb-0 text-white"> 482 *Prices as marked. Exclusions and <a class="hover-underline-animation-white d-inline" href="/special-offers#superweek">T&Cs apply</a>. 483 </p> 484 </div> 485 </div> 486 </div> 487 </div> 488 </div> 489 490 491 <style> 492 #rddm-mob-contact-lenses-wrapper { 493 padding: 24px 16px; 494 } 495 496 #rddm-mob-contact-lenses-star { 497 font-size: 15px; 498 position: relative; 499 top: -3px; 500 font-weight: 500; 501 } 502 503 .rddm-mob-contact-lenses-title { 504 font-size: 20px; 505 line-height: 26px; 506 } 507 </style> 508 </div> 509 </div> 510</div> 511
512<script> 513 opsm.utils.setTooltip('#clpromo-ddm-banner .tooltip-ddm-btn'); 514</script>
514 515 516<style> 517 #clpromo-ddm-banner { 518 background: radial-gradient(106.33% 106.33% at 50% 50%, #F7F6F4 0%, #E6E5E0 100%); 519 padding-top: 21px; 520 padding-bottom: 24px; 521 display: flex; 522 flex-direction: column; 523 } 524 525 #clpromo-ddm-banner .bigger-text { 526 font-family: 'termina'; 527 font-weight: 700; 528 font-size: 20px; 529 text-align: center; 530 margin-bottom: 8px; 531 } 532 533 #clpromo-ddm-banner.ddm-banner-box .button { 534 position: static; 535 transform: none; 536 width: 160px; 537 margin: auto; 538 height: 42px; 539 } 540 541 .rddm-mob-cl-title { 542 font-size: 25px; 543 line-height: 32.5px; 544 } 545 546 #rddm-mob-cl-small-star { 547 font-size: 13px; 548 position: relative; 549 top: -8px; 550 } 551</style> 552 553 554</div> 555 556<!-- END Content_UI.jspf --> 557 </div> 558 </div> 559 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-sidebar-contacts-mobile] --> 560</div> 561 562 </li> 563 <li class="sidemenu--item sidemenu--item--in-subnav"> 564 565 566<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-sidebar-frames-mobile] --><!-- BEGIN ContentRecommendation_UI.jspf --> 567 <div id="contentRecommendationWidget_rddm-header-sidebar-frames-mobile" class="contentRecommendationWidget" > 568 569 <div dataci_toolbar="_espot" dataci_espot ="_rddm-header-sidebar-frames-mobile" id="ci_espot__rddm-header-sidebar-frames-mobile"> 570 <!-- BEGIN Content_UI.jspf --> 571<div class="left_espot"> 572 573 574 <div class="sidemenu--item sidemenu--item--has-child"> 575 <a href="#" class="strong" onclick="resetScroll(this)" data-element-id="MainNav_Glasses" to-level="1"> Glasses <span class="icon-chevron-thin-right"></span> </a> 576 <div class="sidemenu--subnav"> 577 <div class="sidemenu--subnav-container d-flex flex-column"> 578 <div class="sidemenu--subnav-header"> 579 <a class="btn btn-link sidemenu--subnav-back-btn" href="javascript:void(0)" data-element-id="MainNav_Glasses-Back" to-level="0"> <span class="icon-chevron-left"></span> </a> 580 <p class="sidemenu--subnav-header-text text-center"> Glasses </p> 581 </div> 582 <div class="sidemenu--subnav-body"> 583 <div class="link-section p-0"> 584 <a href="/womens-glasses" class="text-center" data-element-id="MainNav_Glasses-Women" data-description="Woman"> <img style="width:70px; margin-bottom: 12px;" src="https://media.opsm.com/DDM/eyeglasses-woman.png"> <span class="d-block strong">Women</span> </a> 585 <a href="/mens-glasses" class="text-center" data-element-id="MainNav_Glasses-Men" data-description="Man"> <img style="width:70px; margin-bottom: 12px;" src="https://media.opsm.com/DDM/eyeglasses-man.png"> <span class="d-block strong">Men</span> 586 </a> 587 <a href="/kids-glasses" class="text-center" data-element-id="MainNav_Glasses-Children" data-description="Kid"> <img style="width:70px; margin-bottom: 12px;" src="https://media.opsm.com/DDM/eyeglasses-kids.png"> <span class="d-block strong">Kids</span> </a> 588 </div> 589 590 <hr class="horizontal-separator" /> 591 592 <p class="header--mega-navbar-list-title pt-0">Shop by our picks</p> 593 594 <a href="/glasses/new-arrivals" data-element-id="MainNav_Glasses-NewArrivals">New Arrivals</a> 595 <a href="/glasses/best-sellers" data-element-id="MainNav_Glasses-BestSellers">Best Sellers</a> 596 <!-- <div class="brands-list-new-container"> 597 <a href="/ray-ban-meta" data-element-id="MainNav_Glasses-RayBanMeta">Ray-Ban | Meta</a> 598 <div data-type="New" class="new-pill">New</div> 599 </div> --> 600 <a href="/ray-ban-meta" data-element-id="MainNav_Glasses-RayBanMeta">Ray-Ban | Meta</a> 601 <a href="/oakley-meta" data-element-id="MainNav_Glasses-OakleyMeta">Oakley | Meta</a> 602 <a href="/transitions-lenses" class="" data-element-id="MainNav_Glasses-Transition" data-description="Transition_PLP">Transitions®</a> 603 604 605 606 <hr class="horizontal-separator" /> 607 608 <p class="header--mega-navbar-list-title pt-0">Shop by offer</p> 609 610 <div class="brands-list-new-container">
611 <a href="/glasses/adult-value-package" data-element-id="MainNav_Glasses-RayBanMeta">Frame + Lenses From <span class="font-weight-bold">$129</span>*</a> 612 <div data-type="New" class="new-pill">New</div> 613 </div> 614 <a href="/sale/glasses" class="" style="color: #b58b34" data-element-id="MainNav_Glasses-Sale" data-description="Sale_PLP">Clearance | Up to 50% off 615 <!-- <span class="bg-gold ml-1 px-2 rounded-pill small strong text-white">%</span> --></a> 616 617 <hr class="horizontal-separator" /> 618 619 <p class="header--mega-navbar-list-title pt-0">Shop by lenses</p> 620 <a href="/transitions-lenses" class="" data-element-id="MainNav_Glasses-Transition" data-description="Transition_PLP">Transitions®</a> 621 622 <hr class="horizontal-separator" /> 623 624 <p class="header--mega-navbar-list-title pt-0">Shop by brand</p> 625 <a href="/glasses/ray-ban" title="Ray-Ban" data-element-id="MainNav_Glasses-RayBan"> Ray-Ban </a> 626 <a href="/glasses/oakley" title="Oakley" data-element-id="MainNav_Glasses-Oakley"> Oakley </a> 627 <a href="/glasses/miu-miu" title="Miu Miu" data-element-id="MainNav_Glasses-MiuMiu"> Miu Miu </a> 628 <a href="/glasses/versace" title="Versace" data-element-id="MainNav_Glasses-Versace"> Versace </a> 629 <hr class="horizontal-separator" /> 630 <a href="/frame-advisor-page" class="align-items-center d-inline-flex gap-8 strong" data-element-id="MainNav_GlassesAdvice-FrameFinder"> <img src="https://media.opsm.com/2022/LP/17_FRAME_ADVISOR/ICONS/FrameGenius_Icon.svg" style="height: 16px;filter: brightness(0);"> Find your Frame </a> 631 <a class="button button--primary button--primary--dark py-3 small" style="margin-top: 20px;" data-element-id="Glasses_CTA0" href="/glasses">VIEW ALL GLASSES</a> 632 </div> 633 634 635 <style> 636 .sidemenu--item .brands-list-new-container { 637 align-items: center; 638 gap: 8px; 639 display: inline-flex; 640 } 641 642 .sidemenu--item .brands-list-new-container .new-pill { 643 height: 24px; 644 padding-left: 8px; 645 padding-right: 8px; 646 border-radius: 24px; 647 outline: 0.5px #b58b34 solid; 648 outline-offset: -0.5px; 649 justify-content: center; 650 align-items: center; 651 gap: 10px; 652 display: flex; 653 color: #2d2a26; 654 font-size: 12px; 655 font-family: "Barlow"; 656 font-weight: 600; 657 line-height: 18px; 658 word-wrap: break-word; 659 } 660 </style> 661 662 663 <!-- IF TOOLTIP NEEDED --> 664 665 <!-- <button type="button" class="btn d-block mb-4 mt-auto mx-auto p-0 tooltip-ddm-btn underline xsmall" data-original-title="" title="" tabindex="0">*T&Cs apply</button> 666 <div class="tooltip-content-wrapper d-none"> 667 <div class="tooltip-title"> 668 <p class="mb-0"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor 669 incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. <br> Further 670<a href="/special-offers" tabindex="0">T&Cs apply.</a> </p> 671 </div> 672 <div class="tooltip-template"> 673 <div class="tooltip tc-tooltip-wrapper" role="tooltip"> 674 <div class="arrow"></div> 675 <div class="tooltip-inner"></div> 676 </div> 677 </div> 678 </div> --> 679 680 <!-- IF TOOLTIP NEEDED --> 681 682 <div class="position-relative dd-banner-box"> 683 <div class="ddm-banner-img"> 684 <img src="https://media.opsm.com/2026/02_February/Superweek/DDM/OPT_M.jpg" crossorigin="anonymous"> 685 </div> 686 <div class="align-items-center d-flex flex-column h-100 left-0 position-absolute justify-content-end top-0 w-100" id="rddm-mob-glasses-wrapper"> 687 <div> 688 <div class="text-center w-100"> 689 <a class="button button--primary button--primary--light mx-auto mb-4" href="/promo/eyeglasses" title="Shop now" data-element-id="Glasses_DDM_MainNav_Promo" data-description="GlassesPLP" tabindex="0" style="font-size: 14px;max-width: 200px;"><span class="button--label">Shop now</span></a> 690 691 <div class="d-flex flex-row justify-content-center"> 692 <p style="font-size: 12px;" class="mb-0 text-white"> 693 *Prices as marked. Exclusions and <a class="hover-underline-animation-white d-inline" href="/special-offers#superweek">T&Cs apply</a>. 694 </p> 695 </div> 696 </div> 697 </div> 698 </div> 699 </div> 700 701 <style> 702 #rddm-mob-glasses-wrapper { 703 padding: 24px 16px; 704 } 705 706 #rddm-mob-glasses-star { 707 font-size: 15px; 708 position: relative; 709 top: -7px; 710 font-weight: 500; 711 } 712 713 .rddm-mob-glasses-title { 714 font-size: 35px; 715 line-height: 30px; 716 } 717 718 .rddm-mob-glasses-subtitle { 719 font-size: 22px; 720 line-height: 32px; 721 } 722 723 #rddm-mob-glasses-tooltip-button { 724 padding: 0; 725 height: 24px; 726 } 727
728 .rddm-mob-glasses-popover { 729 height: 20px; 730 padding: 0; 731 border: none; 732 bottom: 3px; 733 left: 3px; 734 position: relative; 735 } 736 </style> 737 </div> 738 </div> 739</div> 740 741 742</div> 743 744<!-- END Content_UI.jspf --> 745 </div> 746 </div> 747 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-sidebar-frames-mobile] --> 748</div> 749 750 </li> 751 <li class="sidemenu--item sidemenu--item--in-subnav"> 752 753 754<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-sidebar-sun-mobile] --><!-- BEGIN ContentRecommendation_UI.jspf --> 755 <div id="contentRecommendationWidget_rddm-header-sidebar-sun-mobile" class="contentRecommendationWidget" > 756 757 <div dataci_toolbar="_espot" dataci_espot ="_rddm-header-sidebar-sun-mobile" id="ci_espot__rddm-header-sidebar-sun-mobile"> 758 <!-- BEGIN Content_UI.jspf --> 759<div class="left_espot"> 760 761 762 <div class="sidemenu--item sidemenu--item--has-child"> 763 <a href="#" onclick="resetScroll(this)" class="strong" data-element-id="MainNav_Sunglasses" to-level="1"> Sunglasses <span class="icon-chevron-thin-right"></span> </a> 764 <div class="sidemenu--subnav"> 765 <div class="sidemenu--subnav-container d-flex flex-column"> 766 <div class="sidemenu--subnav-header"> 767 <a class="btn btn-link sidemenu--subnav-back-btn" href="javascript:void(0)" data-element-id="MainNav_Sunglasses-Back" to-level="0"> <span class="icon-chevron-left"></span> </a> 768 <p class="sidemenu--subnav-header-text text-center"> Sunglasses </p> 769 </div> 770 <div class="sidemenu--subnav-body"> 771 <div class="link-section p-0"> 772 <a href="/womens-sunglasses" class="text-center" data-element-id="" data-description="Woman"> <img style="width:70px; margin-bottom: 12px;" src="https://media.opsm.com/DDM/sunglasses-woman.png"> <span class="d-block strong">Women</span> </a> 773 <a href="/mens-sunglasses" class="text-center" data-element-id="" data-description="Man"> <img style="width:70px; margin-bottom: 12px;" src="https://media.opsm.com/DDM/sunglasses-man.png"> <span class="d-block strong">Men</span> </a> 774 <a href="/kids-sunglasses" class="text-center" data-element-id="" data-description="Kid"> <img style="width:70px; margin-bottom: 12px;" src="https://media.opsm.com/DDM/sunglasses-kids.png"> <span class="d-block strong">Kids</span> </a> 775 </div> 776 777 <hr class="horizontal-separator"> 778 779 <p class="header--mega-navbar-list-title pt-0">Shop by our picks</p> 780 <a href="/sunglasses/new-arrivals" data-element-id="MainNav_Sunglasses-NewArrivals">New Arrivals</a> 781 <a href="/sunglasses/best-sellers" data-element-id="MainNav_Sunglasses-BestSellers">Best Sellers</a> 782 <div class="brands-list-new-container"> 783 <a href="/sunglasses?facet=ads_f44026_ntk_cs%3A%22True%22" data-element-id="MainNav_Sunglasses-Polarised">Polarised</a> 784 <div data-type="New" class="new-pill">New</div> 785 </div> 786 <a href="/ray-ban-meta" data-element-id="MainNav_Sunglasses-RayBanMeta">Ray-Ban | Meta</a> 787 <a href="/oakley-meta" data-element-id="MainNav_Sunglasses-OakleyMeta">Oakley | Meta</a> 788 789 790 <hr class="horizontal-separator"> 791 792 <p class="header--mega-navbar-list-title pt-0">Shop by offer</p> 793 <div class="brands-list-new-container"> 794 <a href="/sale/sunglasses" style="color: #b58b34" data-element-id="MainNav_Sunglasses-RayBanMeta">Clearance | Up to 50% off</a> 795 <div data-type="New" class="new-pill">New</div> 796 </div> 797 798 <hr class="horizontal-separator"> 799 800 <p class="header--mega-navbar-list-title pt-0">Shop by lenses</p> 801 <a href="/lenses#oakley-prizm" data-element-id="MainNav_Glasses-OakleyPrizm" data-description="Oakley® Prizm⢠Lenses">Oakley® Prizm⢠Lenses</a> 802 803 <hr class="horizontal-separator" /> 804 805 <p class="header--mega-navbar-list-title pt-0">Shop by brand</p> 806 <a href="/sunglasses/ray-ban" title="Ray-Ban" data-element-id="MainNav_Sunglasses-RayBan"> Ray-Ban </a> 807 <a href="/sunglasses/oakley" title="Oakley" data-element-id="MainNav_Sunglasses-Oakley"> Oakley </a> 808 <a href="/sunglasses/prada" title="Prada" data-element-id="MainNav_Sunglasses-Prada"> Prada </a> 809 <a href="/sunglasses/ralph" title="Ralph" data-element-id="MainNav_Sunglasses-Ralph"> Ralph </a> 810 <hr class="horizontal-separator"> 811 <a href="/frame-advisor-page" class="align-items-center d-inline-flex gap-8 strong" data-element-id="MainNav_SunglassesAdvice-FrameFinder"> <img src="https://media.opsm.com/2022/LP/17_FRAME_ADVISOR/ICONS/FrameGenius_Icon.svg" style="height: 16px;filter: brightness(0);"> Find your Frame </a> 812 <a class="button button--primary button--primary--dark py-3 small" style="margin-top: 20px;" data-element-id="Sunglasses_CTA0" href="/sunglasses">VIEW ALL SUNGLASSES</a> 813 </div> 814 815 <style> 816 .sidemenu--item .brands-list-new-container { 817 align-items: center; 818 gap: 8px; 819 display: inline-flex; 820 } 821 822 .sidemenu--item .brands-list-new-container .new-pill { 823 height: 24px; 824 padding-left: 8px; 825 padding-right: 8px; 826 border-radius: 24px; 827 outline: 0.5px #b58b34 solid; 828 outline-offset: -0.5px; 829 justify-content: center; 830 align-items: center; 831 gap: 10px; 832 display: flex; 833 color: #2d2a26; 834 font-size: 12px; 835 font-family: "Barlow"; 836 font-weight: 600; 837 line-height: 18px; 838 word-wrap: break-word; 839 } 840 </style> 841 842 <!-- IF TOOLTIP NEEDED --> 843 844 <!-- <button type="button" class="btn d-block mb-3 mt-auto mx-auto p-0 tooltip-ddm-btn underline xsmall" data-original-title="" title="" tabindex="0">*T&Cs apply.</button> 845 <div class="tooltip-content-wrapper d-none"> 846 <div class="tooltip-title"> 847 <p class="mb-0"> *When purchased as part of a complete pair (frame & lenses). Further 848<a href="/special-offers" tabindex="0">T&Cs apply.</a> </p> 849 </div> 850 <div class="tooltip-template"> 851 <div class="tooltip tc-tooltip-wrapper" role="tooltip"> 852 <div class="arrow"></div> 853 <div class="tooltip-inner"></div> 854 </div> 855 </div> 856 </div> --> 857 858 <div class="position-relative dd-banner-box"> 859 <div class="ddm-banner-img"> 860 <img src="https://media.opsm.com/2026/02_February/Superweek/DDM/SUN_M.jpg" crossorigin="anonymous"> 861 </div> 862 <div class="align-items-center d-flex flex-column h-100 left-0 position-absolute justify-content-end top-0 w-100" id="rddm-mob-sunglasses-wrapper"> 863 <div> 864 <div class="text-center w-100"> 865 <a class="button button--primary button--primary--light mx-auto mb-3" href="/promo/sunglasses" title="Shop now" data-element-id="SunglassesDDM_MainNav_Promo" data-description="SunglassesDDM" tabindex="0" style="font-size: 14px;max-width: 200px;"><span class="button--label">Shop now</span></a> 866 867 <div class="d-flex flex-row justify-content-center"> 868 <p style="font-size: 12px;" class="mb-0 text-white"> 869 *Prices as marked. Exclusions and <a class="hover-underline-animation-white d-inline" href="/special-offers#superweek">T&Cs apply</a>. 870 </p> 871 </div> 872 </div> 873 </div> 874 </div> 875 </div> 876 877 <style> 878 #rddm-mob-sunglasses-wrapper { 879 padding: 24px 16px; 880 } 881 882 #rddm-mob-sunglasses-star { 883 font-size: 15px; 884 position: relative; 885 top: -7px; 886 font-weight: 500; 887 } 888 889 .rddm-mob-sunglasses-title { 890 font-size: 35px; 891 line-height: 30px; 892 } 893 894 .rddm-mob-sunglasses-subtitle { 895 font-size: 22px; 896 line-height: 32px; 897 } 898 899 #rddm-mob-sunglasses-tooltip-button { 900 padding: 0; 901 height: 24px; 902 } 903
904 .rddm-mob-sunglasses-popover { 905 height: 20px; 906 padding: 0; 907 border: none; 908 bottom: 3px; 909 left: 3px; 910 position: relative; 911 } 912 </style> 913 </div> 914 </div> 915</div> 916 917 918</div> 919 920<!-- END Content_UI.jspf --> 921 </div> 922 </div> 923 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-sidebar-sun-mobile] --> 924</div> 925 926 </li> 927 <li class="sidemenu--item sidemenu--item--in-subnav"> 928 929 930<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-sidebar-aiglasses-mobile] --><!-- BEGIN ContentRecommendation_UI.jspf --> 931 <div id="contentRecommendationWidget_rddm-header-sidebar-aiglasses-mobile" class="contentRecommendationWidget" > 932 933 <div dataci_toolbar="_espot" dataci_espot ="_rddm-header-sidebar-aiglasses-mobile" id="ci_espot__rddm-header-sidebar-aiglasses-mobile"> 934 <!-- BEGIN Content_UI.jspf --> 935<div class="left_espot"> 936 937 938 <div class="sidemenu--item sidemenu--item--has-child"> 939 <a href="#" class="strong aiglasses--nav-mobile-badge" onclick="resetScroll(this)" data-element-id="MainNav_AIGlasses" to-level="1"> 940 AI Glasses 941 <span class="icon-chevron-thin-right"></span> 942 </a> 943 <div class="sidemenu--subnav"> 944 <div class="sidemenu--subnav-container"> 945 <div class="sidemenu--subnav-header"> 946 <a class="btn btn-link sidemenu--subnav-back-btn" href="javascript:void(0)" data-element-id="MainNav_AIGlasses" to-level="0"> 947 <span class="icon-chevron-left"></span> 948 </a> 949 <p class="sidemenu--subnav-header-text text-center">AI Glasses</p> 950 </div> 951 <div class="sidemenu--subnav-body"> 952 <p class="header--mega-navbar-list-title">Shop By</p> 953 <a href="/ray-ban-meta" title="Ray-Ban Meta" data-element-id="MainNav_RayBanMeta" class="sidemenu--subnav-list-newBadge" to-level="2"> 954 Ray-Ban Meta 955 </a> 956 <a href="/oakley-meta" title="Oakley Meta" data-element-id="MainNav_OakleyMeta" to-level="2"> 957 Oakley Meta 958 </a> 959 960 <hr class="horizontal-separator" /> 961 <p class="header--mega-navbar-list-title">Discover</p> 962 <a href="/discover-ray-ban-meta-ai-glasses" class="sidemenu--subnav-list-newBadge" data-element-id="MainNav_RayBan_Meta">Discover Ray-Ban Meta (Gen 3)</a> 963 <a href="/discover-oakley-meta-ai-glasses" data-element-id="MainNav_Oakley_Meta">Discover Oakley Meta</a> 964 <a href="/faqs" data-element-id="FAQs">FAQs</a> 965 966 <a href="/ai-glasses" class="button button--primary--dark button-ai-mobile" title="Shop All" data-element-id="MainNav_AIGlasses">View all AI Glasses</a> 967 </div> 968 969 <div class="position-relative dd-banner-box"> 970 <div class="ddm-banner-img"> 971 <img src="https://media.opsm.com/2026/09_September/ADAPTATIONS/DDM_Banner_M.png" alt="AI Glasses banner" loading="lazy" crossorigin="anonymous"> 972 </div> 973 <div class="align-items-center d-flex flex-column h-100 left-0 pt-4 px-4 position-absolute justify-content-end top-0 w-100" style="padding-bottom: 16px;"> 974 975 <div class="text-center"> 976 977 <a class="button button--primary button--primary--light mx-auto" href="/ai-glasses" title="Shop now" data-element-id="AIGlasses_DDM_MainNav_Promo" data-description="RBMetaPLP" tabindex="0" style="font-size: 14px;max-width: 200px; height: 48px;"><span class="button--label">Shop now</span></a> 978 979 <!-- <div class="text-center w-100 d-flex flex-row justify-content-center align-items-center"> 980 <p style="font-size: 10px;" class="mb-0"> 981 *When purchased as a complete pair (AI frame + lenses). <a class="hover-underline-animation-dark d-inline" href="/special-offers#technology-offer">T&Cs apply</a>. 982 </p> 983 </div> --> 984 </div> 985 </div> 986 </div> 987 </div> 988 </div> 989 990 <style>
991 .sidemenu--subnav-list-newBadge { 992 display: flex; 993 align-items: center 994 } 995 996 .sidemenu--subnav-list-newBadge::after { 997 content: "New"; 998 margin-left: 10px; 999 padding: 8px; 1000 background-color: white; 1001 border: 0.5px solid #B58B34; 1002 top: -6px; 1003 right: -6px; 1004 font-size: 10px; 1005 line-height: 1; 1006 padding: 4px 6px; 1007 border-radius: 24px; 1008 color: #2D2A26; 1009 font-family: "Barlow"; 1010 line-height: 1.5; 1011 font-size: 12px; 1012 font-weight: 600; 1013 letter-spacing: 0.5px; 1014 } 1015 1016 .button-ai-mobile { 1017 margin-top: 20px; 1018 } 1019 1020 .aiglasses--nav-mobile-badge { 1021 display: flex !important; 1022 align-items: center; 1023 } 1024 1025 .aiglasses--nav-mobile-badge::after { 1026 content: url("https://media.opsm.com/DDM/nav-aiglasses-mobile-badge.svg"); 1027 margin-left: 16px; 1028 display: flex; 1029 align-items: center; 1030 width: 24px; 1031 height: 24px; 1032 color: #b58b34; 1033 } 1034 1035 #rddm-aiglasses-mob-upper-title { 1036 font-size: 14px; 1037 } 1038 1039 #rddm-aiglasses-mob-title { 1040 font-size: 25px; 1041 } 1042 1043 #rddm-aiglasses-mob-copy { 1044 font-size: 16px; 1045 } 1046 </style> 1047</div> 1048 1049<!--
1049<script> 1050 opsm.utils.setTooltip('#rddm-aiglasses-mob-tooltip-button'); 1051</script>
1051 --> 1052 1053 1054</div> 1055 1056<!-- END Content_UI.jspf --> 1057 </div> 1058 </div> 1059 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-sidebar-aiglasses-mobile] --> 1060</div> 1061 1062 </li> 1063 <li class="sidemenu--item sidemenu--item--in-subnav"> 1064 1065 1066<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-sidebar-lenses-mobile] --><!-- BEGIN ContentRecommendation_UI.jspf --> 1067 <div id="contentRecommendationWidget_rddm-header-sidebar-lenses-mobile" class="contentRecommendationWidget" > 1068 1069 <div dataci_toolbar="_espot" dataci_espot ="_rddm-header-sidebar-lenses-mobile" id="ci_espot__rddm-header-sidebar-lenses-mobile"> 1070 <!-- BEGIN Content_UI.jspf --> 1071<div class="left_espot"> 1072 1073 1074 <!-- <a href="/glasses-advice/prescription-lenses" class="strong" title="Prescription Lenses" data-element-id="MainNav_Lenses"> 1075 Lenses 1076</a> --> 1077 1078<style> 1079 /* ul.list-unstyled.sidemenu--subnav-list > li.sidemenu--item.sidemenu--item--in-subnav:nth-child(5), */ 1080 ul.list-unstyled.sidemenu--subnav-list > li.sidemenu--item.sidemenu--item--in-subnav:nth-child(6) { 1081 padding-bottom: 0; 1082 } 1083</style> 1084 1085 1086</div> 1087 1088<!-- END Content_UI.jspf --> 1089 </div> 1090 </div> 1091 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-sidebar-lenses-mobile] --> 1092</div> 1093 1094 </li> 1095 <li class="sidemenu--item sidemenu--item--in-subnav"> 1096 1097 1098<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-sidebar-brands-mobile] --><!-- BEGIN ContentRecommendation_UI.jspf --> 1099 <div id="contentRecommendationWidget_rddm-header-sidebar-brands-mobile" class="contentRecommendationWidget" > 1100 1101 <div dataci_toolbar="_espot" dataci_espot ="_rddm-header-sidebar-brands-mobile" id="ci_espot__rddm-header-sidebar-brands-mobile"> 1102 <!-- BEGIN Content_UI.jspf --> 1103<div class="left_espot"> 1104 1105 1106 <div class="sidemenu--item sidemenu--item--has-child"> 1107 <a href="#" onclick="resetScroll(this)" class="strong" data-element-id="MainNav_Brands" to-level="1"> 1108 Brands 1109 <span class="icon-chevron-thin-right"></span> 1110 </a> 1111 <div class="sidemenu--subnav"> 1112 <div class="sidemenu--subnav-container d-flex flex-column"> 1113 <div class="sidemenu--subnav-header"> 1114 <a class="btn btn-link sidemenu--subnav-back-btn" href="javascript:void(0)" data-element-id="MainNav_Brands-Back" to-level="0"> 1115 <span class="icon-chevron-left"></span> 1116 </a> 1117 <p class="sidemenu--subnav-header-text text-center">Brands</p> 1118 </div> 1119 <div class="sidemenu--subnav-body" style="padding-left: 32px; padding-bottom: 24px"> 1120 <div class="sidemenu--subnav-brands-icons"> 1121 <p>Our favourite brands</p> 1122 <div class="brands-wrapper d-grid"> 1123 <a href="/ray-ban" class="brands-btn"> 1124 <img src="https://media.opsm.com/2022/HP/LOGOS/Ray_Ban_DDM.svg" style="max-width: 72px" /> 1125 </a> 1126 <a href="/oakley" class="brands-btn"> 1127 <img src="https://media.opsm.com/DDM/oakley.svg" style="max-width: 72px" /> 1128 </a> 1129 <a href="/versace" class="brands-btn"> 1130 <img src="https://media.opsm.com/DDM/versace.svg" style="max-width: 99px" /> 1131 </a> 1132 <a href="/prada" class="brands-btn"> 1133 <img src="https://media.opsm.com/DDM/Prada.svg" /> 1134 </a> 1135 <a href="/miu-miu" class="brands-btn"> 1136 <img src="https://media.opsm.com/DDM/Miu_Miu.svg" /> 1137 </a> 1138 <a href="/ralph" class="brands-btn"> 1139 <img src="https://media.opsm.com/DDM/ralph.svg" style="max-width: 100px" /> 1140 </a> 1141 <a href="/vogue" class="brands-btn"> 1142 <img src="https://media.opsm.com/Logo_Brands/Vogue.svg" /> 1143 </a> 1144 <a href="/tiffany-and-co" class="brands-btn"> 1145 <img src="https://media.opsm.com/2024/Logos/Tiffany.svg" /> 1146 </a> 1147 </div> 1148 </div> 1149 </div> 1150 <div class="brands-list-anchors-container"> 1151 <div class="brands-list-wrapper"> 1152 <p class="brands-list-title">a - z</p> 1153 <!-- <div class="brands-list-new-container"> 1154 <a class="brands-list-anchors" href="/ai-glasses">AI Glasses</a> 1155 <div data-type="New" class="new-pill">New</div> 1156 </div> --> 1157 <a class="brands-anchor" href="/alain-mikli">Alain Mikli</a> 1158 <a class="brands-anchor" href="/armani-exchange">Armani Exchange</a> 1159 <a class="brands-anchor" href="/arnette">Arnette</a> 1160 <a class="brands-list-anchors" href="/bolon-eyewear">Bolon</a> 1161 <!-- <a class="brands-anchor" href="/brooks-brothers">Brooks Brothers</a> 1162 <a class="brands-anchor" href="/brunello-cucinelli">Brunello Cucinelli</a> --> 1163 <a class="brands-anchor" href="/burberry">Burberry</a> 1164 <div class="brands-list-new-container"> 1165 <a class="brands-list-anchors" href="/celine">Celine</a> 1166 <div data-type="New" class="new-pill">New</div> 1167 </div>
1168 <a class="brands-anchor" href="/coach">Coach</a> 1169 <a class="brands-anchor" href="/costa-del-mar">Costa</a> 1170 <div class="brands-list-new-container"> 1171 <a class="brands-list-anchors" href="/dior">Dior</a> 1172 <div data-type="New" class="new-pill">New</div> 1173 </div> 1174 <a class="brands-anchor" href="/dolce-and-gabbana">Dolce&Gabbana</a> 1175 <a class="brands-anchor" href="/emporio-armani">Emporio Armani</a> 1176 <!-- <a class="brands-anchor" href="/ferrari">Ferrari</a> --> 1177 <a class="brands-anchor" href="/giorgio-armani">Giorgio Armani</a> 1178 <a class="brands-anchor" href="/gucci">Gucci</a> 1179 <a class="brands-list-anchors" href="/jimmy-choo">Jimmy Choo</a> 1180 <!-- <div class="brands-list-new-container"> 1181 <a class="brands-list-anchors" href="/jimmy-choo">Jimmy Choo</a> 1182 <div data-type="New" class="new-pill">New</div> 1183 </div> --> 1184 <a class="brands-anchor" href="/michael-kors">Michael Kors</a> 1185 <!-- <a class="brands-anchor" href="/glasses/miraflex">Miraflex</a> --> 1186 <a class="brands-anchor" href="/miu-miu">Miu Miu</a> 1187 <!-- <div class="brands-list-new-container"> 1188 <a class="brands-list-anchors" href="/moncler">Moncler</a> 1189 <div data-type="New" class="new-pill">New</div> 1190 </div> --> 1191 <a class="brands-list-anchors" href="/moncler">Moncler</a> 1192 <a class="brands-anchor" href="/discover-nuance-audio">Nuance Audio</a> 1193 <a class="brands-anchor" href="/oakley">Oakley</a> 1194 <a class="brands-list-anchors" href="/oakley-meta">Oakley Meta</a> 1195 <a class="brands-anchor" href="/oliver-peoples">Oliver Peoples</a> 1196 <!-- <a class="brands-anchor" href="/glasses/opsm">OPSM</a> --> 1197 <a class="brands-list-anchors" href="/oroton">Oroton</a> 1198 <a class="brands-anchor" href="/persol">Persol</a> 1199 <a class="brands-anchor" href="/polo-ralph-lauren">Polo Ralph Lauren</a> 1200 <a class="brands-anchor" href="/prada">Prada</a> 1201 <a class="brands-anchor" href="/prada-linea-rossa">Prada Linea Rossa</a> 1202 <a class="brands-anchor" href="/ralph">Ralph</a> 1203 <a class="brands-anchor" href="/ray-ban">Ray-Ban</a> 1204 <a class="brands-list-anchors" href="/ray-ban-meta">Ray-Ban Meta</a> 1205 <a class="brands-anchor" href="/scuderia-ferrari">Scuderia Ferrari</a> 1206 <a class="brands-anchor" href="/sferoflex">Sferoflex</a> 1207 <a class="brands-anchor" href="/swarovski">Swarovski</a> 1208 <a class="brands-anchor" href="/tiffany-and-co">Tiffany & Co.</a> 1209 <a class="brands-anchor" href="/tom-ford">Tom Ford</a> 1210 <a class="brands-anchor" href="/versace">Versace</a> 1211 <a class="brands-anchor" href="/vogue">Vogue Eyewear</a> 1212 </div> 1213 </div> 1214 </div> 1215 </div> 1216 1217 <style> 1218 .sidemenu--subnav-body .link-section { 1219 display: grid; 1220 grid-template-columns: 1fr 1fr 1fr; 1221 column-gap: 28px; 1222 } 1223 1224 .sidemenu--subnav-body .sidemenu--subnav-brands-icons { 1225 width: 100%; 1226 height: 100%; 1227 position: relative; 1228 background: #ffffff; 1229 overflow: hidden; 1230 flex-direction: column; 1231 justify-content: flex-start; 1232 align-items: flex-start; 1233 gap: 16px; 1234 display: inline-flex; 1235 } 1236 1237 .sidemenu--subnav-body .sidemenu--subnav-brands-icons .brands-wrapper { 1238 grid-template-columns: auto auto; 1239 gap: 8px; 1240 grid-template-rows: repeat(auto-fill, minmax(0, 64px)); 1241 } 1242 1243 .sidemenu--subnav-body .sidemenu--subnav-brands-icons a { 1244 width: 100%; 1245 border-radius: 8px; 1246 outline: 1px #e5e5e5 solid; 1247 outline-offset: -1px; 1248 flex-direction: column; 1249 justify-content: center; 1250 align-items: center; 1251 display: inline-flex; 1252 border: none; 1253 background-color: transparent; 1254 } 1255 1256 .sidemenu--subnav-body .sidemenu--subnav-brands-icons>p { 1257 align-self: stretch; 1258 color: black; 1259 font-size: 14px; 1260 font-family: "Barlow"; 1261 font-weight: 700; 1262 text-transform: uppercase; 1263 line-height: 21px; 1264 word-wrap: break-word; 1265 } 1266 1267 .sidemenu--subnav-container .brands-list-anchors-container { 1268 padding-bottom: 40px; 1269 border-top: 1px solid #e5e5e5; 1270 margin-left: 32px; 1271 margin-right: 32px; 1272 padding-top: 24px; 1273 } 1274 1275 .sidemenu--subnav-container .brands-list-wrapper { 1276 flex-direction: column; 1277 justify-content: flex-start; 1278 align-items: flex-start; 1279 gap: 20px; 1280 display: flex; 1281 } 1282 1283 .sidemenu--subnav-container .brands-list-wrapper .brands-list-title { 1284 color: black; 1285 font-size: 14px; 1286 font-family: "Barlow"; 1287 font-weight: 700; 1288 text-transform: uppercase; 1289 line-height: 21px; 1290 word-wrap: break-word; 1291 margin: 0; 1292 } 1293 1294 .sidemenu--subnav-container .brands-list-wrapper .brands-anchor { 1295 color: #222222; 1296 font-size: 16px; 1297 font-family: "Barlow"; 1298 font-weight: 400; 1299 line-height: 24px; 1300 word-wrap: break-word; 1301 } 1302 1303 .sidemenu--subnav-container .brands-list-new-container { 1304 align-items: center; 1305 gap: 8px; 1306 display: inline-flex; 1307 } 1308 1309 .sidemenu--subnav-container .brands-list-new-container .new-pill { 1310 height: 24px; 1311 padding-left: 8px; 1312 padding-right: 8px; 1313 border-radius: 24px; 1314 outline: 0.5px #b58b34 solid; 1315 outline-offset: -0.5px; 1316 justify-content: center; 1317 align-items: center; 1318 gap: 10px; 1319 display: flex; 1320 color: #2d2a26; 1321 font-size: 12px; 1322 font-family: "Barlow"; 1323 font-weight: 600; 1324 line-height: 18px; 1325 word-wrap: break-word; 1326 } 1327 </style> 1328</div> 1329 1330 1331</div> 1332 1333<!-- END Content_UI.jspf --> 1334 </div> 1335 </div> 1336 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-sidebar-brands-mobile] --> 1337</div> 1338 1339 </li> 1340 <li class="sidemenu--item sidemenu--item--in-subnav"> 1341 1342 1343<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-sidebar-eyecare-mobile] --><!-- BEGIN ContentRecommendation_UI.jspf --> 1344 <div id="contentRecommendationWidget_rddm-header-sidebar-eyecare-mobile" class="contentRecommendationWidget" > 1345 1346 <div dataci_toolbar="_espot" dataci_espot ="_rddm-header-sidebar-eyecare-mobile" id="ci_espot__rddm-header-sidebar-eyecare-mobile"> 1347 <!-- BEGIN Content_UI.jspf --> 1348<div class="left_espot"> 1349 1350 1351 <div class="sidemenu--item sidemenu--item--has-child"> 1352 <a href="#" class="strong" onclick="resetScroll(this)" data-element-id="MainNav_OurServices" to-level="1">Our Services<span class="icon-chevron-thin-right"></span> </a> 1353 <div class="sidemenu--subnav"> 1354 <div class="sidemenu--subnav-container d-flex flex-column"> 1355 <div class="sidemenu--subnav-header"> <a class="btn btn-link sidemenu--subnav-back-btn" href="javascript:void(0)" data-element-id="MainNav_OurServices" to-level="0"> <span class="icon-chevron-left"></span> </a> 1356 <p class="sidemenu--subnav-header-text text-center">Our Services</p> 1357 </div> 1358 1359 1360 <div class="sidemenu--subnav-body"> 1361 <p class="header--mega-navbar-list-title pt-0">EYECARE</p> 1362 <a href="/eye-care/eye-tests" title="Claim Health Fund Benefits" data-element-id="MainNav_OurServices-TyroHealth">Eye Tests</a> 1363 <a href="/eye-care/dry-eye-technology" title="Claim Health Fund Benefits" data-element-id="MainNav_OurServices-TyroHealth" class="sidemenu--subnav-list-newB
1363adge">Dry Eye Treatment</a> 1364 <a href="/eye-care/eye-technology" title="Claim Health Fund Benefits" data-element-id="MainNav_OurServices-TyroHealth">Eye Test Technology</a> 1365 <a href="/myopia-control-lenses" title="Claim Health Fund Benefits" data-element-id="MainNav_OurServices-TyroHealth">Myopia Testing</a> 1366 <a href="/lenses" title="Claim Health Fund Benefits" data-element-id="MainNav_OurServices-TyroHealth">Our Lenses</a> 1367 1368 1369 1370 <hr class="horizontal-separator"> 1371 1372 <p class="header--mega-navbar-list-title">AUDIOLOGY SERVICES</p> 1373 1374 <a href="/book-an-eye-test?storeService=audio" title="Book a Hearing Test" data-element-id="MainNav_OurServices-BulkBilling">Book a Hearing Test</a> 1375 <a href="/hearing-care" title="Hearing care" data-element-id="MainNav_UsefulInformation-HearingCare">Hearing care</a> 1376 1377 1378 1379 <hr class="horizontal-separator"> 1380 1381 <p class="header--mega-navbar-list-title">BUYING ONLINE</p> 1382 1383 <a href="/tyro-health" title="Book An Eye Test" data-element-id="MainNav_BookAnEyeTest">Claim Health Fund Benefits</a> 1384 <a href="/contact-lenses-advice/subscription-value-plan" title="Eye Tests" data-element-id="MainNav_OurServices-EyeTests">Subscribe & Save 25%</a> 1385 <!-- <a href="/vision-plan" title="Vision Plan" data-element-id="MainNav_OurServices-VisionPlan">Vision Planâ¢</a> --> 1386 1387 1388 1389 1390 <hr class="horizontal-separator"> 1391 1392 <p class="header--mega-navbar-list-title">USEFUL INFORMATION</p> 1393 1394 <a href="/eye-care/benefits/bulk-billing" title="Bulk Billing" data-element-id="MainNav_OurServices-BulkBilling">Bulk Billing</a> 1395 <a href="/eye-care/workplace-services" title="Workplace Services" data-element-id="MainNav_OurServices-WorkplaceServices">Workplace Services</a> 1396 <a href="/faqs" title="FAQs" data-element-id="MainNav_OurServices-FAQs">FAQs</a> 1397 <a href="/dedicated-to-everyday-excellence" title="Dedicated to Everyday Excellence" data-element-id="MainNav_OurServices-DTEE">Dedicated to Everyday Excellence</a> 1398 </div> 1399 1400 1401 <div class="position-relative ddm-banner-box" id="our-services-banner"> <img src="https://media.opsm.com/DDM/BET_M.jpg" alt="Book a test banner" class="w-100"> 1402 <div class="d-flex justify-content-center w-100"><a href="/book-an-eye-test" class="button button--primary--light position-absolute xsmall" data-element-id="MainNav_Promo" data-description="Show now">book an eye test</a></div> 1403 </div> 1404 </div> 1405 </div> 1406</div> 1407<style> 1408 @media screen and (max-width: 992px) { 1409 #our-services-banner .button { 1410 bottom: 24px; 1411 } 1412 } 1413</style> 1414 1415 1416</div> 1417 1418<!-- END Content_UI.jspf --> 1419 </div> 1420 </div> 1421 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-sidebar-eyecare-mobile] --> 1422</div> 1423 1424 </li> 1425 <li class="sidemenu--item sidemenu--item--in-subnav"> 1426 1427 1428<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-sidebar-gift-mobile] --><!-- BEGIN ContentRecommendation_UI.jspf --> 1429 <div id="contentRecommendationWidget_rddm-header-sidebar-gift-mobile" class="contentRecommendationWidget" > 1430 1431 <div dataci_toolbar="_espot" dataci_espot ="_rddm-header-sidebar-gift-mobile" id="ci_espot__rddm-header-sidebar-gift-mobile"> 1432 <!-- BEGIN Content_UI.jspf --> 1433<div class="left_espot"> 1434 1435 1436 <a href="/special-offers" class="strong" title="Special Offers" data-element-id="MainNav_SpecialOffers"> 1437 Special Offers 1438</a> 1439 1440 1441</div> 1442 1443<!-- END Content_UI.jspf --> 1444 </div> 1445 </div> 1446 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-sidebar-gift-mobile] --> 1447</div> 1448 1449 </li> 1450 1451 1452 </ul> 1453 </div> 1454 <div class="sidemenu--subnav-bottom-section level-0"> 1455 1456 1457<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-sidebar-linkslist-mobile] --><!-- BEGIN ContentRecommendation_UI.jspf --> 1458 <div id="contentRecommendationWidget_rddm-header-sidebar-linkslist-mobile" class="contentRecommendationWidget" > 1459 1460 <div dataci_toolbar="_espot" dataci_espot ="_rddm-header-sidebar-linkslist-mobile" id="ci_espot__rddm-header-sidebar-linkslist-mobile"> 1461 <!-- BEGIN Content_UI.jspf --> 1462<div class="left_espot"> 1463 1464 1465 <ul class="list-unstyled sidemenu--other-links"> 1466 <li> 1467 <a class="d-flex align-items-center" href="/book-an-eye-test" title="Book eye test"> 1468 <img src="https://media.opsm.com/DDM/book-an-eye-test.png" style="width:24px" class="mr-3"> Book an eye test 1469 </a> 1470 </li> 1471 <li> 1472 <a class="d-flex align-items-center" href="/eye-care/benefits/health-funds" 1473 title="Book eye test"> 1474 <img src="https://media.opsm.com/DDM/health-funds.png" style="width:24px" class="mr-3"> Health Funds 1475 </a> 1476 </li> 1477 <li> 1478 <a class="d-flex align-items-center" href="/find-store" title="Locations"> 1479 <img src="https://media.opsm.com/DDM/store-locator.png" style="width:24px" class="mr-3"> Find A Store 1480 </a> 1481 </li> 1482 <li> 1483 <a class="d-flex align-items-center" href="/favourites" title="Log in"> 1484 <img src="https://media.opsm.com/DDM/heart-mob.png" style="width:24px" class="mr-3"> Favourites 1485 </a> 1486 </li> 1487</ul> 1488
1489<script> 1490function resetScroll(el) { 1491let targetSubmenu = $(el).next(".sidemenu--subnav"); 1492 1493setTimeout(function() { 1494$(targetSubmenu).find(".sidemenu--subnav-container").scrollTop(0) 1495}, 5); 1496 1497 1498 1499} 1500</script>
1500 1501 1502 1503</div> 1504 1505<!-- END Content_UI.jspf --> 1506 </div> 1507 </div> 1508 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-sidebar-linkslist-mobile] --> 1509</div> 1510 1511 </div> 1512 1513 1514 </div> 1515 </div> 1516 </div> 1517 </div> 1518 </div> 1519 </div> 1520</div> 1521 1522 1523<header class="header" role="banner" data-element-id="MainNav"> 1524 <div class="header-wrapper aos-init aos-animate"> 1525 1526 1527<div class="emarketingspot"><!-- Begin EmarketingSpot [X_IT_Util_Top_Header] --><!-- End EmarketingSpot [X_IT_Util_Top_Header] --> 1528</div> 1529 1530 1531 <div class="bg-black align-items-center d-grid grid-3-col" id="pre-header-strip"> 1532 1533 1534<div class="emarketingspot"><!-- Begin EmarketingSpot [X_Header_Left_Espot] --><!-- BEGIN ContentRecommendation_UI.jspf --> 1535 <div id="contentRecommendationWidget_X_Header_Left_Espot" class="contentRecommendationWidget" > 1536 1537 <div dataci_toolbar="_espot" dataci_espot ="_X_Header_Left_Espot" id="ci_espot__X_Header_Left_Espot"> 1538 <!-- BEGIN Content_UI.jspf --> 1539<div class="left_espot"> 1540 1541 1542 <a href="/find-store" data-element-id="HomepageBannerPlacementLeft_OEE_Open" class="text-white strong xsmall d-lg-inline-flex align-items-center py-2 ml-5 d-none"> 1543 <span class="icon icon-location strong mr-2"></span> 1544 <span class="hover-underline-animation-white">Find a store</span> 1545</a> 1546 1547<style> 1548 .header--mega-navbar-contents-container .ddm-banner-img { 1549 width: 390px; 1550 } 1551 1552 1553 1554 1555 1556 /* HIDE GLOBAL BANNER ON BET AND FIND A STORE */ 1557 1558 1559 body.hide-global-banner-page header.header { 1560 height: 61px !important; 1561 } 1562 1563 body.hide-global-banner-page #pre-header-strip { 1564 display: none !important; 1565 } 1566 1567 /* HIDE GLOBAL BANNER ON BET AND FIND A STORE */ 1568 1569 1570 1571 1572 1573 /* FIX HP BESTSELLERS CAROUSEL */ 1574 1575 @media screen and (max-width: 992px) { 1576 .popular-products>.popular-products--slide>.compact-width>.container-fluid { 1577 padding-left: 0; 1578 padding-right: 0; 1579 } 1580 1581 .popular-products>.popular-products--slide>.compact-width>.container-fluid>.popular-products--inner>.slick-next.slick-arrow { 1582 display: none !important; 1583 } 1584 } 1585 1586 input::-ms-clear, 1587 input::-ms-reveal { 1588 display: none; 1589 } 1590</style> 1591 1592
1593<script> 1594 (function () { 1595 var path = window.location.pathname; 1596 var hideBannerPaths = [ 1597 '/book-an-eye-test', 1598 '/find-store', 1599 '/ResetPasswordForm', 1600 '/faqs', 1601 '/terms-of-use', 1602 '/sign-in', 1603 '/ReLogonFormView', 1604 '/LogonForm', 1605 '/contact-opsm', 1606 '/privacy-policy', 1607 '/ThankYou', 1608 '/AppointmentDetails', 1609 '/BookingConfirmationView' 1610 ]; 1611 var shouldHideBanner = hideBannerPaths.some(function (hidePath) { 1612 return path.indexOf(hidePath) !== -1; 1613 }); 1614 if (shouldHideBanner) { 1615 document.body.classList.add('hide-global-banner-page'); 1616 } 1617 })(); 1618</script>
1618 1619 1620 1621</div> 1622 1623<!-- END Content_UI.jspf --> 1624 </div> 1625 </div> 1626 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [X_Header_Left_Espot] --> 1627</div> 1628 1629 1630<div class="emarketingspot"><!-- Begin EmarketingSpot [X_Header_Carousel_Espot] --><!-- BEGIN ContentRecommendation_UI.jspf --> 1631 <div id="contentRecommendationWidget_X_Header_Carousel_Espot" class="contentRecommendationWidget" > 1632 1633 <div dataci_toolbar="_espot" dataci_espot ="_X_Header_Carousel_Espot" id="ci_espot__X_Header_Carousel_Espot"> 1634 <!-- BEGIN Content_UI.jspf --> 1635<div class="left_espot"> 1636 1637 1638 <div class="d-grid justify-content-center position-relative promo-carousel-wrapper" style="grid-template-columns:minmax(0,480px);"> 1639 <button type="button" data-analytics_available_call="0" class="slick-prev slick-arrow custom-prev">Previous</button> 1640 1641 <!-- Carousel --> 1642 <div style="max-width: 100%;" id="promo-carousel" data-element-id='HeaderStrip_CTA'> 1643 1644 <!-- SUPERWEEK CD --> 1645 <!-- <div class="small text-center text-white" id="countdown-tab-mobile">Sale ends in: <span data-countdown-end-date="02/08/2026" data-countdown-end-time="23:59:59" class="countdown strong"></span></div> --> 1646 1647 <!-- SUPERWEEK 1 --> 1648 <div class="small text-center"> 1649 <a class="btn text-white small p-0 gb-slide" href="/contact-lenses" data-element-id="Header_Carousel_Superweek1" data-description="GBCarouselSuperweek1"> 1650 20% OFF CONTACT LENSES*<span id="ddm-shop-now-btn-1"> <span class="strong hover-underline-animation-white">SHOP NOW</span></span> 1651 </a> 1652 </div> 1653 1654 <!-- SUPERWEEK 2 --> 1655 <div class="small text-center"> 1656 <a class="btn text-white small p-0 gb-slide" href="/promo" data-element-id="Header_Carousel_Superweek2" data-description="GBCarouselSuperweek2"> 1657 25% OFF FRAMES*<span id="ddm-shop-now-btn-2"> <span class="strong hover-underline-animation-white">SHOP NOW</span></span> 1658 </a> 1659 </div> 1660 1661 <!-- TELECOMANDO --> 1662 <div class="text-center"> 1663 <button type="button" class="btn strong text-white hover-underline-animation-white small p-0" data-toggle="modal" data-target="#promo-modal"> 1664 Discover other offers 1665 </button> 1666 </div> 1667 1668 </div> 1669 <button type="button" data-analytics_available_call="0" class="slick-next slick-arrow custom-next">Next</button> 1670</div> 1671 1672 1673
1674<script> 1675 1676 $(document).ready(function () { 1677 1678 1679 //hide CTAs (Shop now, Learn more...) only at cart page 1680 if ($('#cartpage').length) { 1681 $('[id^=ddm-shop-now-btn]').each(function () { 1682 $(this).addClass('d-none'); 1683 }); 1684 } 1685 1686 //show CTA only at cart if not empty and if no promocode applied 1687 1688 if ($('[id^=ddm-promo-cta]').length && $('.main-container.OrderItemDisplay').length && 1689 $('#cartCount').val() > 0) { 1690 1691 $('[id^=ddm-shop-now-btn]').each(function () { 1692 $(this).addClass('d-none'); 1693 }); 1694 1695 if ($('#promo-code-ok').length == 0) { 1696 $('[id^=ddm-promo-cta]').each(function () { 1697 $(this).removeClass('d-none') 1698 }); 1699 1700 if ($('#promo-carousel.slick-initialized').length) { 1701 $('#promo-carousel').trigger('init'); 1702 } 1703 } 1704 } 1705 1706 $('#promo-carousel').slick({ 1707 dots: false, 1708 autoplay: true, 1709 slidesToShow: 1, 1710 slidesToScroll: 1, 1711 autoplaySpeed: 10000, 1712 prevArrow: $('.custom-prev'), 1713 nextArrow: $('.custom-next') 1714 }); 1715 1716 1717 //countDown 1718 if ($('.promo-carousel-wrapper .countdown').length > 0) { 1719 $('.promo-carousel-wrapper .countdown').each(function () { 1720 1721 var el = $(this); 1722 var endDateArray = el.data("countdown-end-date").split('/').reverse(); 1723 var endTimeArray = el.data("countdown-end-time").split(':'); 1724 // endDateArray[1] - 1 because months span from 0 to 11 where 0 is January and 11 is December 1725 var dateFormatted = new Date(endDateArray[0], endDateArray[1] - 1, endDateArray[2], ( 1726 endTimeArray[0]) ? endTimeArray[0] : '23', (endTimeArray[1]) ? endTimeArray[1] : 1727 '59', (endTimeArray[2]) ? endTimeArray[2] : '59', (endTimeArray[3]) ? endTimeArray[ 1728 3] : '00'); 1729 var endDateTime = dateFormatted.getTime(); 1730 console.log("dateFormatted", dateFormatted); 1731 setInterval(function () { 1732 var currentDateTime = new Date().getTime(); 1733 var dateDiff = endDateTime - currentDateTime; 1734 1735 var daysDiff = Math.floor(dateDiff / (1000 * 60 * 60 * 24)); 1736 var hoursDiff = Math.floor((dateDiff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); 1737 var minutesDiff = Math.floor((dateDiff % (1000 * 60 * 60)) / (1000 * 60)); 1738 var secondsDiff = Math.floor((dateDiff % (1000 * 60)) / 1000); 1739 if (daysDiff > 0) { 1740 $(el).html(daysDiff + "d " + hoursDiff + "h " + minutesDiff + "m " + 1741 secondsDiff + 1742 "s "); 1743 } else { 1744 $(el).html(hoursDiff + "h " + minutesDiff + "m " + secondsDiff + "s"); 1745 } 1746 }, 1000); 1747 1748 }); 1749 } 1750 }) 1751</script>
1751 1752 1753<style> 1754 /* SUPERWEEK */ 1755 1756 #pre-header-strip { 1757 background-color: #642526; 1758 } 1759 1760 /* END SUPERWEEK */ 1761 1762 @media (min-width: 1400px) { 1763 .d-xxl-block { 1764 display: block !important; 1765 } 1766 1767 .d-xxl-none { 1768 display: none !important; 1769 } 1770 } 1771 1772 .gb-slide:hover>.hover-underline-animation-white::before { 1773 transform: scaleX(0); 1774 transform-origin: bottom left; 1775 } 1776 1777 #promo-carousel { 1778 margin: auto; 1779 transition: all 0.5s ease; 1780 } 1781 1782 #promo-carousel .slick-arrow:before { 1783 content: none; 1784 } 1785 1786 .promo-carousel-wrapper .slick-arrow { 1787 background-image: url(https://media.opsm.com/DDM/double-arrow-right3x.png); 1788 background-size: 12px; 1789 background-repeat: no-repeat; 1790 background-position: center; 1791 width: 30px; 1792 height: 30px; 1793 transform: translateY(-50%); 1794 z-index: 999; 1795 } 1796 1797 .promo-carousel-wrapper .slick-arrow:before { 1798 content: unset; 1799 } 1800 1801 .promo-carousel-wrapper .slick-arrow.slick-prev { 1802 transform: translateY(-50%) rotate(180deg); 1803 left: 0; 1804 } 1805 1806 .promo-carousel-wrapper .slick-arrow.slick-next { 1807 right: 0; 1808 } 1809 1810 #promo-carousel:not(.slick-initialized)>div { 1811 opacity: 0; 1812 } 1813 1814 #promo-carousel:not(.slick-initialized)>div:first-child { 1815 opacity: 1; 1816 padding-top: 5px; 1817 } 1818 1819 #promo-carousel:not(.slick-initialized) .slick-slide:not(.slick-current) { 1820 opacity: 0; 1821 } 1822 1823 .promo-carousel-wrapper { 1824 max-height: 33px; 1825 } 1826 1827 @media screen and (max-width: 992px) { 1828 .promo-carousel-wrapper .slick-arrow.slick-prev { 1829 left: 16px; 1830 } 1831 1832 .promo-carousel-wrapper .slick-arrow.slick-next { 1833 right: 16px; 1834 } 1835 1836 #promo-carousel .slick-list { 1837 padding: 0; 1838 } 1839 1840 #promo-carousel .slick-slide, 1841 #promo-carousel>div { 1842 min-width: 300px; 1843 } 1844 } 1845 1846 .promo-carousel-wrapper .countdown { 1847 min-width: fit-content; 1848 display: inline-block; 1849 } 1850 1851 @media screen and (max-width:992px) { 1852 #pre-header-strip { 1853 grid-template-columns: 0 1fr 0; 1854 } 1855 } 1856 1857 .hover-underline-animation-white.hover-underline-animation-white-inverted::before { 1858 transform: scaleX(0) 1859 } 1860 1861 .hover-underline-animation-white.hover-underline-animation-white-inverted:hover::before { 1862 transform: scaleX(1) 1863 } 1864</style> 1865 1866 1867</div> 1868 1869<!-- END Content_UI.jspf --> 1870 </div> 1871 </div> 1872 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [X_Header_Carousel_Espot] --> 1873</div> 1874 1875 1876<div class="emarketingspot"><!-- Begin EmarketingSpot [X_Header_Right_Espot] --><!-- BEGIN ContentRecommendation_UI.jspf --> 1877 <div id="contentRecommendationWidget_X_Header_Right_Espot" class="contentRecommendationWidget" > 1878 1879 <div dataci_toolbar="_espot" dataci_espot ="_X_Header_Right_Espot" id="ci_espot__X_Header_Right_Espot"> 1880 <!-- BEGIN Content_UI.jspf --> 1881<div class="left_espot"> 1882 1883 1884 <div class="d-none d-lg-flex align-items-center justify-content-end" id="header-right-espot-content"> 1885 <a class="text-white hover-underline-animation-white strong xsmall underline" data-element-id="HeaderStrip_CTA1" href="/eye-care/benefits/health-funds"> 1886 All health funds accepted 1887 </a> 1888 <a class="text-white strong d-flex justify-content-center align-items-center" id="header-right-espot-bet-btn" data-element-id="HomepageBannerPlacementRight_OEE_Open" href="/book-an-eye-test"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="mr-2"> 1889 <g clip-path="url(#clip0_924_4544)"> 1890 <path d="M15.3333 1.33333H12.3333V0H11.6667V1.33333H8.33333V0H7.66667V1.33333H4.33333V0H3.66667V1.33333H0.666667C0.299 1.33333 0 1.63233 0 2V15.3333C0 15.701 0.299 16 0.666667 16H15.3333C15.701 16 16 15.701 16 15.3333V2C16 1.63233 15.701 1.33333 15.3333 1.33333ZM15.3337 15.3333H0.666667V5.33333H15.3333L15.3337 15.3333ZM0.666667 4.66667V2H3.66667V3.33333H4.33333V2H7.66667V3.33333H8.33333V2H11.6667V3.33333H12.3333V2H15.3333V4.66667H0.666667Z" fill="white"></path> 1891 </g> 1892 <defs> 1893 <clipPath id="clip0_924_4544"> 1894 <rect width="16" height="16" fill="white"></rect> 1895 </clipPath> 1896 </defs> 1897 </svg>BOOK A TEST</a> 1898</div> 1899 1900<style> 1901 #header-right-espot-content { 1902 gap: 16px; 1903 } 1904 1905 #header-right-espot-bet-btn { 1906 padding: 6px 10px; 1907 font-size: 14px; 1908 background: radial-gradient(circle, #714A12 0%, #B58B34 175%); 1909 } 1910 1911 @media screen and (min-width: 1200px) { 1912 #header-right-espot-bet-btn { 1913 padding: 6px 32px; 1914 } 1915 1916 #header-right-espot-content { 1917 gap: 30px; 1918 } 1919 } 1920</style> 1921 1922 1923</div> 1924 1925<!-- END Content_UI.jspf --> 1926 </div> 1927 </div> 1928 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [X_Header_Right_Espot] --> 1929</div> 1930 1931 </div> 1932 1933 1934<div class="emarketingspot"><!-- Begin EmarketingSpot [X_Header_Telecomando] --><!-- BEGIN ContentRecommendation_UI.jspf --> 1935 <div id="contentRecommendationWidget_X_Header_Telecomando" class="contentRecommendationWidget" > 1936 1937 <div dataci_toolbar="_espot" dataci_espot ="_X_Header_Telecomando" id="ci_espot__X_Header_Telecomando"> 1938 <!-- BEGIN Content_UI.jspf --> 1939<div class="left_espot"> 1940 1941 1942 <div id="promo-modal" class="modal fade modal-offer" role="dialog"> 1943 <div class="modal-dialog modal-dialog-scrollable"> 1944 <div class="modal-content"> 1945 <div class="modal-body"> 1946 <button type="button" class="close" data-dismiss="modal">
1947 <span class="icon icon-close" data-dismiss="modal" data-analytics_available_call='0'></span> 1948 </button> 1949 1950 <h4 class="mb-lg-4 mb-3 text-center text-uppercase">our offers <br class="d-block d-lg-none"> 1951 for you 1952 </h4> 1953 1954 <hr class="modal-separator"> 1955 1956 <a href="/special-offers" class="modal-container-list"> 1957 <img src="https://media.opsm.com/2026/05_May/Superweek/SO/telecomando.png" /> 1958 <div class="modal-text-list"> 1959 <p class="strong mb-1">Sale up to 25% off*</p> 1960 <p class="xsmall mb-0">*Terms and conditions apply</p> 1961 </div> 1962 </a> 1963 1964 <hr class="modal-separator"> 1965 1966 <a href="/special-offers" class="modal-container-list"> 1967 <img src="https://media.opsm.com/2026/07_July/20OFF%20LENSES/Telecomando_promo.png" /> 1968 <div class="modal-text-list"> 1969 <p class="strong mb-1">20% off Lenses & Lens Extras</p> 1970 <p class="xsmall mb-0">*Terms and conditions apply</p> 1971 </div> 1972 </a> 1973 1974 <hr class="modal-separator"> 1975 1976 <a href="/special-offers" class="modal-container-list"> 1977 <img src="https://media.opsm.com/2024/03_March/Subscribe_Save/SO/telecomando.png" /> 1978 <div class="modal-text-list"> 1979 <p class="strong mb-1">Subscribe & save*</p> 1980 <p class="xsmall mb-0">*Terms and conditions apply</p> 1981 </div> 1982 </a> 1983 1984 <hr class="modal-separator"> 1985 1986 <a href="/special-offers" class="modal-container-list"> 1987 <img src="https://media.opsm.com/2024/05_May/Spend%26Save/SO/telecomando.png" /> 1988 <div class="modal-text-list"> 1989 <p class="strong mb-1">Spend $200, save 20% off contact lenses*</p> 1990 <p class="xsmall mb-0">*Terms and conditions apply</p> 1991 </div> 1992 </a> 1993 1994 <hr class="modal-separator"> 1995 1996 <a href="/special-offers" class="button button--primary button--primary--dark" data-element-id='StripBarOverlay_ViewAll'> 1997 VIEW ALL OFFERS 1998 </a> 1999 </div> 2000 </div> 2001 </div> 2002 2003 <style> 2004 #promo-modal .modal-dialog { 2005 max-width: 480px; 2006 } 2007 2008 #promo-modal .modal-content { 2009 border-radius: 20px; 2010 2011 } 2012 2013 #promo-modal .modal-body { 2014 padding: 32px 0; 2015 } 2016 2017 #promo-modal .close { 2018 font-size: 15px; 2019 text-decoration: none; 2020 } 2021 2022 #promo-modal .modal-separator { 2023 margin: 0 auto; 2024 width: calc(100% - 64px); 2025 border-top: 1px solid #E5E5E5; 2026 } 2027 2028 #promo-modal .modal-container-list { 2029 display: grid; 2030 grid-template-columns: 60px 1fr; 2031 column-gap: 16px; 2032 padding: 15px 32px; 2033 align-items: center; 2034 line-height: 1.2; 2035 } 2036 2037 #promo-modal .modal-container-list:hover { 2038 background-color: #F6F6F6; 2039 color: #2D2A26; 2040 } 2041 2042 #promo-modal .button--primary { 2043 width: 300px; 2044 margin: 20px auto 0; 2045 display: block; 2046 } 2047 2048 .text-blue { 2049 color: #3D87CB; 2050 } 2051 2052 @media screen and (max-width: 992px) { 2053 2054 #promo-modal .modal-dialog { 2055 margin: 0; 2056 } 2057 2058 #promo-modal .modal-content { 2059 border-radius: 0; 2060 } 2061 2062 #promo-modal .modal-body { 2063 padding: 24px 0; 2064 } 2065 2066 #promo-modal .modal-container-list { 2067 padding: 15px 20px; 2068 } 2069 2070 } 2071 </style> 2072</div> 2073 2074 2075</div> 2076 2077<!-- END Content_UI.jspf --> 2078 </div> 2079 </div> 2080 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [X_Header_Telecomando] --> 2081</div> 2082 2083 2084 <div class="header--sticky aos-init aos-animate" id="opsm-header-sticky"> 2085 2086 2087<div class="header--brand-container" id="header-brand"> 2088 <div class="container-fluid"> 2089 <div class="row header--brand justify-content-between align-items-center"> 2090 <div class="col-auto position-static d-flex align-items-center "> 2091 2092 2093<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-banner-logo] --><!-- BEGIN ContentRecommendation_UI.jspf --> 2094 <div id="contentRecommendationWidget_rddm-header-banner-logo" class="contentRecommendationWidget" > 2095 2096 <div dataci_toolbar="_espot" dataci_espot ="_rddm-header-banner-logo" id="ci_espot__rddm-header-banner-logo"> 2097 <!-- BEGIN Content_UI.jspf --> 2098<div class="left_espot"> 2099 2100 2101 <button class="btn btn-link dropdown-toggle header--sidemenu-toggler d-inline-block d-lg-none bt-menu-mob" id="bt
2101n-toggle-sidemenu"> 2102 <img src="https://media.opsm.com/DDM/ddm-burger-icon.png"> 2103</button> 2104<a class="header--logo mr-2 d-inline-block d-md-none" href="/" data-element-id="MainNav_Logo"> 2105 <img class="header--logo-img header--logo-img--mb" src="https://media.opsm.com/DDM/brand.png" alt="OPSM Loves Eyes"> 2106</a> 2107<a class="header--logo mr-2 d-none d-md-inline-block" href="/" data-element-id="MainNav_Logo"> 2108 <img class="header--logo-img" src="https://media.opsm.com/DDM/brand.png" alt="OPSM Loves Eyes"> 2109</a> 2110 2111<style> 2112 #filters.show .modal-dialog { 2113 left: 0; 2114 transform: translateX(0px); 2115 } 2116 2117 /* TEMPORARY WHITE LINKS CLASS */ 2118 .text-white-link-temporary { 2119 color: #ffffff !important; 2120 } 2121 2122 .text-white-link-temporary:hover { 2123 color: #aaaaaa !important; 2124 } 2125 2126 /* TEMPORARY WHITE LINKS CLASS */ 2127 2128 2129 .pdp-badge-list { 2130 z-index: 11; 2131 } 2132 2133 .product--pdp-top-band { 2134 z-index: 12; 2135 } 2136 2137 #available-wrapper { 2138 flex-grow: 1; 2139 display: flex; 2140 align-items: end; 2141 } 2142 2143 @media screen and (min-width: 768px) { 2144 .fixed-height-row { 2145 max-height: calc(100vh - 95px); 2146 } 2147 } 2148 2149 @media screen and (max-width: 1199.98px) { 2150 .header--logo { 2151 position: absolute; 2152 top: 50%; 2153 left: 50%; 2154 -webkit-transform: translate(-50%, -50%); 2155 -ms-transform: translate(-50%, -50%); 2156 transform: translate(-50%, -50%); 2157 } 2158 } 2159 2160 .product-grid img { 2161 mix-blend-mode: multiply; 2162 } 2163 2164 /* .gvp-box p:first-of-type { 2165 display: none; 2166 } */ 2167</style> 2168
2169<script> 2170 $(document).ready(function () { 2171 $(".header--mega-navbar-item-link").on("click", function () { 2172 if ($(".header-wrapper").attr("data-aos")) { 2173 $(".header-wrapper").removeAttr("data-aos"); 2174 } 2175 }); 2176 $(window).on("scroll", function () { 2177 if (!$(".header").hasClass("sticky-ing") && $(".header-wrapper").attr("data-aos") == "fade-down") { 2178 $(".header-wrapper").removeAttr("data-aos"); 2179 } 2180 2181 }); 2182 if ($("#modal-cart-container")) { 2183 $("#modal-cart-container").detach().appendTo('.header'); 2184 } 2185 2186 (function () { 2187 function activateCustomerSegment() { 2188 2189 $.ajax({ 2190 url: "/x-early-access-activation?omitHeader=1", 2191 method: "GET", 2192 success: function (data) { 2193 console.log('Customer added to customer segment!'); 2194 2195 var dateDef = new Date(Date.UTC(2024, 10, 22, 12, 59, 59)); 2196 document.cookie = "eaactivity=true;path=/;expires=" + dateDef.toGMTString(); 2197 } 2198 2199 }); 2200 2201 } 2202 if (location.search.toLowerCase().includes("promo=eaccess")) activateCustomerSegment(); 2203 2204 /* if($('#products-listing-list').length > 0 && (window.location.href.indexOf('/special-offers/eyewear-boxing-day-sale') || 2205 window.location.href.indexOf('/special-offers/glasses-boxing-day-sale') || 2206 window.location.href.indexOf('/special-offers/sunglasses-boxing-day-sale')) ){ 2207 let callbackFix = function(){ 2208 $('a.product.card').each(function(index, elem){ 2209 let curUrl = $(elem).attr('href'); 2210 if(curUrl.indexOf('/special-offers/eyewear-boxing-day-sale') > -1){ 2211 $(elem).attr('href',curUrl.replace('/special-offers/eyewear-boxing-day-sale','')); 2212 }else if(curUrl.indexOf('/special-offers/glasses-boxing-day-sale') > -1){ 2213 $(elem).attr('href',curUrl.replace('/special-offers/glasses-boxing-day-sale','')); 2214 }else if(curUrl.indexOf('/special-offers/sunglasses-boxing-day-sale') > -1){ 2215 $(elem).attr('href',curUrl.replace('/special-offers/sunglasses-boxing-day-sale','')); 2216 } 2217 }); 2218 } 2219 2220 const config = { attributes: true, childList: true, subtree: true }; 2221 const observer = new MutationObserver(callbackFix); 2222 // Start observing the target node for configured mutations 2223 let targetNode = $('#products-listing-list')[0]; 2224 observer.observe(targetNode, config); 2225 2226 callbackFix(); 2227 }*/ 2228 2229 })() 2230 2231 // if ($(".pg-product-detail").length > 0) { 2232 // window._closeCart = function () { 2233 // clearTimeout(window.timeoutMiniCart); 2234 // if ($(window).width() < 768) { 2235 // var $cart = $("#modal-cart-mobile"); 2236 // } else { 2237 // $(".sticky-ing .header--sticky").removeClass("z1041"); 2238 // $("div#sale-off-banner").removeClass("temp-hidden"); 2239 // $(".header-wrapper").removeClass("temp-hidden"); 2240 // var $cart = $("#modal-cart"); 2241 // } 2242 // $cart.removeClass('in'); 2243 // setTimeout(function () { 2244 // $cart.modal("hide"); 2245 // setTimeout(function () { 2246 // $('.modal-backdrop').remove(); 2247 // }, 100); 2248 // }, 500); 2249 // } 2250 2251 // window._openCart = function () { 2252 // console.log('myopencart'); 2253 // if ($(window).width() < 768) { 2254 // var $cart = $("#modal-cart-mobile"); 2255 // } else { 2256 // // $(".sticky-ing .header--sticky").addClass("z1041"); 2257 // // $(".header--sticky.aos-init.aos-animate").removeClass("temp-hidden"); 2258 // $(".header-wrapper").removeClass("temp-hidden"); 2259 // var $cart = $("#modal-cart"); 2260 // } 2261 // $cart.modal({ 2262 // backdrop: 'static' 2263 // }); 2264 // if ($(window).width() >= 768) { 2265 // $('.modal-backdrop').addClass('cart-backdrop'); 2266 2267 // setTimeout(function () { 2268 // $cart.addClass('in'); 2269 // $('.cart-wrap').niceScroll({ 2270 // cursorcolor: "#ccc" 2271 // }); 2272 // }, 1000); 2273 2274 // window.timeoutMiniCart = setTimeout(function () { 2275 // _closeCart(); 2276 // }, 6500); 2277 // } 2278 // } 2279 2280 // } 2281 2282 }); 2283 $("img[usemap='#afterPayPopupDesktop']").attr("src", "https://media.opsm.com/cart/afterpay_lightbox_desktop.png"); 2284</script>
2284 2285 2286 2287</div> 2288 2289<!-- END Content_UI.jspf --> 2290 </div> 2291 </div> 2292 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-banner-logo] --> 2293</div> 2294 2295 2296 2297 2298 <div class="header--mega-navbar" id="header-mega-navbar"> 2299 <div class="container-fluid"> 2300 <div class="d-flex justify-content-between"> 2301 <div class="header--mega-navbar-left d-none d-lg-flex" id="header-mega-navbar-left"> 2302 2303 2304<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-nav-menu-left] --><!-- BEGIN ContentRecommendation_UI.jspf --> 2305 <div id="contentRecommendationWidget_rddm-header-nav-menu-left" class="contentRecommendationWidget" > 2306 2307 <div dataci_toolbar="_espot" dataci_espot ="_rddm-header-nav-menu-left" id="ci_espot__rddm-header-nav-menu-left"> 2308 <!-- BEGIN Content_UI.jspf --> 2309<div class="left_espot"> 2310 2311 2312 <div 2313 class="d-lg-flex" 2314 itemscope="itemscope" 2315 itemtype="https://www.schema.org/SiteNavigationElement" 2316> 2317 <span class="header--mega-navbar-underline"></span> 2318 <div 2319 class="header--mega-navbar-item" 2320 id="mega-navbar-contactlenses" 2321 itemprop="name" 2322 > 2323 <a 2324 class="header--mega-navbar-item-link no-link" 2325 data-target="#mega-navbar-contents-contactlenses" 2326 data-element-id="MainNav_ContactLenses" 2327 href="#" 2328 > 2329 Contact Lenses 2330 </a> 2331 </div> 2332 <div class="header--mega-navbar-item" id="mega-navbar-frames" itemprop="name"> 2333 <a 2334 class="header--mega-navbar-item-link no-link" 2335 data-target="#mega-navbar-contents-frames" 2336 data-element-id="MainNav_Glasses" 2337 href="#" 2338 > 2339 Glasses 2340 </a> 2341 </div> 2342 <div 2343 class="header--mega-navbar-item" 2344 id="mega-navbar-sunglasses" 2345 itemprop="name" 2346 > 2347 <a 2348 class="header--mega-navbar-item-link no-link" 2349 data-target="#mega-navbar-contents-sunglasses" 2350 data-element-id="MainNav_Sunglasses" 2351 href="#" 2352 > 2353 Sunglasses 2354 </a> 2355 </div> 2356 <div 2357 class="header--mega-navbar-item" 2358 id="mega-navbar-aiglasses" 2359 itemprop="name" 2360 > 2361 <a 2362 class="header--mega-navbar-item-link no-link" 2363 data-target="#mega-navbar-contents-aiglasses" 2364 data-element-id="MainNav_AiGlasses" 2365 href="#" 2366 > 2367 AI Glasses 2368 </a> 2369 </div> 2370 <div 2371 class="header--mega-navbar-item" 2372 id="mega-navbar-brands" 2373 itemprop="name" 2374 > 2375 <a 2376 class="header--mega-navbar-item-link no-link" 2377 data-target="#mega-navbar-contents-brands" 2378 data-element-id="MainNav_Brands" 2379 href="#" 2380 > 2381 Brands 2382 </a> 2383 </div> 2384 <div 2385 class="header--mega-navbar-item" 2386 id="mega-navbar-eyecare" 2387 itemprop="name" 2388 > 2389 <a 2390 class="header--mega-navbar-item-link no-link" 2391 data-target="#mega-navbar-contents-eyecare" 2392 data-element-id="MainNav_OurServices" 2393 href="#" 2394 > 2395 Our Services 2396 </a> 2397 </div> 2398 <!-- <div class="header--mega-navbar-item" id="mega-navbar-lenses" itemprop="name"> 2399 <a 2400 class="header--mega-navbar-item-link" 2401 data-element-id="MainNav_Lenses" 2402 href="/glasses-advice/prescription-lenses" 2403 > 2404 Lenses 2405 </a> 2406 </div> --> 2407 <div 2408 class="header--mega-navbar-item" 2409 id="mega-navbar-special-offers" 2410 itemprop="name" 2411 > 2412 <a 2413 class="header--mega-navbar-item-link" 2414 data-element-id="MainNav_SpecialOffers" 2415 href="/special-offers" 2416 > 2417 Special Offers 2418 </a> 2419 </div> 2420 <!-- <div class="header--mega-navbar-item" id="mega-navbar-giftguide" itemprop="name"> 2421 <a class="header--mega-navbar-item-link" 2422 data-element-id="MainNav_GiftGuide" href="/gift-guide"> 2423 Gift Guide 2424 </a> 2425 </div> --> 2426</div>
2427<script> 2428 $(document).ready(function () { 2429 $("#mega-navbar-lenses a, #mega-navbar-special-offers a").off("click"); 2430 }); 2431</script>
2431 2432 2433 2434</div> 2435 2436<!-- END Content_UI.jspf --> 2437 </div> 2438 </div> 2439 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-nav-menu-left] --> 2440</div> 2441 2442 </div> 2443 <div class="header--mega-navbar-right flex-grow-1 flex-lg-grow-0" id="header-mega-navbar-right"> 2444 2445 </div> 2446 </div> 2447 </div> 2448 </div> 2449 <div class="header--mega-navbar-contents-container"> 2450 <div class="header--mega-navbar-contents-overlay"></div> 2451 <div class="header--mega-navbar-contents--wrapper"> 2452 <div class="header--mega-navbar-contents" 2453 id="mega-navbar-contents-contactlenses" 2454 style="animation-duration: 400ms"> 2455 <div class="container-fluid submenu-wrapper"> 2456 2457 2458<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-nav-contacts-col-1] --><!-- BEGIN ContentRecommendation_UI.jspf --> 2459 <div id="contentRecommendationWidget_rddm-header-nav-contacts-col-1" class="contentRecommendationWidget" > 2460 2461 <div dataci_toolbar="_espot" dataci_espot ="_rddm-header-nav-contacts-col-1" id="ci_espot__rddm-header-nav-contacts-col-1"> 2462 <!-- BEGIN Content_UI.jspf --> 2463<div class="left_espot"> 2464 2465 2466 <div class="link-section-wrapper" id="rddm-col-1-contact-lenses"> 2467 <div class="link-section"> 2468 <p class="header--mega-navbar-list-title">Type and Frequency</p> 2469 <a href="/contact-lenses/daily" data-element-id="ContactLenses_Daily">Daily</a> 2470 <a href="/contact-lenses/fortnightly" data-element-id="ContactLenses_Fortnightly">Fortnightly</a> 2471 <a href="/contact-lenses/monthly" data-element-id="ContactLenses_Monthly">Monthly</a> 2472 <a href="/contact-lenses/toric" data-element-id="ContactLenses_Toric">Toric</a> 2473 <a href="/contact-lenses/multi-focal-sphere" data-element-id="ContactLenses_Multifocal">Multi-focal</a> 2474 <a href="/contact-lenses/solutions-and-accessories" data-element-id="ContactLenses_SolutionsAndAccessories" class="strong">Solutions & Accessories</a> 2475 <a href="/contact-lenses-advice/subscription-value-plan" data-element-id="ContactLenses_SubscriptionValuePlan" class="align-items-center d-inline-flex gap-8 strong"> 2476 Subscribe & Save 25% 2477 <img loading="lazy" src="/wcsstore/OPSMStorefrontAssetStore/images/icons/subscription-ico.svg" style="width: 16px;"> 2478 </a> 2479 <a class="button button--primary button--primary--dark small small-btn" href="/contact-lenses" data-element-id="ContactLenses_CTA0">VIEW ALL CONTACTS</a> 2480 </div> 2481 <div class="link-section"> 2482 <p class="header--mega-navbar-list-title">Brand</p> 2483 <a href="/contact-lenses/acuvue" data-element-id="MainNav_ContactLenses_Acuve">Acuvue</a> 2484 <a href="/contact-lenses/dailies" data-element-id="MainNav_ContactLenses_Dailies">Dailies</a> 2485 <a href='/contact-lenses?facet=mfName_ntk_cs%3A"AIR%20OPTIX"' data-element-id="MainNav_ContactLenses_AirOptix">Air Optix</a> 2486 <a href="/contact-lenses/biofinity" data-element-id="MainNav_ContactLenses_Biofinity">Biofinity</a> 2487 <div class="brands-list-new-container"> 2488 <a href="/contact-lenses/iwear" data-element-id="MainNav_ContactLenses_OPSM">iWear®</a> 2489 <div data-type="New" class="new-pill">New</div> 2490 </div> 2491 <a href="/contact-lenses/precision1" data-element-id="MainNav_ContactLenses_Precision1">Precision1</a> 2492 <a href="/contact-lenses" data-element-id="MainNav_ContactLenses">View all brands</a> 2493 <a class="button button--secondary button--secondary--dark js-gr-ddm-reorder-cta px-0 small small-btn" href="/LogonForm?catalogId=12601&postSignInURL=UserOrderHistory&storeId=10151&langId=-1" data-element-id="ContactLenses_CTA1"> 2494 REORDER YOUR CONTACTS 2495 </a> 2496 </div> 2497 2498 <style> 2499 .header--mega-navbar-contents #rddm-col-1-contact-lenses .brands-list-new-container { 2500 align-items: center; 2501 gap: 8px; 2502 display: inline-flex; 2503 } 2504 2505 .header--mega-navbar-contents #rddm-col-1-contact-lenses .brands-list-new-container .new-pill { 2506 height: 24px; 2507 padding-left: 8px; 2508 padding-right: 8px; 2509 border-radius: 24px; 2510 outline: 0.5px #b58b34 solid; 2511 outline-offset: -0.5px; 2512 justify-content: center; 2513 align-items: center; 2514 gap: 10px; 2515 display: flex; 2516 color: #2d2a26; 2517 font-size: 12px; 2518 font-family: "Barlow"; 2519 font-weight: 600; 2520 line-height: 18px; 2521 word-wrap: break-word; 2522 } 2523 </style> 2524</div> 2525 2526 2527</div> 2528 2529<!-- END Content_UI.jspf --> 2530 </div> 2531 </div> 2532 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-nav-contacts-col-1] --> 2533</div> 2534 2535 <div class="right-col-submenu"> 2536 2537 2538 2539 <div class="dark product-grid-wrapper ddm-fixed-height-spacer bg-light-grey"> 2540 <p class="ls-05 text-center strong">Bestsellers</p> 2541 <div class="align-items-center d-grid grid-2-col gap-30 row-gap-0 h-100 text-center product-grid"> 2542 2543 2544 <div>
2545 <a href="/contact-lenses/dailies/daily/dailies-total1-90pk/ac-dailies-total1-90" 2546 data-element-id='ContactLenses_DAILIES' 2547 data-product-id="3074457345617177843" 2548 data-description="DAILIES TOTAL1 90PK_AC_DAILIES_TOTAL1_90_000"> 2549 2550 <!-- BEGIN ProductImage.jsp [partNumber: AC_DAILIES_TOTAL1_90_000, amlRule: PLP, imgIndex: 0 (default 0) --><!-- ProductImage.jsp with rule PLP for upc AC_DAILIES_TOTAL1_90_000 and index: 0 --> 2551 <img loading='lazy' crossorigin="anonymous" 2552 class="left-image" src="https://assets2.opsm.com/prod-onecp-record-files/picontactlenses/7efa7e9a-7fb7-4691-8d0b-b35500bb2bdf/ALALFDT1S090__shad__qt.png?impolicy=OP_Large&hei=200&wid=400" 2553 alt="DAILIES DAILIES TOTAL1 90PK" title="DAILIES DAILIES TOTAL1 90PK" 2554 data-description="DAILIES_DAILIES_TOTAL1_90PK" 2555 data-usage-aml="PLP"/> 2556 <!-- END ProductImage.jsp --> 2557 2558 2559 <p class="small black strong text-uppercase">DAILIES TOTAL1 90PK</p> 2560 </a> 2561 2562 2563 </div> 2564 2565 2566 2567 <div> 2568 <a href="/contact-lenses/acuvue/daily/acuvue-oasys-1-day-90pk/jj-acuvue-oasys-1-day-90" 2569 data-element-id='ContactLenses_ACUVUE' 2570 data-product-id="3074457345617107562" 2571 data-description="ACUVUE OASYS 1-DAY 90PK_JJ_ACUVUE_OASYS_1_DAY_90_000"> 2572 2573 <!-- BEGIN ProductImage.jsp [partNumber: JJ_ACUVUE_OASYS_1_DAY_90_000, amlRule: PLP, imgIndex: 0 (default 0) --><!-- ProductImage.jsp with rule PLP for upc JJ_ACUVUE_OASYS_1_DAY_90_000 and index: 0 --> 2574 <img loading='lazy' crossorigin="anonymous" 2575 class="left-image" src="https://assets2.opsm.com/prod-onecp-record-files/picontactlenses/967ec216-3365-4beb-b2ac-b35500b96ecb/JJJJACO1DHXS090__shad__qt.png?impolicy=OP_Large&hei=200&wid=400" 2576 alt="ACUVUE ACUVUE OASYS 1-DAY 90PK" title="ACUVUE ACUVUE OASYS 1-DAY 90PK" 2577 data-description="ACUVUE_ACUVUE_OASYS_1-DAY_90PK" 2578 data-usage-aml="PLP"/> 2579 <!-- END ProductImage.jsp --> 2580 2581 2582 <p class="small black strong text-uppercase">ACUVUE OASYS 1-DAY 90PK</p> 2583 </a> 2584 2585 2586 </div> 2587 2588 2589 2590 <div> 2591 <a href="/contact-lenses/acuvue/fortnightly/acuvue-oasys-6pk/jj-acuvue-oasys-6" 2592 data-element-id='ContactLenses_ACUVUE' 2593 data-product-id="3074457345617180325" 2594 data-description="ACUVUE OASYS 6PK_JJ_ACUVUE_OASYS_6_000"> 2595 2596 <!-- BEGIN ProductImage.jsp [partNumber: JJ_ACUVUE_OASYS_6_000, amlRule: PLP, imgIndex: 0 (default 0) --><!-- ProductImage.jsp with rule PLP for upc JJ_ACUVUE_OASYS_6_000 and index: 0 --> 2597 <img loading='lazy' crossorigin="anonymous" 2598 class="left-image" src="https://assets2.opsm.com/prod-onecp-record-files/picontactlenses/07fbee3a-4385-4380-a5ee-b35500b94e6a/JJJJACOS06__shad__qt.png?impolicy=OP_Large&hei=200&wid=400" 2599 alt="ACUVUE ACUVUE OASYS 6PK" title="ACUVUE ACUVUE OASYS 6PK" 2600 data-description="ACUVUE_ACUVUE_OASYS_6PK" 2601 data-usage-aml="PLP"/> 2602 <!-- END ProductImage.jsp --> 2603 2604 2605 <p class="small black strong text-uppercase">ACUVUE OASYS 6PK</p> 2606 </a> 2607 2608 2609 </div> 2610 2611 2612 2613 <div> 2614 <a href="/contact-lenses/iwear/daily/iwear-1-day-harmony-sphere-30pk/iwear-harmony-1-day-30" 2615 data-element-id='ContactLenses_IWEAR' 2616 data-product-id="3074457345617549777" 2617 data-description="IWEAR 1-DAY HARMONY SPHERE 30PK_IWEAR_HARMONY_1_DAY_30_000"> 2618 2619 <!-- BEGIN ProductImage.jsp [partNumber: IWEAR_HARMONY_1_DAY_30_000, amlRule: PLP, imgIndex: 0 (default 0) --><!-- ProductImage.jsp with rule PLP for upc IWEAR_HARMONY_1_DAY_30_000 and index: 0 --> 2620 <img loading='lazy' crossorigin="anonymous" 2621 class="left-image" src="https://assets2.opsm.com/cdn-record-files/contactlenses/1203d28a-4d91-43a8-b064-b44901004414/CVCVIHSANZSPN030__shad__qt.png?impolicy=OP_Large&hei=200&wid=400" 2622 alt="IWEAR IWEAR 1-DAY HARMONY SPHERE 30PK" title="IWEAR IWEAR 1-DAY HARMONY SPHERE 30PK" 2623 data-description="IWEAR_IWEAR_1-DAY_HARMONY_SPHERE_30PK" 2624 data-usage-aml="PLP"/> 2625 <!-- END ProductImage.jsp --> 2626 2627 2628 <p class="small black strong text-uppercase">IWEAR 1-DAY HARMONY SPHERE 30PK</p> 2629 </a> 2630 2631 2632 </div> 2633 2634 2635 </div> 2636 2637 </div> 2638 2639 <div class="position-relative dd-banner-box"> 2640 <div class="ddm-banner-img"> 2641 <img src="https://media.opsm.com/2026/02_February/Superweek/DDM/CL_D.jpg" alt="Contact Lenses Banner" loading="lazy" crossorigin="anonymous"> 2642 </div> 2643 <div class="align-items-center d-flex flex-column h-100 left-0 position-absolute justify-content-end top-0 w-100" id="rddm-desk-contact-lenses-wrapper"> 2644 <div> 2645 <div class="text-center w-100"> 2646 <p style="font-size: 12px;" class="mb-4 text-white"> 2647 *Prices as marked. Exclusions and <a class="hover-underline-animation-white d-inline" href="/special-offers#superweek">T&Cs apply</a>. 2648 </p> 2649 <a class="button button--primary button--primary--light mx-auto" href="/contact-lenses" title="Shop now" data-element-id="Contacts_DDM_MainNav_Promo" data-description="ContactsPLP" tabindex="0" style="font-size: 14px;max-width: 200px;"><span class="button--label">Shop now</span></a> 2650 </div> 2651 </div> 2652 </div> 2653</div> 2654 2655<style> 2656 #rddm-desk-contact-lenses-wrapper { 2657 padding: 32px 16px; 2658 } 2659 2660 #rddm-desk-contact-lenses-star { 2661 font-size: 15px; 2662 position: relative; 2663 top: -7px; 2664 font-weight: 500; 2665 } 2666 2667 .rddm-desk-contact-lenses-title { 2668 font-size: 35px; 2669 line-height: 30px; 2670 } 2671 2672 .rddm-desk-contact-lenses-subtitle { 2673 font-size: 22px; 2674 line-height: 32px; 2675 } 2676 2677 #rddm-desk-contact-lenses-tooltip-button { 2678 padding: 0; 2679 height: 24px; 2680 } 2681 2682 .rddm-desk-contact-lenses-popover { 2683 height: 20px; 2684 padding: 0; 2685 border: none; 2686 bottom: 3px; 2687 left: 3px; 2688 position: relative; 2689 } 2690</style> 2691 </div> 2692 </div> 2693 </div> 2694 <div class="header--mega-navbar-contents" 2695 id="mega-navbar-contents-sunglasses" 2696 style="animation-duration: 400ms"> 2697 <div class="container-fluid submenu-wrapper"> 2698 2699 2700<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-nav-sun-col-1] --><!-- BEGIN ContentRecommendation_UI.jspf --> 2701 <div id="contentRecommendationWidget_rddm-header-nav-sun-col-1" class="contentRecommendationWidget" > 2702 2703 <div dataci_toolbar="_espot" dataci_espot ="_rddm-header-nav-sun-col-1" id="ci_espot__rddm-header-nav-sun-col-1"> 2704 <!-- BEGIN Content_UI.jspf --> 2705<div class="left_espot"> 2706 2707 2708 <div class="link-section-wrapper" id="rddm-col-1-sunglasses"> 2709 <div class="gap-40 link-section pb-0"> 2710 <a href="/womens-sunglasses" class="align-items-center d-flex gap-16 strong" data-element-id="" data-description="Woman"><img loading="lazy" style="width:60px" src="https://media.opsm.com/DDM/sunglasses-woman.png">Women</a> 2711 <a href="/mens-sunglasses" class="align-items-center d-flex gap-16 strong" data-element-id="" data-description="Man"><img loading="lazy" style="width:60px" src="https://media.opsm.com/DDM/sunglasses-man.png">Men</a> 2712 <a href="/kids-sunglasses" class="align-items-center d-flex gap-16 strong" data-element-id="" data-description="Kid"><img loading="lazy" style="width:60px" src="https://media.opsm.com/DDM/sunglasses-kids.png">Kids</a> 2713 </div> 2714 <div class="left-separator link-section pb-0"> 2715 2716 <p class="header--mega-navbar-list-title">Shop by our picks</p> 2717 <a href="/sunglasses/new-arrivals" data-element-id="MainNav_Sunglasses-NewArrivals">New Arrivals</a> 2718 <a href="/sunglasses/best-sellers" data-element-id="MainNav_Sunglasses-BestSellers">Best Sellers</a> 2719 <!-- <div class="brands-list-new-container"> 2720 <a href="/ray-ban-meta" data-element-id="MainNav_Sunglasses-RayBanMeta">Ray-Ban | Meta</a> 2721 <div data-type="New" class="new-pill">New</div> 2722 </div> --> 2723 <div class="brands-list-new-container"> 2724 <a href="/sunglasses?facet=ads_f44026_ntk_cs%3A%22True%22" data-element-id="MainNav_Sunglasses-Polarised">Polarised</a> 2725 <div data-type="New" class="new-pill">New</div> 2726 </div> 2727 <a href="/ray-ban-meta" data-element-id="MainNav_Sunglasses-RayBanMeta">Ray-Ban | Meta</a> 2728 <a href="/oakley-meta" data-element-id="MainNav_Sunglasses-OakleyMeta">Oakley | Meta</a> 2729 2730 2731 <p class="header--mega-navbar-list-title pt-2">Shop by offer</p> 2732 <!-- <a href="/promo?facet=ads_f44508_ntk_cs%3A%22Sun%22" data-element-id="MainNav_Sunglasses-SeasonalPromo" data-description="Seasonal Promo">Seasonal Promo</a> --> 2733 <a style="color: #b58b34" href="/sale/sunglasses" data-element-id="MainNav_Sunglasses-Sale" data-description="Sale_PLP">Clearance | Up to 50% off</a> 2734 2735 2736 <!-- <p class="header--mega-navbar-list-title pt-2">Shop by lenses</p> 2737 <a href="/lenses#oakley-prizm" data-element-id="MainNav_Sunglasses-OakleyPrizmLenses" data-description="Oakley® Prizm⢠Lenses">Oakley® Prizm⢠Lenses</a> --> 2738 <!-- <a href="/frame-advisor-page" class="align-items-center d-inline-flex gap-8 mt-2 strong" data-element-id="MainNav_SunglassesAdvice-FrameFinder"><img loading="lazy" src="https://media.opsm.com/2022/LP/17_FRAME_ADVISOR/ICONS/FrameGenius_Icon.svg" style="height: 16px;filter: brightness(0);">Find your Frame</a> --> 2739 2740 </div><a class="button button--primary button--primary--dark small" data-element-id="Sunglasses_CTA0" href="/sunglasses">VIEW ALL SUNGLASSES</a> 2741</div> 2742 2743<style> 2744 .header--mega-navbar-contents #rddm-col-1-sunglasses .brands-list-new-container { 2745 align-items: center; 2746 gap: 8px; 2747 display: inline-flex; 2748 } 2749 2750 .header--mega-navbar-contents #rddm-col-1-sunglasses .brands-list-new-container .new-pill { 2751 height: 24px; 2752 padding-left: 8px; 2753 padding-right: 8px; 2754 border-radius: 24px; 2755 outline: 0.5px #b58b34 solid; 2756 outline-offset: -0.5px; 2757 justify-content: center; 2758 align-items: center; 2759 gap: 10px; 2760 display: flex; 2761 color: #2d2a26; 2762 font-size: 12px; 2763 font-family: "Barlow"; 2764 font-weight: 600; 2765 line-height: 18px; 2766 word-wrap: break-word; 2767 } 2768</style> 2769 2770 2771</div> 2772 2773<!-- END Content_UI.jspf --> 2774 </div> 2775 </div> 2776 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-nav-sun-col-1] --> 2777</div> 2778 2779 <div class="right-col-submenu"> 2780 2781 2782<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-nav-sun-col-2] --><!-- BEGIN ContentRecommendation_UI.jspf --> 2783 <div id="contentRecommendationWidget_rddm-header-nav-sun-col-2" class="contentRecommendationWidget" > 2784 2785 <div dataci_toolbar="_espot" dataci_espot ="_rddm-header-nav-sun-col-2" id="ci_espot__rddm-header-nav-sun-col-2"> 2786 <!-- BEGIN Content_UI.jspf --> 2787<div class="left_espot"> 2788 2789 2790 <div class="bg-light-grey ddm-fixed-height-spacer ddm-logo-section"> 2791 <div class="logo-wrapper"> 2792 <a href="/sunglasses/ray-ban" class="logo-fixed-dim"> 2793 <img loading="lazy" crossorigin="anonymous" src="https://media.opsm.com/2022/HP/LOGOS/Ray_Ban_DDM.svg"> 2794 </a> 2795 2796 <a href="/sunglasses/oakley" class="logo-fixed-dim"> 2797 <img loading="lazy" crossorigin="anonymous" src="https://media.opsm.com/DDM/oakley.svg"> 2798 </a> 2799 2800 <a href="/sunglasses/prada" class="logo-fixed-dim p-0"> 2801 <img loading="lazy" crossorigin="anonymous" src="https://media.opsm.com/DDM/Prada.svg"> 2802 </a> 2803 2804 <a href="/sunglasses/costa" class="logo-fixed-dim p-0"> 2805 <img loading="lazy" crossorigin="anonymous" src="/wcsstore/OPSMStorefrontAssetStore/images/brand/COSTA.jpg" style="mix-blend-mode: multiply;"> 2806 </a> 2807 2808 <a href="/sunglasses/burberry" class="logo-fixed-dim p-0"> 2809 <img loading="lazy" crossorigin="anonymous" src="/wcsstore/OPSMStorefrontAssetStore/images/brand/BURBERRY.jpg" style="mix-blend-mode: multiply;"> 2810 </a> 2811 2812 <a href="/sunglasses/oroton" class="logo-fixed-dim p-0"> 2813 <img loading="lazy" crossorigin="anonymous" src="/wcsstore/OPSMStorefrontAssetStore/images/brand/OROTON.jpg" style="mix-blend-mode: multiply;"> 2814 </a> 2815 2816 <!-- <a href="/sunglasses/miu-miu" class="logo-fixed-dim p-0"> 2817 <img loading="lazy" crossorigin="anonymous" src="https://media.opsm.com/DDM/Miu_Miu.svg"> 2818 </a> 2819 2820 <a href="/sunglasses/ralph" class="logo-fixed-dim"> 2821 <img loading="lazy" crossorigin="anonymous" src="https://media.opsm.com/DDM/ralph.svg"> 2822 </a> 2823 2824 <a href="/sunglasses/versace" class="logo-fixed-dim"> 2825 <img loading="lazy" crossorigin="anonymous" src="/wcsstore/OPSMStorefrontAssetStore/images/brand/VERSACE.jpg"> 2826 </a> 2827 2828 <a href="/sunglasses/vogue" class="logo-fixed-dim p-0"> 2829 <img loading="lazy" crossorigin="anonymous" src="https://media.opsm.com/Logo_Brands/Vogue.svg"> 2830 </a> --> 2831 </div> 2832 <a class="button button--secondary button--secondary--dark small small-btn" href="/sunglasses">SHOP ALL BRANDS</a> 2833</div> 2834 2835<style>
2836 .ddm-logo-section .logo-fixed-dim { 2837 width: 140px; 2838 height: 70px; 2839 display: block; 2840 margin: auto; 2841 padding: 12px; 2842 } 2843 2844 .ddm-logo-section .logo-fixed-dim img { 2845 height: 100%; 2846 width: 100%; 2847 object-fit: contain; 2848 } 2849</style> 2850 2851 2852</div> 2853 2854<!-- END Content_UI.jspf --> 2855 </div> 2856 </div> 2857 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-nav-sun-col-2] --> 2858</div> 2859 2860 2861<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-nav-sun-col-3] --><!-- BEGIN ContentRecommendation_UI.jspf --> 2862 <div id="contentRecommendationWidget_rddm-header-nav-sun-col-3" class="contentRecommendationWidget" > 2863 2864 <div dataci_toolbar="_espot" dataci_espot ="_rddm-header-nav-sun-col-3" id="ci_espot__rddm-header-nav-sun-col-3"> 2865 <!-- BEGIN Content_UI.jspf --> 2866<div class="left_espot"> 2867 2868 2869 <div class="position-relative dd-banner-box"> 2870 <div class="ddm-banner-img"> 2871 <img src="https://media.opsm.com/2026/02_February/Superweek/DDM/SUN_D.jpg" alt="Sunglasses Banner" loading="lazy" crossorigin="anonymous"> 2872 </div> 2873 <div class="align-items-center d-flex flex-column h-100 left-0 position-absolute justify-content-end top-0 w-100" id="rddm-desk-sunglasses-wrapper"> 2874 <div> 2875 <div class="text-center w-100"> 2876 <p style="font-size: 12px;" class="mb-4 text-white"> 2877 *Prices as marked. Exclusions and <a class="hover-underline-animation-white d-inline" href="/special-offers#superweek">T&Cs apply</a>. 2878 </p> 2879 <a class="button button--primary button--primary--light mx-auto" href="/promo/sunglasses" title="Shop now" data-element-id="Sunglasses_DDM_MainNav_Promo" data-description="SunglassesPLP" tabindex="0" style="font-size: 14px;max-width: 200px;"><span class="button--label">Shop now</span></a> 2880 </div> 2881 </div> 2882 </div> 2883</div> 2884 2885<style> 2886 #rddm-desk-sunglasses-wrapper { 2887 padding: 32px 16px; 2888 } 2889 2890 #rddm-desk-sunglasses-star { 2891 font-size: 15px; 2892 position: relative; 2893 top: -7px; 2894 font-weight: 500; 2895 } 2896 2897 .rddm-desk-sunglasses-title { 2898 font-size: 35px; 2899 line-height: 30px; 2900 } 2901 2902 .rddm-desk-sunglasses-subtitle { 2903 font-size: 22px; 2904 line-height: 32px; 2905 } 2906 2907 #rddm-desk-sunglasses-tooltip-button { 2908 padding: 0; 2909 height: 24px; 2910 } 2911 2912 .rddm-desk-sunglasses-popover { 2913 height: 20px; 2914 padding: 0; 2915 border: none; 2916 bottom: 3px; 2917 left: 3px; 2918 position: relative; 2919 } 2920</style> 2921 2922 2923</div> 2924 2925<!-- END Content_UI.jspf --> 2926 </div> 2927 </div> 2928 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-nav-sun-col-3] --> 2929</div> 2930 2931 </div> 2932 </div> 2933 </div> 2934 <div class="header--mega-navbar-contents" 2935 id="mega-navbar-contents-aiglasses" 2936 style="animation-duration: 400ms"> 2937 <div class="container-fluid submenu-wrapper"> 2938 2939 2940<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-nav-aiglasses-col-1] --><!-- BEGIN ContentRecommendation_UI.jspf --> 2941 <div id="contentRecommendationWidget_rddm-header-nav-aiglasses-col-1" class="contentRecommendationWidget" > 2942 2943 <div dataci_toolbar="_espot" dataci_espot ="_rddm-header-nav-aiglasses-col-1" id="ci_espot__rddm-header-nav-aiglasses-col-1"> 2944 <!-- BEGIN Content_UI.jspf --> 2945<div class="left_espot"> 2946 2947 2948 <div class="link-section-wrapper"> 2949 <div class="link-section"> 2950 <p class="header--mega-navbar-list-title">Shop By</p> 2951 <a href="/ray-ban-meta" class="header--mega-navbar-list-newBadge" data-element-id="Ray-Ban Meta">Ray-Ban Meta</a> 2952 <a href="/oakley-meta" data-element-id="Oakley Meta">Oakley Meta</a> 2953 2954 <a class="button button--primary button--primary--dark small small-btn" href="/ai-glasses" data-element-id="ContactLenses_CTA0">VIEW ALL AI GLASSES</a> 2955 </div> 2956 <div class="link-section"> 2957 <p class="header--mega-navbar-list-title">Explore</p> 2958 <a href="/discover-ray-ban-meta-ai-glasses" class="header--mega-navbar-list-newBadge" data-element-id="MainNav_RayBan_Meta">Discover Ray-Ban Meta (Gen 3)</a> 2959 <a href="/discover-oakley-meta-ai-glasses" data-element-id="MainNav_Oakley_Meta">Discover Oakley Meta</a> 2960 <a href="/faqs" data-element-id="FAQs">FAQs</a> 2961 2962 </div> 2963 2964 <style> 2965 .ddm-banner-box-aiglasses { 2966 width: 390px; 2967 background-image: url('https://media.opsm.com/DDM/nav-aiglasses-img.jpg'); 2968 background-size: 240%; 2969 background-position: bottom; 2970 } 2971 2972 .nav-meta-logo-wrapper { 2973 display: flex; 2974 width: 100%; 2975 flex-direction: column; 2976 align-items: center; 2977 justify-content: center; 2978 position: absolute; 2979 bottom: 0; 2980 padding: 32px; 2981 gap: 6px 2982 } 2983 2984 .nav-meta-logo-title { 2985 font-size: 25px; 2986 color: #fff; 2987 font-weight: 700; 2988 font-family: "Termina"; 2989 text-align: center; 2990 margin-bottom: 0 2991 } 2992 2993 .nav-meta-logo-img { 2994 padding: 16px; 2995 } 2996
2997 .header--mega-navbar-list-newBadge { 2998 display: flex; 2999 align-items: center 3000 } 3001 3002 .header--mega-navbar-list-newBadge::after { 3003 content: "New"; 3004 margin-left: 10px; 3005 padding: 0 8px; 3006 display: flex; 3007 justify-content: center; 3008 align-items: center; 3009 height: 24px; 3010 background-color: white; 3011 border: 0.5px solid #B58B34; 3012 top: -6px; 3013 right: -6px; 3014 font-size: 10px; 3015 line-height: 1; 3016 border-radius: 24px; 3017 color: #2D2A26; 3018 font-family: "Barlow"; 3019 line-height: 1.5; 3020 font-size: 12px; 3021 font-weight: 600; 3022 letter-spacing: 0.5px; 3023 } 3024 3025 #ci_espot__rddm-header-nav-aiglasses-col-1 .link-section-wrapper>.link-section:first-of-type { 3026 position: relative 3027 } 3028 3029 #ci_espot__rddm-header-nav-aiglasses-col-1 .link-section-wrapper>.link-section:first-of-type::after { 3030 content: ""; 3031 position: absolute; 3032 height: 350px; 3033 right: 0; 3034 top: 20px; 3035 bottom: 80px; 3036 width: 1px; 3037 background: #E5E5E5; 3038 } 3039 </style> 3040</div> 3041 3042 3043</div> 3044 3045<!-- END Content_UI.jspf --> 3046 </div> 3047 </div> 3048 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-nav-aiglasses-col-1] --> 3049</div> 3050 3051 3052<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-nav-aiglasses-col-2] --><!-- BEGIN ContentRecommendation_UI.jspf --> 3053 <div id="contentRecommendationWidget_rddm-header-nav-aiglasses-col-2" class="contentRecommendationWidget" > 3054 3055 <div dataci_toolbar="_espot" dataci_espot ="_rddm-header-nav-aiglasses-col-2" id="ci_espot__rddm-header-nav-aiglasses-col-2"> 3056 <!-- BEGIN Content_UI.jspf --> 3057<div class="left_espot"> 3058 3059 3060 <div class="right-col-submenu"> 3061 <div class="dark product-grid-wrapper ddm-fixed-height-spacer bg-light-grey"> 3062 <p class="ls-05 text-center strong">Bestsellers</p> 3063 <div class="align-items-center d-grid grid-2-col gap-30 row-gap-0 h-100 text-center product-grid"> 3064 <div> 3065 <a href="/glasses/ray-ban/ray-ban-meta-(gen-2)-blayzer-optics/8056262944554?rxcnav=treatments" data-element-id="RAYBAN_META_BLAYZER" data-product-id="8056262944554" data-description="RAYBAN_META_BLAYZER"> 3066 <img crossorigin="anonymous" loading="lazy" class="left-image" src="https://assets2.opsm.com/prod-onecp-record-files/pieyewear/2d39f74c-5215-4dec-9bb2-b40f00a4e067/0RW7001__2077__P21__shad__fr.png?impolicy=OP_Large&hei=200&wid=400" alt="RAYBAN META - BLAYZER" title="RAYBAN META - BLAYZER" data-description="RAYBAN_META_BLAYZER"> 3067 3068 <p class="small black strong text-uppercase">RAY-BAN | META (GEN 2) - BLAYZER</p> 3069 </a> 3070 </div> 3071 3072 <div> 3073 <a href="/glasses/ray-ban/ray-ban-meta-(gen-3)-aviator/8056266259852?rxcnav=treatments" data-element-id="RAYBAN_META_AVIATOR" data-product-id="8056266302053" data-description="RAYBAN META AVIATOR"> 3074 3075 <img crossorigin="anonymous" loading="lazy" class="left-image" src="https://assets2.opsm.com/prod-onecp-record-files/pieyewear/ac159df6-8a88-4ce4-83d1-b47c00999876/0RW4016V__2000__P21__shad__qt.png?impolicy=OP_Large&hei=200&wid=400" alt="RAYBAN META - AVIATOR" title="RAYBAN META - AVIATOR" data-description="RAYBAN_META_AVIATOR"> 3076 3077 <p class="small black strong text-uppercase">RAY-BAN | META (GEN 3) - AVIATOR</p> 3078 </a> 3079 </div> 3080 3081 <div> 3082 <a href="/glasses/ray-ban/ray-ban-meta-(gen-3)-aviator/8056266260339?rxcnav=treatments" data-element-id="RAYBAN_META_AVIATOR" data-product-id="8056262981351" data-description="RAYBAN META AVIATOR"> 3083 3084 <img crossorigin="anonymous" loading="lazy" class="left-image" src="https://assets2.opsm.com/prod-onecp-record-files/pieyewear/1bf94700-263a-4b0c-88a7-b475007633f3/0RW4016__6912JD__P21__shad__qt.png?impolicy=OP_Large&hei=200&wid=400" alt="RAYBAN META - AVIATOR" title="RAYBAN META - AVIATOR" data-description="RAYBAN_META_AVIATOR"> 3085 3086 <p class="small black strong text-uppercase">RAY-BAN | META (GEN 3) - AVIATOR</p> 3087 </a> 3088 </div> 3089 3090 <div> 3091 <a href="/ray-ban-meta/ray-ban-meta-wayfarer/8056262721339" data-element-id="RAYBAN META - WAYFARER" data-product-id="8056262721339" data-description="RAYBAN META - WAYFARER"> 3092 <img crossorigin="anonymous" loading="lazy" class="left-image" src="https://assets2.opsm.com/prod-onecp-record-files/pieyewear/3e568b34-1383-43ae-8956-b3a10041c327/0RW4012__601_71__P21__shad__fr.png?impolicy=OP_Large&hei=200&wid=400" alt="RAYBAN META - WAYFARER" title="RAYBAN META - WAYFARER" data-description="RAYBAN META - WAYFARER"> 3093 3094 <p class="small black strong text-uppercase">RAY-BAN | META (GEN 2) - WAYFARER</p> 3095 </a> 3096 </div> 3097 </div> 3098 </div> 3099 3100 <div class="position-relative dd-banner-box"> 3101 <div class="ddm-banner-img"> 3102 <img src="https://media.opsm.com/2026/09_September/ADAPTATIONS/DDM_Banner_D.png" alt="AI Glasses banner" loading="lazy" crossorigin="anonymous"> 3103 </div> 3104 <div class="align-items-center d-flex flex-column h-100 left-0 pt-4 px-4 position-absolute justify-content-end top-0 w-100" style="padding-bottom: 32px;"> 3105 <div class="text-center"> 3106 <!-- <div class="text-center w-100 d-flex flex-row justify-content-center align-items-center mb-3"> 3107 <p style="font-size: 12px;" class="mb-0"> 3108 *When purchased as a complete pair (AI frame + lenses). <a class="hover-underline-animation-dark d-inline" href="/special-offers#technology-offer">T&Cs apply</a>. 3109 </p> 3110 </div> --> 3111 3112 <a class="button button--primary button--primary--light mx-auto" href="/ray-ban-meta" title="Shop now" data-element-id="AIGlasses_DDM_MainNav_Promo" data-description="RBMetaPLP" tabindex="0" style="font-size: 14px;max-width: 200px;"><span class="button--label">Shop now</span></a> 3113 </div> 3114 </div> 3115 </div> 3116</div> 3117 3118<style> 3119 #rddm-desk-ai-glasses-wrapper { 3120 padding: 32px 16px; 3121 } 3122
3123 .header--mega-navbar-list-newBadge { 3124 display: flex; 3125 align-items: center 3126 } 3127 3128 .header--mega-navbar-list-newBadge::after { 3129 content: "New"; 3130 margin-left: 10px; 3131 padding: 8px; 3132 background-color: white; 3133 border: 0.5px solid #B58B34; 3134 top: -6px; 3135 right: -6px; 3136 font-size: 10px; 3137 line-height: 1; 3138 padding: 4px 6px; 3139 border-radius: 24px; 3140 color: black; 3141 font-family: "Barlow"; 3142 line-height: 1.5; 3143 font-size: 12px; 3144 font-weight: 600; 3145 letter-spacing: 0.5px; 3146 } 3147 3148 #rddm-aiglasses-desk-upper-title { 3149 font-size: 14px; 3150 } 3151 3152 #rddm-aiglasses-desk-title { 3153 font-size: 25px; 3154 } 3155 3156 #rddm-aiglasses-desk-copy { 3157 font-size: 16px; 3158 } 3159</style> 3160 3161<!--
3161<script> 3162 opsm.utils.setTooltip('#rddm-aiglasses-desk-tooltip-button'); 3163</script>
3163 --> 3164 3165 3166</div> 3167 3168<!-- END Content_UI.jspf --> 3169 </div> 3170 </div> 3171 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-nav-aiglasses-col-2] --> 3172</div> 3173 3174 3175 </div> 3176 </div> 3177 <div class="header--mega-navbar-contents" 3178 id="mega-navbar-contents-frames" style="animation-duration: 400ms"> 3179 <div class="container-fluid submenu-wrapper"> 3180 3181 3182<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-nav-frames-col-1] --><!-- BEGIN ContentRecommendation_UI.jspf --> 3183 <div id="contentRecommendationWidget_rddm-header-nav-frames-col-1" class="contentRecommendationWidget" > 3184 3185 <div dataci_toolbar="_espot" dataci_espot ="_rddm-header-nav-frames-col-1" id="ci_espot__rddm-header-nav-frames-col-1"> 3186 <!-- BEGIN Content_UI.jspf --> 3187<div class="left_espot"> 3188 3189 3190 <div class="link-section-wrapper" id="rddm-col-1-glasses"> 3191 <div class="gap-40 link-section pb-0"> 3192 <a href="/womens-glasses" class="align-items-center d-flex gap-16 strong" data-element-id="MainNav_Glasses-Women" data-description="Woman"> 3193 <img loading="lazy" style="width:60px" src="https://media.opsm.com/DDM/eyeglasses-woman.png"> Women 3194 </a> 3195 <a href="/mens-glasses" class="align-items-center d-flex gap-16 strong" data-element-id="MainNav_Glasses-Men" data-description="Man"> 3196 <img loading="lazy" style="width:60px" src="https://media.opsm.com/DDM/eyeglasses-man.png"> Men 3197 </a> 3198 <a href="/kids-glasses" class="align-items-center d-flex gap-16 strong" data-element-id="MainNav_Glasses-Children" data-description="Kid"> 3199 <img loading="lazy" style="width:60px" src="https://media.opsm.com/DDM/eyeglasses-kids.png"> Kids 3200 </a> 3201 </div> 3202 <div class="left-separator link-section pb-0"> 3203 3204 <p class="header--mega-navbar-list-title">Shop by our picks</p> 3205 <a href="/glasses/new-arrivals" data-element-id="MainNav_Glasses-NewArrivals">New Arrivals</a> 3206 <a href="/glasses/best-sellers" data-element-id="MainNav_Glasses-BestSellers">Best Sellers</a> 3207 <!-- <div class="brands-list-new-container"> 3208 <a href="/ray-ban-meta" data-element-id="MainNav_Glasses-RayBanMeta">Ray-Ban | Meta</a> 3209 <div data-type="New" class="new-pill">New</div> 3210 </div> --> 3211 <a href="/ray-ban-meta" data-element-id="MainNav_Glasses-RayBanMeta">Ray-Ban | Meta</a> 3212 <a href="/oakley-meta" data-element-id="MainNav_Glasses-OakleyMeta">Oakley | Meta</a> 3213 <a href="/transitions-lenses" data-element-id="MainNav_Glasses-Transition">Transitions®</a> 3214 3215 3216 <p class="header--mega-navbar-list-title pt-2">Shop by offer</p> 3217 <!-- <a href="/glasses" data-element-id="MainNav_Glasses-MSO" data-description="MSO_PLP">$100 off* Frames &Lenses</a> --> 3218 <a href="/glasses/adult-value-package" data-element-id="MainNav_Glasses-GVP" data-description="GVP_PLP">Frame + Lenses From <span class="font-weight-bold">$149</span>*</a> 3219 <a style="color: #b58b34" href="/sale/glasses" class="" data-element-id="MainNav_Glasses-Sale" data-description="Sale_PLP">Clearance | Up to 50% off<!-- <span class="bg-gold ml-1 px-2 rounded-pill small strong text-white">%</span> --></a> 3220 3221 3222 <!-- <p class="header--mega-navbar-list-title pt-2">Shop by lenses</p> --> 3223 3224 <!-- <a href="/frame-advisor-page" class="align-items-center d-inline-flex gap-8 mt-2 strong" data-element-id="MainNav_GlassesAdvice-FrameFinder"> 3225 <img loading="lazy" src="https://media.opsm.com/2022/LP/17_FRAME_ADVISOR/ICONS/FrameGenius_Icon.svg" style="height: 16px;filter: brightness(0);"> Find your Frame 3226 </a> --> 3227 </div> 3228 <a class="button button--primary button--primary--dark small" data-element-id="Glasses_CTA0" href="/glasses">VIEW ALL GLASSES</a> 3229</div> 3230 3231<style> 3232 .header--mega-navbar-contents #rddm-col-1-glasses .brands-list-new-container { 3233 align-items: center; 3234 gap: 8px; 3235 display: inline-flex; 3236 } 3237 3238 .header--mega-navbar-contents #rddm-col-1-glasses .brands-list-new-container .new-pill { 3239 height: 24px; 3240 padding-left: 8px; 3241 padding-right: 8px; 3242 border-radius: 24px; 3243 outline: 0.5px #b58b34 solid; 3244 outline-offset: -0.5px; 3245 justify-content: center; 3246 align-items: center; 3247 gap: 10px; 3248 display: flex; 3249 color: #2d2a26; 3250 font-size: 12px; 3251 font-family: "Barlow"; 3252 font-weight: 600; 3253 line-height: 18px; 3254 word-wrap: break-word; 3255 } 3256</style> 3257 3258 3259</div> 3260 3261<!-- END Content_UI.jspf --> 3262 </div> 3263 </div> 3264 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-nav-frames-col-1] --> 3265</div> 3266 3267 <div class="right-col-submenu"> 3268 3269 3270<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-nav-frames-col-2] --><!-- BEGIN ContentRecommendation_UI.jspf --> 3271 <div id="contentRecommendationWidget_rddm-header-nav-frames-col-2" class="contentRecommendationWidget" > 3272 3273 <div dataci_toolbar="_espot" dataci_espot ="_rddm-header-nav-frames-col-2" id="ci_espot__rddm-header-nav-frames-col-2"> 3274 <!-- BEGIN Content_UI.jspf --> 3275<div class="left_espot"> 3276 3277 3278 <div class="bg-light-grey ddm-fixed-height-spacer ddm-logo-section"> 3279 <div class="logo-wrapper">
3280 <a href="/glasses/ray-ban" class="logo-fixed-dim"> 3281 <img loading="lazy" src="https://media.opsm.com/2022/HP/LOGOS/Ray_Ban_DDM.svg"> 3282 </a> 3283 3284 <a href="/glasses/oakley" class="logo-fixed-dim"> 3285 <img loading="lazy" src="https://media.opsm.com/DDM/oakley.svg"> 3286 </a> 3287 3288 <a href="/glasses/miu-miu" class="logo-fixed-dim p-0"> 3289 <img loading="lazy" src="https://media.opsm.com/DDM/Miu_Miu.svg"> 3290 </a> 3291 3292 <a href="/glasses/versace" class="logo-fixed-dim"> 3293 <img loading="lazy" src="/wcsstore/OPSMStorefrontAssetStore/images/brand/VERSACE.jpg"> 3294 </a> 3295 3296 <a href="/glasses/tiffany" class="logo-fixed-dim p-0"> 3297 <img loading="lazy" src="https://media.opsm.com/2024/Logos/Tiffany.svg"> 3298 </a> 3299 3300 <a href="/glasses/prada" class="logo-fixed-dim p-0"> 3301 <img loading="lazy" src="https://media.opsm.com/DDM/Prada.svg"> 3302 </a> 3303 3304 </div> 3305 <a class="button button--secondary button--secondary--dark small small-btn" href="/glasses">SHOP ALL BRANDS</a> 3306</div> 3307 3308 3309<style> 3310 .ddm-logo-section .logo-fixed-dim { 3311 width: 140px; 3312 height: 70px; 3313 display: block; 3314 margin: auto; 3315 padding: 12px; 3316 } 3317 3318 .ddm-logo-section .logo-fixed-dim img { 3319 height: 100%; 3320 width: 100%; 3321 object-fit: contain; 3322 } 3323</style> 3324 3325 3326</div> 3327 3328<!-- END Content_UI.jspf --> 3329 </div> 3330 </div> 3331 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-nav-frames-col-2] --> 3332</div> 3333 3334 3335<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-nav-frames-col-3] --><!-- BEGIN ContentRecommendation_UI.jspf --> 3336 <div id="contentRecommendationWidget_rddm-header-nav-frames-col-3" class="contentRecommendationWidget" > 3337 3338 <div dataci_toolbar="_espot" dataci_espot ="_rddm-header-nav-frames-col-3" id="ci_espot__rddm-header-nav-frames-col-3"> 3339 <!-- BEGIN Content_UI.jspf --> 3340<div class="left_espot"> 3341 3342 3343 <div class="position-relative dd-banner-box"> 3344 <div class="ddm-banner-img"> 3345 <img src="https://media.opsm.com/2026/02_February/Superweek/DDM/OPT_D.jpg" alt="glasses Banner" loading="lazy" crossorigin="anonymous"> 3346 </div> 3347 <div class="align-items-center d-flex flex-column h-100 left-0 position-absolute justify-content-end top-0 w-100" id="rddm-desk-glasses-wrapper"> 3348 <div> 3349 <div class="text-center w-100"> 3350 <p style="font-size: 12px;" class="mb-4 text-white"> 3351 *Prices as marked. Exclusions and <a class="hover-underline-animation-white d-inline" href="/special-offers#superweek">T&Cs apply</a>. 3352 </p> 3353 <a class="button button--primary button--primary--light mx-auto" href="/promo/eyeglasses" title="Shop now" data-element-id="Glasses_DDM_MainNav_Promo" data-description="GlassesPLP" tabindex="0" style="font-size: 14px;max-width: 200px;"><span class="button--label">Shop now</span></a> 3354 </div> 3355 </div> 3356 </div> 3357</div> 3358 3359<style> 3360 #rddm-desk-glasses-wrapper { 3361 padding: 32px 16px; 3362 } 3363 3364 #rddm-desk-glasses-star { 3365 font-size: 15px; 3366 position: relative; 3367 top: -7px; 3368 font-weight: 500; 3369 } 3370 3371 .rddm-desk-glasses-title { 3372 font-size: 35px; 3373 line-height: 30px; 3374 } 3375 3376 .rddm-desk-glasses-subtitle { 3377 font-size: 22px; 3378 line-height: 32px; 3379 } 3380 3381 #rddm-desk-glasses-tooltip-button { 3382 padding: 0; 3383 height: 24px; 3384 } 3385 3386 .rddm-desk-glasses-popover { 3387 height: 20px; 3388 padding: 0; 3389 border: none; 3390 bottom: 3px; 3391 left: 3px; 3392 position: relative; 3393 } 3394</style> 3395 3396 3397</div> 3398 3399<!-- END Content_UI.jspf --> 3400 </div> 3401 </div> 3402 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-nav-frames-col-3] --> 3403</div> 3404 3405 </div> 3406 </div> 3407 </div> 3408 3409 <div class="header--mega-navbar-contents" 3410 id="mega-navbar-contents-eyecare" style="animation-duration: 400ms"> 3411 <div class="container-fluid submenu-wrapper"> 3412 3413 3414<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-nav-eyecare-col-1] --><!-- BEGIN ContentRecommendation_UI.jspf --> 3415 <div id="contentRecommendationWidget_rddm-header-nav-eyecare-col-1" class="contentRecommendationWidget" > 3416 3417 <div dataci_toolbar="_espot" dataci_espot ="_rddm-header-nav-eyecare-col-1" id="ci_espot__rddm-header-nav-eyecare-col-1"> 3418 <!-- BEGIN Content_UI.jspf --> 3419<div class="left_espot"> 3420 3421 3422 <div class="link-section-wrapper"> 3423 <div class="link-section pb-0"> 3424 <p class="header--mega-navbar-list-title">EYECARE</p> 3425 3426 <a href="/eye-care/eye-tests" title="Eye Tests" data-element-id="MainNav_OurServices-EyeTests">Eye Tests</a> 3427 <a href="/eye-care/dry-eye-technology" title="Eye Technology" data-element-id="MainNav_OurServices-DryEye" class="header--mega-navbar-list-newB
3427adge">Dry Eye Treatment</a> 3428 <a href="/eye-care/eye-technology" title="Eye Technology" data-element-id="MainNav_OurServices-EyeTechnology">Eye Test Technology</a> 3429 <a href="/myopia-control-lenses" title="Eye Technology" data-element-id="MainNav_OurServices-Myopia">Myopia Testing</a> 3430 <a href="/lenses" title="Eye Technology" data-element-id="MainNav_OurServices-Lenses">Our Lenses</a> 3431 <!-- <a href="/book-an-eye-test" title="Book An Eye Test" data-element-id="MainNav_BookAnEyeTest">Book an Eye Test</a> --> 3432 <!-- <a href="/vision-plan" title="Vision Plan" data-element-id="MainNav_OurServices-VisionPlan">Vision Planâ¢</a> --> 3433 <!-- <a href="/tele-optometry" data-element-id="MainNav_EyeCare-WorkplaceServicesSafetyGlasses">Tele Optometry</a> --> 3434 <!-- <a href="/frame-advisor-page" title="Find your frame" data-element-id="MainNav_OurServices-FrameAdvisor">Find your frame</a> --> 3435 3436 <p class="header--mega-navbar-list-title pt-3">AUDIOLOGY SERVICES</p> 3437 3438 <a href="/book-an-eye-test?storeService=audio" title="Book a Hearing Test" data-element-id="MainNav_OurServices-BulkBilling">Book a Hearing Test</a> 3439 <a href="/audiology" title="Hearing care" data-element-id="MainNav_UsefulInformation-HearingCare">Hearing care</a> 3440 </div> 3441 3442 <div class="link-section pb-0"> 3443 3444 <p class="header--mega-navbar-list-title">BUYING ONLINE</p> 3445 3446 <a href="/tyro-health" title="Claim Health Fund Benefits" data-element-id="MainNav_OurServices-TyroHealth">Claim Health Fund Benefits</a> 3447 <a href="/contact-lenses-advice/subscription-value-plan" title="Subscribe & Save 25%" data-element-id="MainNav_OurServices-SubscriptionValuePlan">Subscribe & Save 25%</a> 3448 3449 3450 <p class="header--mega-navbar-list-title pt-3">USEFUL INFORMATION</p> 3451 3452 <a href="/eye-care/benefits/bulk-billing" title="Bulk Billing" data-element-id="MainNav_OurServices-BulkBilling">Bulk Billing</a> 3453 <a href="/eye-care/workplace-services" title="Workplace Services" data-element-id="MainNav_OurServices-WorkplaceServices">Workplace Services</a> 3454 <a href="/faqs" title="FAQs" data-element-id="MainNav_OurServices-FAQs">FAQs</a> 3455 <a href="/dedicated-to-everyday-excellence" title="Dedicated to Everyday Excellence" data-element-id="MainNav_OurServices-DTEE">Dedicated to Everyday Excellence</a> 3456 <!-- <a href="/lenses" title="Lenses" data-element-id="MainNav_OurServices-Lenses">Lenses</a> --> 3457 </div> 3458</div> 3459 3460 3461</div> 3462 3463<!-- END Content_UI.jspf --> 3464 </div> 3465 </div> 3466 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-nav-eyecare-col-1] --> 3467</div> 3468 3469 <div class="right-col-submenu"> 3470 3471 3472<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-nav-eyecare-col-2] --><!-- BEGIN ContentRecommendation_UI.jspf --> 3473 <div id="contentRecommendationWidget_rddm-header-nav-eyecare-col-2" class="contentRecommendationWidget" > 3474 3475 <div dataci_toolbar="_espot" dataci_espot ="_rddm-header-nav-eyecare-col-2" id="ci_espot__rddm-header-nav-eyecare-col-2"> 3476 <!-- BEGIN Content_UI.jspf --> 3477<div class="left_espot"> 3478 3479 3480 <div class="bg-light-grey ddm-fixed-height-spacer ddm-logo-section"> 3481 <div class="logo-wrapper"> 3482 <div><a href="/eye-care/benefits/health-funds/medibank"> <img loading="lazy" src="https://media.opsm.com/2022/LP/26_HEALTH_FUND/HF_Medibank_new.png" style="height: 86px;"></a> </div> 3483 <div><a href="/eye-care/benefits/health-funds/nib"> <img loading="lazy" src="https://media.opsm.com/2022/LP/26_HEALTH_FUND/HF_NIB_new.png" style="height: 86px;"></a> </div> 3484 <div><a href="/eye-care/benefits/health-funds/ing"> <img loading="lazy" src="https://media.opsm.com/2022/LP/26_HEALTH_FUND/HF_ING.png" style="height: 86px;"></a> </div> 3485 <div><a href="/eye-care/benefits/health-funds/hbf"> <img loading="lazy" src="http://media.opsm.com/s7/hbf-logo.png" style="height: 86px;"></a> </div> 3486 <div><a href="/eye-care/benefits/health-funds/uni-health"> <img loading="lazy" src="https://media.opsm.com/LP/11_LOGHI/OPSM_HealthFund_Uni.png" style="height: 86px;"></a> </div> 3487 <div><a href="/eye-care/benefits/health-funds/australian-seniors"> <img loading="lazy" src="https://media.opsm.com/2022/LP/26_HEALTH_FUND/HF_Australian_Seniors.png" style="height: 86px;"></a> </div> 3488 </div><a class="button button--secondary button--secondary--dark" href="/eye-care/benefits/health-funds">view all health funds</a> 3489</div> 3490 3491 3492</div> 3493 3494<!-- END Content_UI.jspf --> 3495 </div> 3496 </div> 3497 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-nav-eyecare-col-2] --> 3498</div> 3499 3500 3501<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-nav-eyecare-col-3] --><!-- BEGIN ContentRecommendation_UI.jspf --> 3502 <div id="contentRecommendationWidget_rddm-header-nav-eyecare-col-3" class="contentRecommendationWidget" > 3503 3504 <div dataci_toolbar="_espot" dataci_espot ="_rddm-header-nav-eyecare-col-3" id="ci_espot__rddm-header-nav-eyecare-col-3"> 3505 <!-- BEGIN Content_UI.jspf --> 3506<div class="left_espot"> 3507 3508 3509 <div class="position-relative ddm-banner-box-desk"> <img loading="lazy" src="https://media.opsm.com/DDM/BET_D.jpg"> <a href="/book-an-eye-test" class="button button--primary--light small" style="line-height: 1;" data-element-id="MainNav_Promo" data-description="Show now">book an eye test</a></div> 3510<style>
3511 .ddm-banner-box-desk .button { 3512 position: absolute; 3513 left: 50%; 3514 bottom: 32px; 3515 transform: translateX(-50%); 3516 min-width: unset; 3517 padding: 14px 24px; 3518 } 3519</style> 3520 3521 3522</div> 3523 3524<!-- END Content_UI.jspf --> 3525 </div> 3526 </div> 3527 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-nav-eyecare-col-3] --> 3528</div> 3529 3530 </div> 3531 </div> 3532 </div> 3533 3534 <div class="header--mega-navbar-contents" 3535 id="mega-navbar-contents-brands" 3536 style="animation-duration: 400ms"> 3537 <div class="container-fluid submenu-wrapper"> 3538 3539 3540<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-nav-brands-col-1] --><!-- BEGIN ContentRecommendation_UI.jspf --> 3541 <div id="contentRecommendationWidget_rddm-header-nav-brands-col-1" class="contentRecommendationWidget" > 3542 3543 <div dataci_toolbar="_espot" dataci_espot ="_rddm-header-nav-brands-col-1" id="ci_espot__rddm-header-nav-brands-col-1"> 3544 <!-- BEGIN Content_UI.jspf --> 3545<div class="left_espot"> 3546 3547 3548 <div class="brands-container d-flex flex-column"> 3549 <p class="brands-title">our favourite brands</p> 3550 <div class="brands-wrapper d-grid"> 3551 <a href="/ray-ban" class="brands-btn"> 3552 <img src="https://media.opsm.com/2022/HP/LOGOS/Ray_Ban_DDM.svg" style="max-width: 72px" /> 3553 </a> 3554 <a href="/oakley" class="brands-btn"> 3555 <img src="https://media.opsm.com/DDM/oakley.svg" style="max-width: 72px" /> 3556 </a> 3557 <a href="/prada" class="brands-btn"> 3558 <img src="https://media.opsm.com/DDM/Prada.svg" /> 3559 </a> 3560 <a href="/miu-miu" class="brands-btn"> 3561 <img src="https://media.opsm.com/DDM/Miu_Miu.svg" /> 3562 </a> 3563 <a href="/tiffany-and-co" class="brands-btn"> 3564 <img src="https://media.opsm.com/2024/Logos/Tiffany.svg" /> 3565 </a> 3566 <a href="/versace" class="brands-btn"> 3567 <img src="https://media.opsm.com/DDM/versace.svg" style="max-width: 99px" /> 3568 </a> 3569 <a href="/oliver-peoples" class="brands-btn"> 3570 <img src="/wcsstore/OPSMStorefrontAssetStore/images/brand/OLIVERPEOPLES.jpg" style="mix-blend-mode: multiply" ; /> 3571 </a> 3572 <a href="/burberry" class="brands-btn"> 3573 <img src="https://media.opsm.com/Logo_Brands/burberry.svg" /> 3574 </a> 3575 <!-- <a href="/ralph" class="brands-btn"> 3576 <img src="https://media.opsm.com/DDM/ralph.svg" style="max-width: 100px" /> 3577 </a> 3578 <a href="/vogue" class="brands-btn"> 3579 <img src="https://media.opsm.com/Logo_Brands/Vogue.svg" /> 3580 </a> --> 3581 </div> 3582</div> 3583 3584<style> 3585 .header--mega-navbar-contents .container-fluid:has(#ci_espot__rddm-header-nav-brands-col-1) { 3586 grid-template-columns: minmax(0px, 390px) auto; 3587 } 3588 3589 .header--mega-navbar-contents .contentRecommendationWidget { 3590 height: 100%; 3591 } 3592 3593 .header--mega-navbar-contents .contentRecommendationWidget #ci_espot__rddm-header-nav-brands-col-1 { 3594 height: 100%; 3595 } 3596 3597 .header--mega-navbar-contents .contentRecommendationWidget #ci_espot__rddm-header-nav-brands-col-1 .left_espot { 3598 height: 100%; 3599 } 3600 3601 .header--mega-navbar-contents #ci_espot__rddm-header-nav-brands-col-1 .brands-container { 3602 height: 100%; 3603 padding-top: 24px; 3604 padding-left: 32px; 3605 padding-right: 32px; 3606 border-right: 1px #e5e5e5 solid; 3607 gap: 24px; 3608 } 3609 3610 .header--mega-navbar-contents #ci_espot__rddm-header-nav-brands-col-1 .brands-container .brands-title { 3611 font-family: "Barlow"; 3612 font-weight: 700; 3613 font-size: 14px; 3614 margin: 0; 3615 letter-spacing: 0px; 3616 text-transform: uppercase; 3617 width: fit-content; 3618 } 3619 3620 .header--mega-navbar-contents #ci_espot__rddm-header-nav-brands-col-1 .brands-container .brands-wrapper { 3621 grid-template-columns: repeat(2, minmax(0px, 150px)); 3622 gap: 24px; 3623 height: 100%; 3624 grid-template-rows: repeat(auto-fill, minmax(0, 64px)); 3625 } 3626 3627 .header--mega-navbar-contents #ci_espot__rddm-header-nav-brands-col-1 .brands-container .brands-wrapper .brands-btn { 3628 width: 100%; 3629 border-radius: 8px; 3630 outline: 1px #e5e5e5 solid; 3631 outline-offset: -1px; 3632 flex-direction: column; 3633 justify-content: center; 3634 align-items: center; 3635 display: inline-flex; 3636 border: none; 3637 background-color: transparent; 3638 } 3639 3640 .header--mega-navbar-contents #ci_espot__rddm-header-nav-brands-col-1 .brands-container .brands-wrapper .brands-btn img { 3641 max-width: 128px; 3642 height: auto; 3643 } 3644</style> 3645 3646 3647</div> 3648 3649<!-- END Content_UI.jspf --> 3650 </div> 3651 </div> 3652 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-nav-brands-col-1] --> 3653</div> 3654 3655 <div class="right-col-submenu"> 3656 3657 3658<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-nav-brands-col-2] --><!-- BEGIN ContentRecommendation_UI.jspf --> 3659 <div id="contentRecommendationWidget_rddm-header-nav-brands-col-2" class="contentRecommendationWidget" > 3660 3661 <div dataci_toolbar="_espot" dataci_espot ="_rddm-header-nav-brands-col-2" id="ci_espot__rddm-header-nav-brands-col-2"> 3662 <!-- BEGIN Content_UI.jspf --> 3663<div class="left_espot"> 3664 3665 3666 <div class="brands-list-container bg-light-grey ddm-fixed-height-spacer d-grid"> 3667 <div class="brands-list-wrapper"> 3668 <div class="brands-list-inner"> 3669 <div class="brands-list-title">a - z</div> 3670 <!-- <div class="brands-list-new-container"> 3671 <a class="brands-list-anchors" href="/ai-glasses">AI Glasses</a> 3672 <div data-type="new" class="new-pill">New</div> 3673 </div> --> 3674 <a class="brands-list-anchors" href="/alain-mikli">Alain Mikli</a> 3675 <a class="brands-list-anchors" href="/armani-exchange">Armani Exchange</a> 3676 <a class="brands-list-anchors" href="/arnette">Arnette</a> 3677 <a class="brands-list-anchors" href="/bolon-eyewear">Bolon</a> 3678 <!-- <a class="brands-list-anchors" href="/brooks-brothers">Brooks Brothers</a> 3679 <a class="brands-list-anchors" href="/brunello-cucinelli">Brunello Cucinelli</a> --> 3680 <a class="brands-list-anchors" href="/burberry">Burberry</a> 3681 <div class="brands-list-new-container"> 3682 <a class="brands-list-anchors" href="/celine">Celine</a> 3683 <div data-type="New" class="new-pill">New</div> 3684 </div>
3685 <a class="brands-list-anchors" href="/coach">Coach</a> 3686 <a class="brands-list-anchors" href="/costa-del-mar">Costa</a> 3687 <div class="brands-list-new-container"> 3688 <a class="brands-list-anchors" href="/dior">Dior</a> 3689 <div data-type="New" class="new-pill">New</div> 3690 </div> 3691 </div> 3692 </div> 3693 <div class="brands-list-wrapper"> 3694 <div class="brands-list-inner"> 3695 <a class="brands-list-anchors" href="/dolce-and-gabbana">Dolce&Gabbana</a> 3696 <a class="brands-list-anchors" href="/emporio-armani">Emporio Armani</a> 3697 <!-- <a class="brands-list-anchors" href="/ferrari">Ferrari</a> --> 3698 <a class="brands-list-anchors" href="/giorgio-armani">Giorgio Armani</a> 3699 <a class="brands-list-anchors" href="/gucci">Gucci</a> 3700 <a class="brands-list-anchors" href="/jimmy-choo">Jimmy Choo</a> 3701 <a class="brands-list-anchors" href="/michael-kors">Michael Kors</a> 3702 <!-- <a class="brands-list-anchors" href="/glasses/miraflex">Miraflex</a> --> 3703 <a class="brands-list-anchors" href="/miu-miu">Miu Miu</a> 3704 <!-- <div class="brands-list-new-container"> 3705 <a class="brands-list-anchors" href="/moncler">Moncler</a> 3706 <div data-type="New" class="new-pill">New</div> 3707 </div> --> 3708 <a class="brands-list-anchors" href="/moncler">Moncler</a> 3709 <a class="brands-list-anchors" href="/discover-nuance-audio">Nuance Audio</a> 3710 </div> 3711 </div> 3712 3713 <div class="brands-list-wrapper"> 3714 <div class="brands-list-inner"> 3715 <a class="brands-list-anchors" href="/oakley-meta">Oakley Meta</a> 3716 <a class="brands-list-anchors" href="/oakley">Oakley</a> 3717 <a class="brands-list-anchors" href="/oliver-peoples">Oliver Peoples</a> 3718 <a class="brands-list-anchors" href="/oroton">Oroton</a> 3719 <a class="brands-list-anchors" href="/persol">Persol</a> 3720 <a class="brands-list-anchors" href="/polo-ralph-lauren">Polo Ralph Lauren</a> 3721 <a class="brands-list-anchors" href="/prada">Prada</a> 3722 <a class="brands-list-anchors" href="/prada-linea-rossa">Prada Linea Rossa</a> 3723 <a class="brands-list-anchors" href="/ralph">Ralph</a> 3724 </div> 3725 </div> 3726 3727 <div class="brands-list-wrapper"> 3728 <div class="brands-list-inner"> 3729 <a class="brands-list-anchors" href="/ray-ban">Ray-Ban</a> 3730 <a class="brands-list-anchors" href="/ray-ban-meta">Ray-Ban Meta</a> 3731 <a class="brands-list-anchors" href="/scuderia-ferrari">Scuderia Ferrari</a> 3732 <a class="brands-list-anchors" href="/sferoflex">Sferoflex</a> 3733 <a class="brands-list-anchors" href="/swarovski">Swarovski</a> 3734 <a class="brands-list-anchors" href="/tiffany-and-co">Tiffany & Co.</a> 3735 <a class="brands-list-anchors" href="/tom-ford">Tom Ford</a> 3736 <a class="brands-list-anchors" href="/versace">Versace</a> 3737 <a class="brands-list-anchors" href="/vogue">Vogue Eyewear</a> 3738 </div> 3739 </div> 3740 3741</div> 3742 3743<style> 3744 .header--mega-navbar-contents .right-col-submenu .brands-list-container { 3745 grid-template-columns: repeat(4, auto); 3746 } 3747 3748 .header--mega-navbar-contents .right-col-submenu .brands-list-wrapper { 3749 width: 100%; 3750 height: 100%; 3751 padding-top: 24px; 3752 padding-bottom: 32px; 3753 padding-left: 32px; 3754 background: #ffffff; 3755 flex-direction: column; 3756 justify-content: flex-start; 3757 align-items: flex-start; 3758 gap: 32px; 3759 display: inline-flex; 3760 } 3761 3762 .header--mega-navbar-contents .right-col-submenu .brands-list-wrapper:not(:first-of-type) { 3763 padding-top: 60px; 3764 } 3765 3766 .header--mega-navbar-contents .right-col-submenu .brands-list-inner { 3767 flex-direction: column; 3768 justify-content: flex-start; 3769 align-items: flex-start; 3770 gap: 16px; 3771 display: flex; 3772 } 3773 3774 .header--mega-navbar-contents .right-col-submenu .brands-list-inner .brands-list-title { 3775 align-self: stretch; 3776 color: #2d2a26; 3777 font-size: 14px; 3778 font-family: "Barlow"; 3779 font-weight: 700; 3780 text-transform: uppercase; 3781 line-height: 21px; 3782 word-wrap: break-word; 3783 } 3784 3785 .header--mega-navbar-contents .right-col-submenu .brands-list-inner .brands-list-anchors { 3786 align-self: stretch; 3787 color: #222222; 3788 font-size: 16px; 3789 font-family: "Barlow"; 3790 font-weight: 400; 3791 line-height: 24px; 3792 word-wrap: break-word; 3793 } 3794 3795 .header--mega-navbar-contents .right-col-submenu .brands-list-inner .brands-list-new-container { 3796 align-items: center; 3797 gap: 8px; 3798 display: inline-flex; 3799 } 3800 3801 .header--mega-navbar-contents .right-col-submenu .brands-list-inner .brands-list-new-container .new-pill { 3802 height: 24px; 3803 padding-left: 8px; 3804 padding-right: 8px; 3805 border-radius: 24px; 3806 outline: 0.5px #b58b34 solid; 3807 outline-offset: -0.5px; 3808 justify-content: center; 3809 align-items: center; 3810 gap: 10px; 3811 display: flex; 3812 color: #2d2a26; 3813 font-size: 12px; 3814 font-family: "Barlow"; 3815 font-weight: 600; 3816 line-height: 18px; 3817 word-wrap: break-word; 3818 } 3819</style> 3820 3821 3822</div> 3823 3824<!-- END Content_UI.jspf --> 3825 </div> 3826 </div> 3827 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-nav-brands-col-2] --> 3828</div> 3829 3830 </div> 3831 </div> 3832 </div> 3833 3834 </div>
3835 </div> 3836 </div> 3837 3838 <div class="col-auto d-flex justify-content-end align-items-center my-auto"> 3839 3840 3841 <a class="header--cms-item btn btn-link" title="Search" 3842 id="btn-search" data-element-id="MainNav_Search" 3843 data-content="Search"> 3844 </a> 3845 3846 3847<span class="d-none align-items-center utagpiimask header--r-user"> 3848 3849 <div class="header--cms-item dropdown header--user-menu-dropdown"> 3850 <div class="header--cms-item btn btn-link px-lg-1 hidden-mobile" id="btn-login" title="Account" aria-haspopup="true" aria-expanded="false"> 3851 <span class="icon icon-login" data-toggle="dropdown"></span> 3852 <div class="dropdown-menu" aria-labelledby="btn-login"> 3853 <a class="dropdown-item" href="/UserAccountDashboardView?catalogId=12601&langId=-1&storeId=10151" title="My account" data-element-id="MainNav_Account">My account</a> 3854 <a class="dropdown-item" href="/UserOrderHistory?catalogId=12601&langId=-1&storeId=10151" title="Order details" data-element-id="MainNav_Account-Orders">Order details</a> 3855 <a class="dropdown-item" href="/Logoff?myAcctMain=1&catalogId=12601&langId=-1&storeId=10151&URL=LogonForm" title="Log out" data-element-id="MainNav_Account-Logout">Log out</a> 3856 </div> 3857 </div> 3858 <div class="header--cms-item btn btn-link px-lg-1" id="btn-login-mobile" title="Account" aria-haspopup="true" aria-expanded="false"> 3859 <span class="icon icon-login visible-mobile"></span> 3860 </div> 3861 </div> 3862</span> 3863 3864<a class="header--cms-item btn btn-link header--g-user" 3865 href="/sign-in" 3866 title="Account" data-element-id="MainNav_Account"> 3867 3868 <span class="icon icon-login"></span> 3869</a> 3870 3871 3872
3873<script type="text/javascript"> 3874 var yourFavourites_u = 'YOUR FAVOURITE'; 3875 var addedToFavourites = 'Added to Favourites'; 3876 var addToFavouritesErrorMsg = 'You were not able to add this product at this time. Please try again.'; 3877 var isGuestUser = 'true'; 3878 var loadingImage = '<div class="loading-img"><img src="/wcsstore/OPSMStorefrontAssetStore/images/loading.gif" /></div>'; 3879</script>
3879 3880 <a class="header--cms-item btn btn-link d-none d-lg-inline-block" id="btn-favourite" href='/favorites' title="Favourites" data-element-id="MainNav_Fav"> 3881 3882 <span class="icon icon-favourite"></span> 3883 <span class="badge badge-pill header--cms-badge d-none"></span> 3884 </a> 3885 3886<input type="hidden" id="added-products-favourites" rel=""> 3887<input type="hidden" id="pending-products-favourites" rel=""> 3888<input type="hidden" id="langId" value="-1" /> 3889<input type="hidden" id="storeId" value="10151" /> 3890<input type="hidden" id="catalogId" value="12601" /> 3891<input type="hidden" id="wishlist-total-count" value="0" /> 3892 3893 <a class="header--cms-item btn btn-link opsm-modal-link" 3894 id="btn-cart" title="Your Cart" 3895 href="/OrderCalculate?calculationUsageId=-1&calculationUsageId=-2&calculationUsageId=-3&calculationUsageId=-4&calculationUsageId=-5&calculationUsageId=-6&calculationUsageId=-7&catalogId=12601&updatePrices=1&orderId=.&langId=-1&storeId=10151&errorViewName=AjaxOrderItemDisplayView&keepAutoAddedOrderItemsBeforeCalculate=true&URL=AjaxOrderItemDisplayView" 3896 data-element-id="MainNav_Bag"> 3897 <span class="icon icon-cart"></span> 3898 <span class="badge badge-pill header--cms-badge"></span> 3899 </a> 3900 </div> 3901 </div> 3902 </div> 3903</div> 3904 3905 3906 3907 </div> 3908 <div class="alert-container"> 3909 <div class="alert alert-success" id="alert-success" role="alert" 3910 style="z-index: 13; display: none;"></div> 3911 <div class="alert alert-danger" id="alert-danger" role="alert" 3912 style="z-index: 13; display: none;"></div> 3913 <div class="alert alert-info" id="alert-info" role="alert" 3914 style="z-index: 13; display: none;"></div> 3915 </div> 3916 3917 3918 3919 <div id="modal-cart-container"></div> 3920 3921
3921<script type="text/javascript"> 3922 $(document).ready(function() { 3923 var countryCode = "AU"; 3924 if (countryCode === "NZ") { 3925 $(".header--mega-navbar-category-content a").each(function(){ 3926 $(this).attr("href",$(this).attr("href").replace("orderBy=7","orderBy=8")) 3927 }) 3928 } 3929 }); 3930 </script>
3930 3931 3932 <!-- RXC Config Override Espot --> 3933 3934<div class="emarketingspot"><!-- Begin EmarketingSpot [__RXC_BASE_CONFIG_ESPOT] --><!-- BEGIN ContentRecommendation_UI.jspf --> 3935 <div id="contentRecommendationWidget___RXC_BASE_CONFIG_ESPOT" class="contentRecommendationWidget" > 3936 3937 <div dataci_toolbar="_espot" dataci_espot ="___RXC_BASE_CONFIG_ESPOT" id="ci_espot____RXC_BASE_CONFIG_ESPOT"> 3938 <!-- BEGIN Content_UI.jspf --> 3939<div class="left_espot"> 3940 3941 3942
3942<script type="text/javascript"> 3943var rxcOverrideConfig = { 3944 layoutSettings: { 3945 enableGrayout: true, 3946 enableLargeIcons: true, 3947 enableNestedTransitionSwatch: true, 3948 activateMoneySavingsBadge: true, 3949 enableDigitalOptometry: true, 3950 }, 3951 data: { 3952 autoDiscountBadge: 'PERCENTAGE', 3953 }, 3954 paymentInstallment: { 3955 type: "", 3956 types: [ 3957 "afterpay", 3958 "paypal" 3959 ] 3960 } 3961}; 3962 3963var rxcCustomerCarePhoneNumber = 'Not sure about something? Call our Customer Service experts on <a href="tel:"1800626300">1800 626 300</a>'; 3964 3965window.rxcTranslations = { 3966 "en_AU":{ 3967 "proceedAsIs":"Continue without additional features", 3968 "steps":{ 3969 "type":{ 3970 "title":"Choose your vision need", 3971 "titleMobile":"Choose your vision need" 3972 }, 3973 "color":{ 3974 "confirmedTitle":"Colour:", 3975 "title":"Choose your lens colour", 3976 "titleMobile":"Choose your lens colour", 3977 "polarized":"Polarised only", 3978 "applyAndContinue":"Apply", 3979 "subtitle":"Enhanced color and contrast so you can see more detail" 3980 }, 3981 "treatments":{ 3982 "addToBag":"Add to cart" 3983 }, 3984 "review":{ 3985 "paymentInstallments":{ 3986 "modal":{ 3987 "afterpay":"With Afterpay, make 4 interest-free payments, every two weeks. You must be over 18, a resident of the country offering Afterpay, and meet additional eligibility criteria to qualify. Late fees may apply. Your first instalment may be due at the time of purchase. Estimated payment amounts shown on product pages exclude taxes and shipping charges, which are added at checkout.<a target='_blank' href='https://www.afterpay.com/en-AU/terms-of-service'>Click here</a> for complete terms. <a target='_blank' href='https://media.opsm.com/cart/afterpay_howItWorks_desktop.png'>Click here to learn more</a>." 3988 } 3989 } 3990 }, 3991 "advancedPrescription":{ 3992 "manual":{ 3993 "card":{ 3994 "description":"<div>This is our quickest and most popular method. We will then recommend the most suitable lens type.</div><div class='d-lg-flex h-auto justify-content-start px-2 py-1 tyro-claim'><p class='d-inline w-auto mb-0'>Choose this option if you would like to claim online instantly with</p><img src='https://media.opsm.com/icons/[email protected]' class='mb-1 mb-lg-0 ml-1 ml-lg-0'></div>" 3995 }, 3996 "continueModal":{ 3997 "title":"Send prescription later", 3998 "message":"By clicking on continue, you will be skipping the prescription step. Weâll ask you again during checkout, and after your order confirmation, you can either upload it or select it from my account.", 3999 "continue":"Yes, continue", 4000 "cancel":"No, go back" 4001 }, 4002 "howToReadModal":{ 4003 "customerService":"rxcCustomerCarePhoneNumber" 4004 }, 4005 "whatIsIt":"What is PD (Pupillary Distance)" 4006 }, 4007 "later":{ 4008 "card":{ 4009 "description":"Weâll ask you again during checkout, and after your order confirmation, you can either upload it or select it from my account." 4010 } 4011 } 4012 } 4013 }, 4014 "fallbackImageMessageTitle":"Lens colour preview not available", 4015 "price":{ 4016 "totalFrameLens":{ 4017 "frameLensTotal":"Frame + Lenses price", 4018 "frameLensStartingAt":"Frame + Lenses starting at" 4019 } 4020 }, 4021 "gvpTreatment":{ 4022 "title":"Choose your lens type" 4023 } 4024 } 4025}; 4026</script>
4026 4027 4028 4029</div> 4030 4031<!-- END Content_UI.jspf --> 4032 </div> 4033 </div> 4034 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [__RXC_BASE_CONFIG_ESPOT] --> 4035</div> 4036<!-- Transitions Improvements config --> 4037 4038<div class="emarketingspot"><!-- Begin EmarketingSpot [X_Transitions_Config] --><!-- BEGIN ContentRecommendation_UI.jspf --> 4039 <div id="contentRecommendationWidget_X_Transitions_Config" class="contentRecommendationWidget" > 4040 4041 <div dataci_toolbar="_espot" dataci_espot ="_X_Transitions_Config" id="ci_espot__X_Transitions_Config"> 4042 <!-- BEGIN Content_UI.jspf --> 4043<div class="left_espot"> 4044 4045 4046
4046<script type="text/javascript"> 4047 window.isTransitionsEnabled = true; 4048</script>
4048 4049 4050 4051</div> 4052 4053<!-- END Content_UI.jspf --> 4054 </div> 4055 </div> 4056 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [X_Transitions_Config] --> 4057</div> 4058 4059 </div> 4060</header> 4061 4062 4063 4064<div class="emarketingspot"><!-- Begin EmarketingSpot [X_Header_Info_Banner] --><!-- BEGIN ContentRecommendation_UI.jspf --> 4065 <div id="contentRecommendationWidget_X_Header_Info_Banner" class="contentRecommendationWidget" > 4066 4067 <div dataci_toolbar="_espot" dataci_espot ="_X_Header_Info_Banner" id="ci_espot__X_Header_Info_Banner"> 4068 <!-- BEGIN Content_UI.jspf --> 4069<div class="left_espot"> 4070 4071 4072 <!-- DESKTOP BANNER --> 4073<div class="header--notibar text-center justify-content-center align-items-center position-absolute d-none promo-popup-banner" id="promo-popup-banner-hp" role="alert"> 4074 <div class="header--notibar-text w-100"> 4075 <a class="text-white font-weight-bolder d-flex flex-row justify-content-center align-items-center collapsed promo-popup-banner-cta" id="promo-popup-banner-cta-hp" data-toggle="collapse" href="#promoPopupCollapse2" role="button" aria-expanded="false" aria-controls="promoPopupCollapse2"> 4076 AI GLASSES, EXTRA 10% OFF LENSES* 4077 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="ml-2"> 4078 <path d="M8.00002 3.05699L15.8047 10.862L14.862 11.8047L8.00002 4.94299L1.13802 11.8047L0.195354 10.862L8.00002 3.05699Z" fill="white"></path> 4079 </svg> 4080 </a> 4081 4082 <div class="collapse promoPopupCollapse" id="promoPopupCollapse2"> 4083 <div class="card card-body"> 4084 <p class="text-left">Exclusive to online, save an additional 10% off prescription lenses* when you purchase a pair of AI frames. Exclusions and <a class="d-inline-block hover-underline-animation-dark" href="/special-offers" data-element-id="DTEE_T&Cs" data-description="T&Cs" tabindex="-1">T&Cs apply</a>.</p> 4085 4086 <div class="d-flex flex-row justify-content-center align-items-center" id="sale-off-buttons"> 4087 <a class="button button--primary button--primary--dark" href="/ai-glasses" title="Shop now" data-element-id="AMS_Popup_AIGlassesPLP" data-description="JoinNewsletter" tabindex="0"><span class="button--label">Shop now</span></a> 4088 <!-- <a class="button button--primary button--primary--dark w-100" href="/oakley-meta" title="Shop Oakley Meta" data-element-id="AMS_Popup_OOMetaPLP" data-description="JoinNewsletter" tabindex="0"><span class="button--label">Shop Oakley Meta</span></a> --> 4089 </div> 4090 </div> 4091 </div> 4092 </div> 4093</div> 4094 4095 4096<!-- MOBILE BANNER --> 4097<div class="header--notibar px-5 d-md-none text-center justify-content-center align-items-center d-none" id="baet-info-banner" role="alert"> 4098 <!-- Mobile --> 4099 <a class="header--notibar-text font-weight-bold text-white d-flex justify-content-center align-items-center" href="/book-an-eye-test" title="Book an eye test" data-element-id="HPHeader_BookAnEyeTest_CTA"> 4100 <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="mr-2"> 4101 <g clip-path="url(#clip0_778_12996)"> 4102 <path d="M15.8333 1.33333H12.8333V0H12.1667V1.33333H8.83333V0H8.16667V1.33333H4.83333V0H4.16667V1.33333H1.16667C0.799 1.33333 0.5 1.63233 0.5 2V15.3333C0.5 15.701 0.799 16 1.16667 16H15.8333C16.201 16 16.5 15.701 16.5 15.3333V2C16.5 1.63233 16.201 1.33333 15.8333 1.33333ZM15.8337 15.3333H1.16667V5.33333H15.8333L15.8337 15.3333ZM1.16667 4.66667V2H4.16667V3.33333H4.83333V2H8.16667V3.33333H8.83333V2H12.1667V3.33333H12.8333V2H15.8333V4.66667H1.16667Z" fill="white"></path> 4103 </g> 4104 <defs> 4105 <clipPath id="clip0_778_12996"> 4106 <rect width="16" height="16" fill="white" transform="translate(0.5)"></rect> 4107 </clipPath> 4108 </defs> 4109 </svg> 4110 4111 BOOK A TEST 4112 </a> 4113</div> 4114 4115<style> 4116 /* MOBILE BANNER */ 4117 #sale-off-banner { 4118 background: linear-gradient(19deg, #B58B34, #714A12, #B58B34); 4119 } 4120 4121 #baet-info-banner { 4122 display: flex; 4123 background: linear-gradient(19deg, #B58B34, #714A12, #B58B34); 4124 } 4125 4126 @media (max-width: 768px) { 4127 .header--notibar-text { 4128 font-size: 14px; 4129 line-height: 18px; 4130 text-decoration: none; 4131 } 4132 } 4133 4134 4135 /* DESKTOP BANNER */ 4136 .promo-popup-banner { 4137 height: auto; 4138 min-height: 40px; 4139 padding: 0; 4140 border-radius: 0 0 16px 16px; 4141 background: radial-gradient(121.25% 58.95% at 50% 50%, #915F17 0%, #B58B34 100%); 4142 } 4143 4144 #promo-popup-banner-hp { 4145 display: none; 4146 } 4147 4148 .promo-popup-banner-cta { 4149 font-size: 14px; 4150 height: 40px; 4151 text-decoration: none; 4152 } 4153 4154 .promo-popup-banner-cta>svg { 4155 transition: all .2s ease; 4156 transform: rotate(0); 4157 } 4158 4159 .promo-popup-banner-cta.collapsed>svg { 4160 transform: rotate(180deg); 4161 } 4162 4163 .promoPopupCollapse>.card-body { 4164 border-radius: 10px; 4165 color: #2D2A26; 4166 font-size: 16px; 4167 padding: 16px 12px; 4168 margin: 0px 8px 10px 8px; 4169 } 4170 4171 .promoPopupCollapse>.card-body>p { 4172 line-height: 150%; 4173 } 4174 4175 .promoPopupCollapse>.card-body>p>a { 4176 line-height: 120%; 4177 } 4178 4179 .promoPopupCollapse #sale-off-buttons { 4180 gap: 16px; 4181 } 4182 4183 .promoPopupCollapse #sale-off-buttons a { 4184 font-size: 12px; 4185 padding: 6px 18px; 4186 /* max-width: 140px; */ 4187 min-width: unset; 4188 } 4189 4190 @media (max-width: 768px) { 4191 .header--notibar-text { 4192 font-size: 14px; 4193 line-height: 18px; 4194 text-decoration: none; 4195 } 4196 4197 .promoPopupCollapse #sale-off-buttons a { 4198 max-width: 160px; 4199 } 4200 } 4201 4202 @media screen and (min-width: 768px) { 4203 .promo-popup-banner { 4204 max-width: 350px; 4205 top: 113px; 4206 right: 20px; 4207 border-radius: 16px; 4208 } 4209 4210 #promo-popup-banner-hp { 4211 display: block; 4212 } 4213 4214 .promo-popup-banner-cta { 4215 height: 52px; 4216 } 4217 4218 .promoPopupCollapse>.card-body { 4219 border-radius: 8px; 4220 color: #2D2A26; 4221 font-size: 16px; 4222 padding: 16px 12px; 4223 margin: 0px 16px 16px 16px; 4224 } 4225 } 4226 4227 .header--notibar { 4228 z-index: 3 !important; 4229 } 4230</style> 4231 4232
4233<script type="text/javascript"> 4234 $(document).ready(function () { 4235 if ($('body').attr('id') === 'body-home-page') { 4236 $('#promo-popup-banner-hp').removeClass('d-none'); 4237 $('#baet-info-banner').removeClass('d-none'); 4238 4239 } 4240 4241 /* if (window.location.href.includes('/discover-nuance-audio')) { 4242 $('#promo-popup-banner-nuance').removeClass('d-none').addClass('d-flex'); 4243 } */ 4244 }); 4245 /* if ($.cookie("sale-off-banner") === "read") { 4246 $("#sale-off-banner").addClass("d-none").removeClass('d-flex'); 4247 $('.header').addClass('header--no-notibar'); 4248 $("body").css("padding-top", "0"); 4249 } else { 4250 $("#header-notibar-close").on("click", function () { 4251 $.cookie("sale-off-banner", "read", { 4252 expires: 1, 4253 path: '/' 4254 }); 4255 $("body").css("padding-top", "0"); 4256 }); 4257 } */ 4258</script>
4258 4259 4260 4261</div> 4262 4263<!-- END Content_UI.jspf --> 4264 </div> 4265 </div> 4266 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [X_Header_Info_Banner] --> 4267</div> 4268 4269 4270<div class="search" id="search-overlay"> 4271 <div class="d-flex search--header" id="search-header"> 4272 <div class="col-md-4"></div> 4273 <div class="col-md-4 mx-auto d-inline-block d-md-none justify-content-center search--header-image"> 4274 <a href="/"><img class="search--header-logo--mb" loading="lazy" 4275 src="/wcsstore/OPSMStorefrontAssetStore/images/icons/brand.svg" 4276 alt="OSPM"></a> 4277 </div> 4278 <div 4279 class="col-md-4 mx-auto d-none d-md-inline-block justify-content-center search--header-image"> 4280 <a href="/"><img class="search--header-logo" loading="lazy" 4281 src="/wcsstore/OPSMStorefrontAssetStore/images/icons/brand.svg" 4282 alt="OSPM"></a> 4283 </div> 4284 <div class="col-md-4 justify-content-end search--header-close"> 4285 <span class="icon-close" id="search-overlay-close"></span> 4286 </div> 4287 </div> 4288 <div class="container"> 4289 <div id="search-content"> 4290 <form class="search--form" id="searchForm" autocomplete="off" 4291 action="/searchterm/"> 4292 4293 4294 <input class="search--input" id="search-input" type="text" 4295 placeholder="Start typing to search" name="searchTerm" 4296 required="required"> 4297 4298 4299 <input type="hidden" value="!ads_f10501:Lens" class="customExpr"/> 4300 <button class="search--submit" id="search-submit" type="submit">view 4301 results</button> 4302 <!--type="submit"--> 4303 </form> 4304 <div class="list-group" id="searches-found"> 4305 <label class="list-group-item search--searches-found-label" 4306 id="search-result-label">Popular searches</label> 4307 4308 <div class="row search--results-content" id="popular-results-espot"> 4309 4310 4311<div class="emarketingspot"><!-- Begin EmarketingSpot [header-overlay-search-popular] --><!-- BEGIN ContentRecommendation_UI.jspf --> 4312 <div id="contentRecommendationWidget_header-overlay-search-popular" class="contentRecommendationWidget" > 4313 4314 <div dataci_toolbar="_espot" dataci_espot ="_header-overlay-search-popular" id="ci_espot__header-overlay-search-popular"> 4315 <!-- BEGIN Content_UI.jspf --> 4316<div class="left_espot"> 4317 4318 4319 <div> 4320 <a href="https://www.opsm.com.au/ray-ban-meta" class="list-group-item search--searches-found" data-search-term="Ray-Ban Meta">Ray-Ban Meta</a> 4321 <a href="https://www.opsm.com.au/oakley-meta" class="list-group-item search--searches-found" data-search-term="Oakley Meta">Oakley Meta</a> 4322 <a href="https://www.opsm.com.au/sunglasses/ray-ban" class="list-group-item search--searches-found" data-search-term="Ray-Ban sunglasses">Ray-Ban sunglasses</a> 4323 <a href="https://www.opsm.com.au/contact-lenses" class="list-group-item search--searches-found" data-search-term="Contact lenses">Contact lenses</a> 4324 <a href="https://www.opsm.com.au/eye-care/eye-conditions" class="list-group-item search--searches-found" data-search-term="Eye conditions">Eye Conditions</a> 4325 <a href="https://www.opsm.com.au/eye-care/eye-tests" class="list-group-item search--searches-found" data-search-term="Eye test">Eye test</a> 4326 <a href="https://www.opsm.com.au/sunglasses-advice/uv-protective" class="list-group-item search--searches-found" data-search-term="UV">How to protect my eyes from UV rays</a> 4327</div> 4328 4329 4330</div> 4331 4332<!-- END Content_UI.jspf --> 4333 </div> 4334 </div> 4335 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [header-overlay-search-popular] --> 4336</div> 4337 4338 </div> 4339 <div class="row search--results-content" id="suggested-keywords" 4340 style="display: none;"></div> 4341 <label class="list-group-item search--searches-found-label" 4342 id="search-result-label-products" style="display: none;">Suggested 4343 products</label> 4344 <div class="row search--results-content" 4345 id="suggested-products-views" style="display: none;"></div> 4346 </div> 4347 </div> 4348 </div> 4349</div> 4350 4351<!-- END HEader_UI.jsp --><!-- END Header.jsp --> 4352 </div> 4353 4354 <div id="contentWrapper" class="contents"> 4355 <div id="content" role="main"> 4356 <!-- No java script files will be included dynamically for this layout --> 4357 4358 <div class="row"> 4359 <div class="col-12" data-slot-id="1"> 4360 4361<div class="emarketingspot"><!-- Begin EmarketingSpot [WhyOPSM_Experience_LP_Hero] --><!-- BEGIN ContentRecommendation_UI.jspf --> 4362 <div id="contentRecommendationWidget_1_4099276460824349855_4099276460824397737" class="contentRecommendationWidget" > 4363 4364 <div dataci_toolbar="4099276460824397737_espot" dataci_espot ="4099276460824397737_WhyOP
4364SM_Experience_LP_Hero" id="ci_espot_4099276460824397737_WhyOPSM_Experience_LP_Hero"> 4365 <!-- BEGIN Content_UI.jspf --> 4366<div class="left_espot"> 4367 4368 4369 <div class="row w-100 mx-0"> 4370 <div class="col-md-6 pr-md-0"> 4371 <picture> 4372 <source media="(max-width: 767px)" srcset="https://media.opsm.com/2023/09_September/Why_OPSM/LP/Hero_M.jpg"> 4373 <img class="w-100" src="https://media.opsm.com/2023/09_September/Why_OPSM/LP/Hero_D.jpg" alt="Why OPSM Hero Banner"> 4374 </picture> 4375 </div> 4376 <div class="col-md-6 pl-md-0"> 4377 <div class="px-4 py-5 py-md-4 p-lg-5 h-100 justify-content-md-center bg-dark-opsm d-flex align-items-center"> 4378 <div class="px-3 px-lg-0 text-center w-100"> 4379 <h2 class="text-uppercase text-white why-opsm-hero-h2">All about <br class="d-none d-xl-block d-xxxl-none"><span class="gold">OPSM</span> 4380 </h2> 4381 <p class="pb-2 px-0 text-white">We were born in Australia 90 years ago. <br />Today, we have over 400 stores and decades of experience caring <br class="d-none d-xl-block"> 4382 for Australian and New Zealand eyes.</p> 4383 <a class="button button--secondary button--secondary--light" href="/about-us/our-story" title="Discover Our Story" data-element-id="X_WhyOPSM-CLP_OurStory_CTA" data-description="DiscoverOurStory"><span class="button--label">Discover Our Story</span></a> 4384 </div> 4385 </div> 4386 </div> 4387</div> 4388 4389<style> 4390 .why-opsm-hero-h2 { 4391 font-size: 40px; 4392 line-height: 52px; 4393 } 4394 4395 @media screen and (max-width: 1440.98px) { 4396 .why-opsm-hero-h2 { 4397 font-size: 30px; 4398 line-height: 39px; 4399 } 4400 } 4401 4402 @media screen and (min-width: 1600px) { 4403 .d-xxxl-none { 4404 display: none !important; 4405 } 4406 } 4407 4408 4409 .bg-dark-opsm { 4410 background-color: #2d2a26 4411 } 4412 4413 .object-fit-img { 4414 height: 100%; 4415 object-fit: cover; 4416 } 4417</style> 4418 4419 4420</div> 4421 4422<!-- END Content_UI.jspf --> 4423 </div> 4424 </div> 4425 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [WhyOPSM_Experience_LP_Hero] --> 4426</div> 4427</div> 4428 </div> 4429 <div class="container-fluid"> 4430 <div class="row"> 4431 <div class="col-12" data-slot-id="2"></div> 4432 </div> 4433 </div> 4434 <div class="row"> 4435 <div class="col-12" data-slot-id="3"> 4436 4437<div class="emarketingspot"><!-- Begin EmarketingSpot [WhyOPSM_Experience_LP_Body] --><!-- BEGIN ContentRecommendation_UI.jspf --> 4438 <div id="contentRecommendationWidget_3_4099276460824349855_4099276460824397738" class="contentRecommendationWidget" > 4439 4440 <div dataci_toolbar="4099276460824397738_espot" dataci_espot ="4099276460824397738_WhyOPSM_Experience_LP_Body" id="ci_espot_4099276460824397738_WhyOPSM_Experience_LP_Body"> 4441 <!-- BEGIN Content_UI.jspf --> 4442<div class="left_espot"> 4443 4444 4445 <div style="height: 1px" id="box-shadow-trigger"></div> 4446<div id="top-navigation-pills-why-opsm" class="d-flex align-items-center bg-white"> 4447 <ul class="d-flex flex-row px-0 py-4 px-3"> 4448 <li id="top-navigation-pills-why-opsm-technology" class="pr-1 py-0 text-center active"> 4449 <a scrollTo="tab-technology" class="badge badge-pill badge-why-opsm px-4 d-flex align-items-center justify-content-center"><img src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Technology.svg" class="mr-2"> 4450 Technology 4451 </a> 4452 </li> 4453 <li id="top-navigation-pills-why-opsm-eye-tests" class="px-1 py-0 text-center"> 4454 <a scrollTo="tab-eye-tests" class="badge badge-pill badge-why-opsm px-4 d-flex align-items-center justify-content-center"><img src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Eye_Tests.svg" class="mr-2"> 4455 Eye Tests 4456 </a> 4457 </li> 4458 <li id="top-navigation-pills-why-opsm-eye-conditions" class="px-1 py-0 text-center"> 4459 <a scrollTo="tab-eye-conditions" class="badge badge-pill badge-why-opsm px-4 d-flex align-items-center justify-content-center"><img src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Eye_Conditions.svg" class="mr-2"> 4460 Eye Conditions 4461 </a> 4462 </li> 4463 <li id="top-navigation-pills-why-opsm-advanced-lenses" class="px-1 py-0 text-center"> 4464 <a scrollTo="tab-advanced-lenses" class="badge badge-pill badge-why-opsm px-4 d-flex align-items-center justify-content-center"><img src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Advanced_Lenses.svg" class="mr-2"> 4465 Advanced Lenses 4466 </a> 4467 </li> 4468 <li id="top-navigation-pills-why-opsm-frames-and-style" class="px-1 py-0 text-center"> 4469 <a scrollTo="tab-frames-and-style" class="badge badge-pill badge-why-opsm px-4 d-flex align-items-center justify-content-center"><img src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Frames_Style.svg" class="mr-2"> 4470 Frames & Style 4471 </a> 4472 </li> 4473 <li id="top-navigation-pills-why-opsm-our-services" class="px-1 py-0 text-center"> 4474 <a scrollTo="tab-our-services" class="badge badge-pill badge-why-opsm px-4 d-flex align-items-center justify-content-center"><img src="https://media.opsm.com/2023/07_July/BOSS/Store_Services.svg" class="mr-2"> 4475 In Store Services 4476 </a> 4477 </li> 4478 <!-- <li id="top-navigation-pills-why-opsm-promotions" class="pl-1 py-0 text-center"> 4479 <a scrollTo="tab-promotions" class="badge badge-pill badge-why-opsm px-4 d-flex align-items-center justify-content-center"><img src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Offer.svg" class="mr-2"> 4480 Promotions 4481 </a> 4482 </li> --> 4483 </ul> 4484</div> 4485 4486 4487 4488 4489<!-- TECHNOLOGY --> 4490 4491<div class="py-3" id="section-technology"> 4492 <div class="compact-width mt-5"> 4493 <h2 class="text-uppercase text-center text-center text-md-left h3 font-termina px-3">Technology</h2> 4494 <p class="text-center text-center text-md-left px-5 px-md-3">Our most advanced eye tests for personalised vision solutions. <a href="/eye-care/eye-technology" class="text-hyperlink font-weight-bold d-block d-md-inline">Find out more</a></p> 4495 4496 <div class="scroll-content scroll-content-opsm scroll-content-opsm-shadow-cards text-center d-flex flex-row justify-content-center mb-5 py-2 pb-md-3"> 4497 <div class="card border-0 d-inline-block mx-2 mx-md-3 my-2" id="card-why-opsm-clarifye"> 4498 <picture> 4499 <source media="(max-width: 768px)" srcset="https://media.opsm.com/2023/09_September/Why_OPSM/LP/Clarifye_M.jpg"> 4500 <img class="card-img-top" src="https://media.opsm.com/2023/09_September/Why_OPSM/LP/Clarifye_D.jpg" alt="Clarifye digital eye test"> 4501 </picture> 4502 <div class="card-body px-4 bg-white"> 4503 <div class="text-left d-flex justify-content-between align-items-center mb-4 card-body-header"> 4504 <h5 class="card-title font-weight-bold m-0 pr-2">Clarifye digital eye test</h5> 4505 <div class="badge badge-pill badge-why-opsm px-4 py-2"> 4506 <i class="fas fa-arrow-right"></i> 4507 </div> 4508 </div> 4509 <div class="text-left">
4510 <p class="mb-4 card-subtitle-p">Clarifye is our most advanced digital eye test. Your Clarifye prescription, coupled with our premium lens designs will act as a more precise* starting point for making your glasses.</p> 4511 <a class="button button--secondary button--secondary--dark" href="/clarifye-digital-eye-exam" title="Find out More" data-element-id="X_WhyOPSM-Clarifye_FindOutMore_CTA" data-description="FindAStore"><span class="button--label">Find out More</span></a> 4512 </div> 4513 </div> 4514 </div> 4515 4516 4517 <div class="card border-0 d-inline-block mx-2 mx-md-3 my-2" id="card-why-opsm-ultra-wide"> 4518 <picture> 4519 <source media="(max-width: 768px)" srcset="https://media.opsm.com/2023/09_September/Why_OPSM/LP/Ultra_Wide_Retinal_Scan_M.jpg"> 4520 <img class="card-img-top" src="https://media.opsm.com/2023/09_September/Why_OPSM/LP/Ultra_Wide_Retinal_Scan_D.jpg" alt="Ultra Wide Digital Retinal Scan"> 4521 </picture> 4522 <div class="card-body px-4 bg-white"> 4523 <div class="text-left d-flex justify-content-between align-items-center mb-4 card-body-header"> 4524 <h5 class="card-title font-weight-bold m-0 pr-2">Ultra Wide Digital Retinal Scan</h5> 4525 <div class="badge badge-pill badge-why-opsm px-4 py-2"> 4526 <i class="fas fa-arrow-right"></i> 4527 </div> 4528 </div> 4529 <div class="text-left"> 4530 <p class="mb-4 card-subtitle-p">Cutting-edge technology that provides an extensive view of your eyes, enabling accurate detection and diagnosis of eye conditions. This scan enhances the precision of your glasses prescription for optimal visual clarity.</p> 4531 <a class="button button--secondary button--secondary--dark" href="/eye-care/eye-technology/ultra-wide-retinal-scans" title="Find out More" data-element-id="X_WhyOPSM-UltraWideDigitalRetinalScan_FindOutMore_CTA" data-description="FindAStore"><span class="button--label">Find out More</span></a> 4532 </div> 4533 </div> 4534 </div> 4535 4536 4537 <div class="card border-0 d-inline-block mx-2 mx-md-3 my-2" id="card-why-opsm-digital-measurement-devices"> 4538 <picture> 4539 <source media="(max-width: 768px)" srcset="https://media.opsm.com/2023/09_September/Why_OPSM/LP/Digital_Measurement_M.jpg"> 4540 <img class="card-img-top" src="https://media.opsm.com/2023/09_September/Why_OPSM/LP/Digital_Measurement_D.jpg" alt="Digital Measurement Devices"> 4541 </picture> 4542 <div class="card-body px-4 bg-white"> 4543 <div class="text-left d-flex justify-content-between align-items-center mb-4 card-body-header"> 4544 <h5 class="card-title font-weight-bold m-0 pr-2">Digital Measurement Devices</h5> 4545 <div class="badge badge-pill badge-why-opsm px-4 py-2"> 4546 <i class="fas fa-arrow-right"></i> 4547 </div> 4548 </div> 4549 <div class="text-left"> 4550 <p class="mb-4 card-subtitle-p">An innovative technique that utilises advanced technology to precisely measure your unique eye characteristics. These precise measurements, combined with our expertise, enable us to tailor-make an eyewear solution to your unique needs.</p> 4551 <a class="button button--secondary button--secondary--dark" href="/eye-care/eye-technology/visioffice-3-eyeruler-2" title="Find out More" data-element-id="X_WhyOPSM-DigitalMeasurementDevices_FindOutMore_CTA" data-description="FindAStore"><span class="button--label">Find out More</span></a> 4552 </div> 4553 </div> 4554 </div> 4555 </div> 4556 </div> 4557</div> 4558 4559 4560 4561<!-- VISUAL WELLBEING - EYE TESTS --> 4562 4563<div class="bg-off-white py-3" id="section-eye-tests"> 4564 <div class="compact-width mt-5"> 4565 <h2 class="text-uppercase text-center text-center text-md-left h3 font-termina px-3">Visual Wellbeing</h2> 4566 <p class="text-center text-center text-md-left px-3">Our experienced Optometrists take their time with your appointment so your eyes get the care and attention you deserve.</p> 4567 4568
4569 <div id="switch-eye-tests--eye-conditions" class="px-3 pb-3"> 4570 <div class="d-flex flex-row justify-content-center justify-content-md-start"> 4571 <a class="text-uppercase strong mb-0 pb-2 mr-4 wellbeing--active-tab" id="switch-button-eye-tests">Eye Tests</a> 4572 <a class="text-uppercase strong mb-0 pb-2" id="switch-button-eye-conditions">Eye Conditions</a> 4573 </div> 4574 </div> 4575 4576 <div class="scroll-content scroll-content-opsm scroll-content-opsm-shadow-cards text-center d-flex flex-row justify-content-center mb-5 py-2 pb-md-3"> 4577 4578 4579 4580 <!-- tile 1 --> 4581 4582 <div class="card border-0 d-inline-block mx-2 mx-md-3 my-2" id="card-why-opsm-wellbeing-1"> 4583 <!-- EYE TESTS --> 4584 <div id="card-why-opsm-eye-tests--eye-test-packages"> 4585 <picture> 4586 <source media="(max-width: 768px)" srcset="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Eye_test_M.jpg"> 4587 <img class="card-img-top" src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Eye_test_D.jpg" alt="Eye test packages"> 4588 </picture> 4589 <div class="card-body px-4 bg-white"> 4590 <div class="text-left d-flex justify-content-between align-items-center mb-4 card-body-header"> 4591 <h5 class="card-title font-weight-bold m-0 pr-2">Eye test packages</h5> 4592 <div class="badge badge-pill badge-why-opsm visual-wellbeing-badge px-4 py-2"> 4593 <i class="fas fa-arrow-right"></i> 4594 </div> 4595 </div> 4596 <div class="text-left"> 4597 <p class="mb-4 card-subtitle-p">The wellbeing of your eyes is important, discover our range of eye test packages that suit all ages, situations and needs.</p> 4598 <a class="button button--secondary button--secondary--dark" href="/eye-care/eye-tests" title="Find out More" data-element-id="X_WhyOPSM-EyeTestsPackages_FindOutMore_CTA" data-description="FindAStore"><span class="button--label">Find out More</span></a> 4599 </div> 4600 </div> 4601 </div> 4602 4603 <!-- EYE CONDITIONS --> 4604 <div class="d-none" id="card-why-opsm-eye-conditions--diabetes-and-eye-health"> 4605 <picture> 4606 <source media="(max-width: 768px)" srcset="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Diabetes_M.jpg"> 4607 <img class="card-img-top" src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Diabetes_D.jpg" alt="Diabetes and your eye health"> 4608 </picture> 4609 <div class="card-body px-4 bg-white"> 4610 <div class="text-left d-flex justify-content-between align-items-center mb-4 card-body-header"> 4611 <h5 class="card-title font-weight-bold m-0 pr-2">Diabetes and your eye health</h5> 4612 <div class="badge badge-pill badge-why-opsm visual-wellbeing-badge px-4 py-2"> 4613 <i class="fas fa-arrow-right"></i> 4614 </div> 4615 </div> 4616 <div class="text-left"> 4617 <p class="mb-4 card-subtitle-p">Diabetes is now the leading cause of preventable blindness in Australia.</p> 4618 <a class="button button--secondary button--secondary--dark" href="/eye-care/eye-health/diabetes" title="Find out More" data-element-id="X_WhyOPSM-Diabetes_FindOutMore_CTA" data-description="FindAStore"><span class="button--label">Find out More</span></a> 4619 </div> 4620 </div> 4621 </div> 4622 </div> 4623 4624 4625 4626 4627 <!-- tile 2 --> 4628 4629 <div class="card border-0 d-inline-block mx-2 mx-md-3 my-2" id="card-why-opsm-wellbeing-2"> 4630 <!-- EYE TESTS --> 4631 <div id="card-why-opsm-eye-tests--first-cl-consultation"> 4632 <picture> 4633 <source media="(max-width: 768px)" srcset="https://media.opsm.com/2023/03_March/Why_OPSM/LP/First_Contact_Lens_Consultation_M.jpg"> 4634 <img class="card-img-top" src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Contact_Lens_Consultation_D.jpg" alt="First c
4634ontact lens consultation"> 4635 </picture> 4636 <div class="card-body px-4 bg-white"> 4637 <div class="text-left d-flex justify-content-between align-items-center mb-4 card-body-header"> 4638 <h5 class="card-title font-weight-bold m-0 pr-2">First contact lens consultation</h5> 4639 <div class="badge badge-pill badge-why-opsm visual-wellbeing-badge px-4 py-2"> 4640 <i class="fas fa-arrow-right"></i> 4641 </div> 4642 </div> 4643 <div class="text-left"> 4644 <p class="mb-4 card-subtitle-p">If you have never worn contact lenses, our experts are here to guide you through every step of the experience to find the perfect fit.</p> 4645 <a class="button button--secondary button--secondary--dark" href="/book-an-eye-test" title="Book an Eye Test" data-element-id="X_WhyOPSM-FirstCLConsultation_BookAnEyeTest_CTA" data-description="BookAnEyeTest"><span class="button--label">Book an Eye Test</span></a> 4646 </div> 4647 </div> 4648 </div> 4649 4650 <!-- EYE CONDITIONS --> 4651 <div class="d-none" id="card-why-opsm-eye-conditions--glaucoma"> 4652 <picture> 4653 <source media="(max-width: 768px)" srcset="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Glaucoma_M.jpg"> 4654 <img class="card-img-top" src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Glaucoma_D.jpg" alt="Glaucoma"> 4655 </picture> 4656 <div class="card-body px-4 bg-white"> 4657 <div class="text-left d-flex justify-content-between align-items-center mb-4 card-body-header"> 4658 <h5 class="card-title font-weight-bold m-0 pr-2">Glaucoma</h5> 4659 <div class="badge badge-pill badge-why-opsm visual-wellbeing-badge px-4 py-2"> 4660 <i class="fas fa-arrow-right"></i> 4661 </div> 4662 </div> 4663 <div class="text-left"> 4664 <p class="mb-4 card-subtitle-p">Glaucoma is often nicknamed the 'silent thief of sight' because it has little to no obvious symptoms and vision loss progresses at such a gradual pace.</p> 4665 <a class="button button--secondary button--secondary--dark" href="/eye-care/eye-conditions/glaucoma" title="Find out More" data-element-id="X_WhyOPSM-Glaucoma_FindOutMore_CTA" data-description="FindAStore"><span class="button--label">Find out More</span></a> 4666 </div> 4667 </div> 4668 </div> 4669 </div> 4670 4671 <!-- tile 3 --> 4672 <div class="card border-0 d-inline-block mx-2 mx-md-3 my-2" id="card-why-opsm-wellbeing-3"> 4673 <!-- EYE TESTS --> 4674 <div id="card-why-opsm-eye-tests--tests-special-conditions"> 4675 <picture> 4676 <source media="(max-width: 768px)" srcset="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Tests_for_Special_Conditions_M.jpg"> 4677 <img class="card-img-top" src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Tests_for_Special_Conditions_D.jpg" alt="Tests for special conditions"> 4678 </picture> 4679 <div class="card-body px-4 bg-white"> 4680 <div class="text-left d-flex justify-content-between align-items-center mb-4 card-body-header"> 4681 <h5 class="card-title font-weight-bold m-0 pr-2">Tests for special conditions</h5> 4682 <div class="badge badge-pill badge-why-opsm visual-wellbeing-badge px-4 py-2"> 4683 <i class="fas fa-arrow-right"></i> 4684 </div> 4685 </div> 4686 <div class="text-left"> 4687 <p class="mb-4 card-subtitle-p">Early detection is key for good eye health. Learn more about tests for Glaucoma, Macular Degeneration and Diabetes.</p> 4688 <a class="button button--secondary button--secondary--dark" href="/eye-care/eye-tests#tests-for-special-conditions" title="FindOutMore" data-element-id="X_WhyOPSM-TestsForSpecialConditions_FindOutMore_CTA" data-description="FindOutMore"><span class="button--label">Find Out More</span></a> 4689 </div> 4690 </div> 4691 </div> 4692
4693 <!-- EYE CONDITIONS --> 4694 <div class="d-none" id="card-why-opsm-eye-conditions--macular-degeneration"> 4695 <picture> 4696 <source media="(max-width: 768px)" srcset="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Macular_Degeneration_M.jpg"> 4697 <img class="card-img-top" src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Macular_Degeneration_D.jpg" alt="Macular degeneration"> 4698 </picture> 4699 <div class="card-body px-4 bg-white"> 4700 <div class="text-left d-flex justify-content-between align-items-center mb-4 card-body-header"> 4701 <h5 class="card-title font-weight-bold m-0 pr-2">Macular degeneration</h5> 4702 <div class="badge badge-pill badge-why-opsm visual-wellbeing-badge px-4 py-2"> 4703 <i class="fas fa-arrow-right"></i> 4704 </div> 4705 </div> 4706 <div class="text-left"> 4707 <p class="mb-4 card-subtitle-p">Age-related Macular Degeneration is Australiaâs leading cause of severe vision loss and blindness but it can be easy to confuse symptoms as a normal sign of ageing.</p> 4708 <a class="button button--secondary button--secondary--dark" href="/eye-care/eye-health/macular-degeneration" title="Find out More" data-element-id="X_WhyOPSM-MacularDegeneration_FindOutMore_CTA" data-description="FindOutMore"><span class="button--label">Find out More</span></a> 4709 </div> 4710 </div> 4711 </div> 4712 </div> 4713 </div> 4714 </div> 4715</div> 4716 4717 4718 4719<!-- ADVANCED LENSES --> 4720 4721<div class="py-3" id="section-advanced-lenses"> 4722 <div class="compact-width mt-5"> 4723 <h2 class="text-uppercase text-center text-md-left h3 font-termina px-3">Advanced Lenses</h2> 4724 <p class="text-center text-md-left px-3">Our premium range of Essilor lenses are tailored to your unique lifestyle.</p> 4725 4726 <div class="scroll-content scroll-content-opsm scroll-content-opsm-shadow-cards text-center d-flex flex-row justify-content-center mb-5 py-2 pb-md-3"> 4727 <!-- tile 1 --> 4728 <div class="card border-0 d-inline-block mx-2 mx-md-3 my-2" id="card-why-opsm-lens-technology"> 4729 <picture> 4730 <source media="(max-width: 768px)" srcset="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Lens_technology_M.jpg"> 4731 <img class="card-img-top" src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Lens_technology_D.jpg" alt="Lens technology"> 4732 </picture> 4733 <div class="card-body px-4 bg-white"> 4734 <div class="text-left d-flex justify-content-between align-items-center mb-4 card-body-header"> 4735 <h5 class="card-title font-weight-bold m-0 pr-2">Lens technology</h5> 4736 <div class="badge badge-pill badge-why-opsm px-4 py-2"> 4737 <i class="fas fa-arrow-right"></i> 4738 </div> 4739 </div> 4740 <div class="text-left"> 4741 <p class="mb-4 card-subtitle-p">Every lifestyle requires a different kind of lens, which is why we personalise your recommendations around your activities and requirements.</p> 4742 <a class="button button--secondary button--secondary--dark" href="/lenses" title="Find out More" data-element-id="X_WhyOPSM-LensTechnology_FindOutMore_CTA" data-description="FindAStore"><span class="button--label">Find out More</span></a> 4743 </div> 4744 </div> 4745 </div> 4746 4747 <!-- tile 2 --> 4748 <div class="card border-0 d-inline-block mx-2 mx-md-3 my-2" id="card-why-opsm-branded-lenses"> 4749 <picture> 4750 <source media="(max-width: 768px)" srcset="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Branded_Lenses_M.jpg"> 4751 <img class="card-img-top" src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Branded_Lenses_D.jpg" alt="Branded lenses"> 4752 </picture> 4753 <div class="card-body px-4 bg-white"> 4754 <div class="text-left d-flex justify-content-between align-items-center mb-4 card-body-header"> 4755 <h5 class="card-title font-weight-bold m-0 pr-2">Branded lenses</h5> 4756 <div class="badge badge-pill badge-why-opsm px-4 py-2"> 4757 <i class="fas fa-arrow-right"></i> 4758 </div> 4759 </div> 4760 <div class="text-left">
4761 <p class="mb-4 card-subtitle-p">Match your Ray-Ban Authentic and Oakley frames with branded lenses for a tailor made experience.</p> 4762 <a class="button button--secondary button--secondary--dark" href="/lenses#rayban-oakley" title="Find out More" data-element-id="X_WhyOPSM-BrandedLenses_FindOutMore_CTA" data-description="FindAStore"><span class="button--label">Find out More</span></a> 4763 </div> 4764 </div> 4765 </div> 4766 4767 <!-- tile 3 --> 4768 <div class="card border-0 d-inline-block mx-2 mx-md-3 my-2" id="card-why-opsm-create-pair"> 4769 <picture> 4770 <source media="(max-width: 768px)" srcset="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Complete_Pair_M.jpg"> 4771 <img class="card-img-top" src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Complete_Pair_D.jpg" alt="Create your perfect pair"> 4772 </picture> 4773 <div class="card-body px-4 bg-white"> 4774 <div class="text-left d-flex justify-content-between align-items-center mb-4 card-body-header"> 4775 <h5 class="card-title font-weight-bold m-0 pr-2">Create your perfect pair</h5> 4776 <div class="badge badge-pill badge-why-opsm px-4 py-2"> 4777 <i class="fas fa-arrow-right"></i> 4778 </div> 4779 </div> 4780 <div class="text-left"> 4781 <p class="mb-4 card-subtitle-p">Curate your perfect pair of prescription glasses or sunglasses online to match your vision needs.</p> 4782 <a class="button button--secondary button--secondary--dark" href="/prescription-glasses-and-sunglasses" title="Find out More" data-element-id="X_WhyOPSM-CreateYourPerfectPair_FindOutMore_CTA" data-description="FindAStore"><span class="button--label">Find out More</span></a> 4783 </div> 4784 </div> 4785 </div> 4786 </div> 4787 </div> 4788</div> 4789 4790 4791 4792<!-- FRAMES & STYLE --> 4793 4794<div class="bg-off-white py-3" id="section-frames-and-style"> 4795 <div class="compact-width mt-5"> 4796 <h2 class="text-uppercase text-center text-md-left h3 font-termina px-3">Frames & Style</h2> 4797 <p class="text-center text-md-left px-3">Our wide range of frames and iconic brands has a fit to suit every lifestyle.</p> 4798 4799 <div class="scroll-content scroll-content-opsm scroll-content-opsm-shadow-cards text-center d-flex flex-row justify-content-center mb-5 py-2 pb-md-3"> 4800 <!-- tile 1 --> 4801 <div class="card border-0 d-inline-block mx-2 mx-md-3 my-2" id="card-why-opsm-designer-brands"> 4802 <picture> 4803 <source media="(max-width: 768px)" srcset="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Designer_Brands_M.jpg"> 4804 <img class="card-img-top" src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Designer_Brands_D.jpg" alt="Designer Brands"> 4805 </picture> 4806 <div class="card-body px-4 bg-white"> 4807 <div class="text-left d-flex justify-content-between align-items-center mb-4 card-body-header"> 4808 <h5 class="card-title font-weight-bold m-0 pr-2">Designer brands</h5> 4809 <div class="badge badge-pill badge-why-opsm px-4 py-2"> 4810 <i class="fas fa-arrow-right"></i> 4811 </div> 4812 </div> 4813 <div class="text-left"> 4814 <p class="mb-4 card-subtitle-p">We have a wide range of frames from luxury, fashion, lifestyle and sports brands, so you can find glasses that fit your individual face shape and suit your lifestyle.</p> 4815 <a class="button button--secondary button--secondary--dark" href="/eyewear-all" title="Shop now" data-element-id="X_WhyOPSM-Frames&Style_ShopNow_CTA" data-description="ShopNow"><span class="button--label">Shop now</span></a> 4816 </div> 4817 </div> 4818 </div> 4819 4820 <!-- tile 2 --> 4821 <div class="card border-0 d-inline-block mx-2 mx-md-3 my-2" id="card-why-opsm-find-perfect-frames"> 4822 <picture> 4823 <source media="(max-width: 768px)" srcset="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Find_your_perfect_frames_M.jpg"> 4824 <img class="card-img-top" src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Find_your_perfect_frames_D.jpg" alt="Find your perfect frames"> 4825 </picture> 4826 <div class="card-body px-4 bg-white"> 4827 <div class="text-left d-flex justify-content-between align-items-center mb-4 card-body-header"> 4828 <h5 class="card-title font-weight-bold m-0 pr-2">Find your perfect frames</h5> 4829 <div class="badge badge-pill badge-why-opsm px-4 py-2"> 4830 <i class="fas fa-arrow-right"></i> 4831 </div> 4832 </div> 4833 <div class="text-left">
4834 <p class="mb-4 card-subtitle-p">Our new frame advisor technology expertly matches you with the best shapes for your facial features & tastes!</p> 4835 <input id="frameadv-maximized" type="hidden" value="true"> 4836 <a class="button button--secondary button--secondary--dark" onclick="frameAdvisorJS.renderFrameAdvisor();$('.fa-overlay').removeClass('d-none');$('.fa-wrapper').removeClass('d-none');$('body,html').addClass('modal-open');" title="Get Started" data-element-id="X_WhyOPSM-FindFrames_GetStarted_CTA" data-description="GetStarted"><span class="button--label">Get started</span></a> 4837 </div> 4838 </div> 4839 </div> 4840 4841 <!-- tile 3 --> 4842 <div class="card border-0 d-inline-block mx-2 mx-md-3 my-2" id="card-why-opsm-smart-shopper"> 4843 <picture> 4844 <source media="(max-width: 768px)" srcset="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Smart_Shopper_M.jpg"> 4845 <img class="card-img-top" src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Smart_Shopper_D.jpg" alt="Smart shopper"> 4846 </picture> 4847 <div class="card-body px-4 bg-white"> 4848 <div class="text-left d-flex justify-content-between align-items-center mb-4 card-body-header"> 4849 <h5 class="card-title font-weight-bold m-0 pr-2">Smart shopper</h5> 4850 <div class="badge badge-pill badge-why-opsm px-4 py-2"> 4851 <i class="fas fa-arrow-right"></i> 4852 </div> 4853 </div> 4854 <div class="text-left"> 4855 <p class="mb-4 card-subtitle-p">The widest range of optical and sunglass styles at your disposal in store: select the model you are after from our digital screens and receive it in store.</p> 4856 <a class="button button--secondary button--secondary--dark" href="/find-store" title="Find a Store" data-element-id="X_WhyOPSM-SmartShopper_FindStore_CTA" data-description="FindAStore"><span class="button--label">Find a Store</span></a> 4857 </div> 4858 </div> 4859 </div> 4860 </div> 4861 </div> 4862</div> 4863 4864 4865 4866<!-- OUR SERVICES --> 4867 4868<div class="py-3" id="section-our-services"> 4869 <div class="compact-width my-5"> 4870 <h2 class="text-center h3 font-termina px-3 pt-3 mb-4">IN STORE SERVICES</h2> 4871 4872 <div class="scroll-content scroll-content-opsm-our-services text-center d-flex flex-row justify-content-center mb-5 mb-lg-4"> 4873 <div class="card border-0 d-inline-block mx-2 mx-md-3 my-2 bg-off-white" id="card-why-opsm-service-1" style="width: 100%; display: inline-block;"> 4874 4875 <div class="card-body px-4 py-5 text-center d-flex flex-column justify-content-center align-items-center"> 4876 <img src="https://media.opsm.com/2023/07_July/BOSS/Collect_In_Store.svg" style="height: 44px" class="mb-4"> 4877 <h5 class="font-weight-bold mb-2" style="color: #2d2a26">Collect in store</h5> 4878 <p>Buy online and pick up in store to benefit from the assistance of our specialists.</p> 4879 </div> 4880 </div> 4881 4882 <div class="card border-0 d-inline-block mx-2 mx-md-3 my-2 bg-off-white" id="card-why-opsm-service-2" style="width: 100%; display: inline-block;"> 4883 4884 <div class="card-body px-4 py-5 text-center d-flex flex-column justify-content-center align-items-center"> 4885 <img src="https://media.opsm.com/PDP/free-delivery.png" style="height: 44px" class="mb-4"> 4886 <h5 class="font-weight-bold mb-2" style="color: #2d2a26">Return in store</h5> 4887 <p>Not happy with your purchase? You can easily return it in our stores while trying something new - it's fast, and it's free.</p> 4888 </div> 4889 </div> 4890 4891 <div class="card border-0 d-inline-block mx-2 mx-md-3 my-2 bg-off-white" id="card-why-opsm-service-3" style="width: 100%; display: inline-block;"> 4892 4893 <div class="card-body px-4 py-5 text-center d-flex flex-column justify-content-center align-items-center"> 4894 <img src="https://media.opsm.com/PDP/free-cleaning.png" style="height: 44px" class="mb-4"> 4895 <h5 class="font-weight-bold mb-2" style="color: #2d2a26">Free cleaning & adjustments</h5> 4896 <p>Ask for a free fitting and adjustment and get your own exclusive look from the assistance of our in store experts. </p> 4897 </div> 4898 </div> 4899 4900 <div class="card border-0 d-inline-block mx-2 mx-md-3 my-2 bg-off-white" id="card-why-opsm-service-4" style="width: 100%; display: inline-block;"> 4901 4902 <div class="card-body px-4 py-5 text-center d-flex flex-column justify-content-center align-items-center"> 4903 <img src="https://media.opsm.com/2023/07_July/BOSS/Book_Eye_Test.svg" style="height: 44px" class="mb-4"> 4904 <h5 class="font-weight-bold mb-2" style="color: #2d2a26">Book an eye test</h5> 4905 <p>Our Optometrists take pride in having cutting-edge technology for a comprehensive understanding of your eye health and vision.</p> 4906 </div> 4907 </div> 4908 </div> 4909 4910 <div class="d-flex flex-column flex-md-row justify-content-center align-items-center text-center"> 4911 <a class="button button--primary button--primary--dark mr-0 mr-md-3 mb-3 mb-md-0" href="/find-store" title="Find a store" data-element-id="X_WhyOPSM_InStoreServices_FindAStore-CTA" data-description="WhyOPSM_InStoreServices_FindAStore" tabindex="0" style="max-width: fit-content"><span class="button--label">Find a store</span></a> 4912 <a class="button button--secondary button--secondary--dark" href="/book-an-eye-test" title="Book an Eye Test" data-element-id="X_WhyOPSM_InStoreServices_BookAnEyeTest-CTA" data-description="WhyOPSM_InStoreServices_BookAnEyeTest" tabindex="0" style="max-width: fit-content"><span class="button--label">Book an Eye Test</span></a> 4913 </div> 4914 </div> 4915</div> 4916 4917 4918 4919 4920<style> 4921 .bg-off-white { 4922 background-color: #F7F6F4 4923 } 4924 4925 .badge-pill { 4926 border-radius: 10rem !important; 4927 } 4928 4929 #top-navigation-pills-why-opsm>ul>li>.badge-why-opsm, 4930 div[id^='card-why-opsm-'] .badge-why-opsm { 4931 color: #2d2a26; 4932 background-color: #F7F6F4; 4933 box-shadow: 0 0 0 1px #E5E5E5; 4934 font-size: 16px; 4935 line-height: 0px; 4936 font-weight: 600; 4937 cursor: pointer; 4938 transition: all 0.5s ease; 4939 } 4940 4941 #top-navigation-pills-why-opsm>ul>li>.badge-why-opsm:hover { 4942 box-shadow: 0 0 0 1px #2D2A26; 4943 } 4944 4945 div[id^='card-why-opsm-']:not([id*='service']) .badge-why-opsm:hover { 4946 box-shadow: 0 0 0 1px #B58B34; 4947 4948 } 4949 4950 #top-navigation-pills-why-opsm>ul>li.active>.badge-why-opsm { 4951 color: #FFFFFF; 4952 background-color: #2D2A26; 4953 } 4954 4955 #top-navigation-pills-why-opsm>ul>li.active>.badge-why-opsm>img { 4956 filter: invert(92%) sepia(0%) saturate(0%) hue-rotate(325deg) brightness(107%) contrast(105%); 4957 transition: all 0.5s ease; 4958 } 4959 4960 div[id^='card-why-opsm-'] { 4961 width: -moz-available !important; 4962 /* WebKit-based browsers will ignore this. */ 4963 width: -webkit-fill-available !important; 4964 /* Mozilla-based browsers will ignore this. */ 4965 width: fill-available !important; 4966 transition: all 0.5s ease; 4967 } 4968 4969 #top-navigation-pills-why-opsm { 4970 position: sticky; 4971 position: -webkit-sticky; 4972 top: -1px; 4973 z-index: 8; 4974 height: 94px; 4975 overflow-x: scroll; 4976 overflow-y: hidden; 4977 transition: all 1s ease; 4978 scroll-behavior: smooth; 4979 } 4980
4981 .sticky-box-shadow { 4982 box-shadow: 0 0 10px rgb(45 42 38 / 20%); 4983 } 4984 4985 #top-navigation-pills-why-opsm::-webkit-scrollbar { 4986 display: none; 4987 } 4988 4989 #top-navigation-pills-why-opsm>ul { 4990 list-style: none; 4991 scroll-behavior: smooth; 4992 margin: 0 auto; 4993 } 4994 4995 #top-navigation-pills-why-opsm>ul>li img { 4996 width: 22px; 4997 } 4998 4999 5000 5001 5002 5003 /* CARDS */ 5004 5005 @media screen and (max-width: 767.98px) { 5006 .card-title { 5007 font-size: 16px; 5008 line-height: 24px; 5009 } 5010 } 5011 5012 div[id^='card-why-opsm-']:not([id*='service']) .card-body { 5013 height: 80px; 5014 border-radius: 0 0 24px 24px; 5015 transition: all 1s ease; 5016 overflow: hidden; 5017 bottom: 0; 5018 max-width: 100%; 5019 } 5020 5021 .card-body-header { 5022 height: 40px; 5023 } 5024 5025 @media screen and (min-width: 850px) { 5026 div[id^='card-why-opsm-']:not([id*='service']) .card-body { 5027 height: 60px; 5028 } 5029 5030 .card-body-header { 5031 height: 20px; 5032 } 5033 } 5034 5035 div[id^='card-why-opsm-service'] .card-body { 5036 border-radius: 0 0 24px 24px; 5037 height: 320px; 5038 } 5039 5040 div[id^='card-why-opsm']:not([id*='service']) .badge-why-opsm, 5041 #top-navigation-pills-why-opsm>ul>li>.badge-why-opsm { 5042 padding-top: 8px; 5043 padding-bottom: 10px; 5044 } 5045 5046 5047 .scroll-content .card { 5048 border-radius: 24px; 5049 } 5050 5051 .scroll-content-opsm-shadow-cards .card { 5052 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); 5053 } 5054 5055 .scroll-content .card .card-img-top { 5056 border-radius: 24px 24px 0 0; 5057 margin-bottom: 0; 5058 } 5059 5060 div[id^="hover-why-opsm"] { 5061 border-radius: 24px; 5062 z-index: -1; 5063 opacity: 0; 5064 transition: all 0.5s ease; 5065 } 5066 5067 div[id^='hover-why-opsm-']>div>p { 5068 white-space: pre-line; 5069 } 5070 5071 .hidden-card { 5072 opacity: 0; 5073 pointer-events: none; 5074 } 5075 5076 .slick-list { 5077 padding: 0 10% 0 0; 5078 transition: padding 0.1s linear; 5079 padding-left: 8px; 5080 } 5081 5082 .slick-dots li { 5083 margin: 0; 5084 } 5085 5086 .show-content { 5087 overflow: visible; 5088 } 5089 5090 .card-subtitle-p { 5091 font-size: 14px; 5092 } 5093 5094 .test-class { 5095 border-radius: 24px !important; 5096 } 5097 5098 5099 /* VISUAL WELLBEING SWITCH */ 5100 5101 a[id^='switch-button-'] { 5102 color: #999999 !important; 5103 cursor: pointer; 5104 } 5105 5106 a[id^='switch-button-']:hover, 5107 .text-hyperlink { 5108 color: #2D2A26 !important; 5109 } 5110 5111 a[id^='switch-button-'].wellbeing--active-tab { 5112 color: #2D2A26 !important; 5113 border-bottom: 2px solid black; 5114 transition: border 0s; 5115 } 5116</style> 5117 5118
5119<script> 5120 5121 $(window).on('load', function () { 5122 if (location.hash !== '') { 5123 5124 if (location.hash === '#eye-conditions') { 5125 $('#top-navigation-pills-why-opsm-eye-conditions>a').trigger('click') 5126 } else { 5127 setTimeout(() => { 5128 $('html, body').animate({ 5129 scrollTop: $('#section-' + location.hash.substr(1)).offset().top - (/* location.hash === '#promotions' ? 100 : */60) 5130 }, 600, 'swing'); 5131 }, 1000); 5132 } 5133 } 5134 }) 5135 5136 function ct_is_mobile() { 5137 if ($(window).width() > 767) { 5138 return false; 5139 } else { 5140 if ($(window).width() === 768) { 5141 if (window.innerHeight > window.innerWidth) { 5142 return true 5143 } 5144 else { 5145 return false 5146 } 5147 } else { 5148 return true 5149 } 5150 } 5151 } 5152 5153 let sectionsOpenedArrows = { 5154 'frames-and-style': 0, 5155 'technology': 0, 5156 'advanced-lenses': 0, 5157 'eye-tests': 0, 5158 'eye-conditions': 0, 5159 5160 } 5161 5162 $("div[id^='card-why-opsm-'] .card-body .badge-why-opsm").on('click', function () { 5163 let parentCardBody = $(this).parents()[1]; 5164 let pHeight = $(parentCardBody).children().last().height(); 5165 5166 let parentSectionID = ''; 5167 5168 if (ct_is_mobile()) { 5169 parentSectionID = $(this).parents('div[id^=card-why-opsm-]').attr('id').split('card-why-opsm-')[1] 5170 } else if ($(this).hasClass('visual-wellbeing-badge')) { 5171 parentSectionID = $(this).parents('div[id^=card-why-opsm-]').attr('id').split('card-why-opsm-')[1].split('--')[0] 5172 } else { 5173 parentSectionID = $(this).parents('div[id^=section]').attr('id').split('section-')[1] 5174 } 5175 5176 5177 5178 let fullSections = ['frames-and-style', 'technology', 'advanced-lenses']; 5179 let wellbeingSections = ['eye-tests', 'eye-conditions']; 5180 5181 console.log(parentSectionID) 5182 5183 5184 5185 if ($(this).hasClass('close-badge')) { 5186 sectionsOpenedArrows[parentSectionID]--; 5187 console.log(sectionsOpenedArrows) 5188 5189 5190 5191 5192 console.log('close') 5193 5194 $(parentCardBody).removeClass('test-class'); 5195 $(parentCardBody).css({ "height": ct_is_mobile() ? '80px' : '60px' }) 5196 5197 5198 $(this).html('<i class="fas fa-arrow-right"></i>').removeClass('close-badge') 5199 5200 5201 setTimeout(() => { 5202 $(parentCardBody).css("position", "static") 5203 if (sectionsOpenedArrows[parentSectionID] < 3 || $(window).width() < 768) { 5204 let parentSectionIDFormatted = wellbeingSections.includes(parentSectionID) ? 'why-opsm-' + parentSectionID : parentSectionID; 5205 console.log('parentSectionIDFormatted', parentSectionIDFormatted) 5206 5207 $('div[id*=' + parentSectionIDFormatted + ']').find('.card-img-top').css({ 'margin-bottom': '0px' }); 5208 } 5209 }, 1000); 5210 5211 5212 } else { 5213 sectionsOpenedArrows[parentSectionID]++; 5214 console.log(sectionsOpenedArrows) 5215 5216 let parentSectionIDFormatted = wellbeingSections.includes(parentSectionID) ? 'why-opsm-' + parentSectionID : parentSectionID; 5217 5218 5219 5220 if (sectionsOpenedArrows[parentSectionID] === 3 || (parentSectionID === 'technology' && sectionsOpenedArrows[parentSectionID] === 2) || $(window).width() < 768) { 5221 console.log('parentSectionIDFormatted', parentSectionIDFormatted) 5222 $('div[id*=' + parentSectionIDFormatted + ']').find('.card-img-top').css('margin-bottom', ct_is_mobile() ? '80px' : '60px'); 5223 } 5224 5225 5226 console.log('open') 5227 5228 $(parentCardBody).addClass('test-class'); 5229 $(parentCardBody).css({ "height": $(parentCardBody).outerHeight() + pHeight + 30, "position": "absolute" }) 5230 5231 $(this).html('<i class="fas fa-times"></i>').addClass('close-badge') 5232 5233 } 5234 5235 }) 5236 5237 5238 5239 /* Make sticky navbar shadow appear only if stickying */ 5240 5241 var observer = new IntersectionObserver(function (entries) { 5242 if (entries[0].intersectionRatio === 0) 5243 $('#top-navigation-pills-why-opsm').addClass('sticky-box-shadow'); 5244 else if (entries[0].intersectionRatio === 1) 5245 document.querySelector('#top-navigation-pills-why-opsm').classList.remove('sticky-box-sha
5245dow'); 5246 }, { threshold: [0, 1] }); 5247 5248 observer.observe(document.querySelector('#box-shadow-trigger')); 5249 5250 $('#switch-eye-tests--eye-conditions a').on('click', function () { 5251 $('#section-eye-tests .fa-times').each((index, elem) => { 5252 $(elem).parent().trigger('click'); 5253 }) 5254 if ($(this).attr('id').includes('eye-conditions')) { 5255 $('[id*=card-why-opsm-eye-conditions]').removeClass('d-none'); 5256 $('[id*=card-why-opsm-eye-tests]').addClass('d-none'); 5257 $('#switch-button-eye-tests').removeClass('wellbeing--active-tab'); 5258 $('#switch-button-eye-conditions').addClass('wellbeing--active-tab'); 5259 if ($('#top-navigation-pills-why-opsm-eye-tests').hasClass('active')) { 5260 $('#top-navigation-pills-why-opsm-eye-tests').removeClass('active') 5261 $('#top-navigation-pills-why-opsm-eye-conditions').addClass('active') 5262 } 5263 5264 } else { 5265 $('[id*=card-why-opsm-eye-conditions]').addClass('d-none'); 5266 $('[id*=card-why-opsm-eye-tests]').removeClass('d-none'); 5267 $('#switch-button-eye-conditions').removeClass('wellbeing--active-tab'); 5268 $('#switch-button-eye-tests').addClass('wellbeing--active-tab'); 5269 if ($('#top-navigation-pills-why-opsm-eye-conditions').hasClass('active')) { 5270 $('#top-navigation-pills-why-opsm-eye-conditions').removeClass('active') 5271 $('#top-navigation-pills-why-opsm-eye-tests').addClass('active') 5272 } 5273 } 5274 }) 5275 5276 5277 5278 $.fn.isInViewport = function (elem) { 5279 var elementTop = $(this).offset().top; 5280 var elementBottom = elementTop + $(this).outerHeight(); 5281 5282 var viewportTop = $(window).scrollTop(); 5283 var viewportBottom = viewportTop + $(window).height(); 5284 5285 if (ct_is_mobile()) { 5286 return elementBottom < (viewportBottom + (elem === 'eye-tests' ? 150 : 120)) && elementTop > (viewportTop - (elem === 'eye-tests' ? 150 : 120)); 5287 } 5288 5289 return elementBottom < viewportBottom && elementTop > viewportTop; 5290 }; 5291 5292 5293 let allSections = ['frames-and-style', 'technology', 'advanced-lenses', 'eye-tests', 'our-services'/* , 'promotions' */]; 5294 5295 5296 $(window).on('load scroll resize', function () { 5297 allSections.forEach((elem, index) => { 5298 5299 let lastActive = 'frames-and-style'; 5300 5301 if ($('#section-' + elem).isInViewport(elem) && !lastActive === $('li[id^=top-navigation-pills-why-opsm-].active').attr('id').includes(elem)) { 5302 $('li[id^=top-navigation-pills-why-opsm-]').removeClass('active'); 5303 5304 let scrollLeft = 0; 5305 5306 5307 if (elem === 'eye-tests' && $('#switch-button-eye-conditions').hasClass('wellbeing--active-tab')) { 5308 $('#top-navigation-pills-why-opsm-eye-conditions').addClass('active'); 5309 scrollLeft = 520 5310 } else { 5311 $('#top-navigation-pills-why-opsm-' + elem).addClass('active'); 5312 5313 switch (index) { 5314 case 2: scrollLeft = 340; 5315 break; 5316 case 0: scrollLeft = 620; 5317 break; 5318 case 4: scrollLeft = 760; 5319 break; 5320 default: scrollLeft = 0; 5321 break; 5322 } 5323 } 5324 5325 5326 $('#top-navigation-pills-why-opsm').scrollLeft(scrollLeft); 5327 lastActive = elem; 5328 } 5329 }) 5330 }) 5331 5332 5333 $('a[scrollTo^=tab-]').on('click', (e) => { 5334 let element = e.currentTarget; 5335 5336 let sectionName = element.attributes.scrollTo.value.split('tab-')[1]; 5337 5338 if (sectionName === 'eye-conditions') { 5339 $('#switch-button-eye-conditions').trigger('click'); 5340 sectionName = 'eye-tests'; 5341 } else if (sectionName === 'eye-tests') { 5342 $('#switch-button-eye-tests').trigger('click'); 5343 } 5344 5345 jQuery('html, body').animate({ 5346 scrollTop: $('#section-' + sectionName).offset().top - 70 5347 }, 600, 'swing', function () { 5348 }); 5349 }); 5350 5351 $(window).on('load resize orientationchange', function () { 5352 /* Initializes a slick carousel only on mobile screens */ 5353 if ($(window).width() >= 768) { 5354 if ($('.scroll-content-opsm').hasClass('slick-initialized')) { 5355 $('.scroll-content-opsm').slick('unslick'); 5356 } 5357 } else { 5358 if (!$('.scroll-content-opsm').hasClass('slick-initialized')) { 5359 $('.scroll-content-opsm').slick({ 5360 dots: true,
5361 arrows: false, 5362 infinite: false, 5363 speed: 300, 5364 slidesToShow: 1, //mobile 5365 slidesToScroll: 1, 5366 mobileFirst: true, 5367 }); 5368 } 5369 } 5370 5371 5372 /* Our Services carousel should be initialized below 992 since there's too much content */ 5373 if ($(window).width() >= 992) { 5374 if ($('.scroll-content-opsm-our-services').hasClass('slick-initialized')) { 5375 $('.scroll-content-opsm-our-services').slick('unslick'); 5376 } 5377 } else { 5378 if (!$('.scroll-content-opsm-our-services').hasClass('slick-initialized')) { 5379 $('.scroll-content-opsm-our-services').slick({ 5380 dots: true, 5381 arrows: false, 5382 infinite: false, 5383 speed: 300, 5384 slidesToShow: 1, //mobile 5385 slidesToScroll: 1, 5386 mobileFirst: true, 5387 }); 5388 } 5389 } 5390 5391 $('[class*=scroll-content-opsm]').on('beforeChange', function (event, slick, currentSlide, nextSlide) { 5392 if (slick.$slides.length - 1 == nextSlide) { 5393 $(this).find('.slick-list').css('padding', '0 8px 0 10%'); 5394 } else { 5395 $(this).find('.slick-list').css('padding', '0 10% 0 8px'); 5396 } 5397 }) 5398 }) 5399</script>
5399 5400 5401 5402</div> 5403 5404<!-- END Content_UI.jspf --> 5405 </div> 5406 </div> 5407 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [WhyOPSM_Experience_LP_Body] --> 5408</div> 5409</div> 5410 </div> 5411 <div class="container-fluid"> 5412 <div class="row"> 5413 <div class="col-12" data-slot-id="4"></div> 5414 </div> 5415 </div> 5416 <div class="row"> 5417 <div class="col-12" data-slot-id="5"> 5418 5419<div class="emarketingspot"><!-- Begin EmarketingSpot [WhyOPSM_Experience_LP_PromoBanner] --><!-- End EmarketingSpot [WhyOPSM_Experience_LP_PromoBanner] --> 5420</div> 5421</div> 5422 </div> 5423 <div class="container-fluid"> 5424 <div class="row"> 5425 <div class="col-12" data-slot-id="6"></div> 5426 </div> 5427 </div> 5428 <div class="row"> 5429 <div class="col-12" data-slot-id="7"></div> 5430 </div> 5431 <div class="container-fluid"> 5432 <div class="row"> 5433 <div class="col-12" data-slot-id="8"></div> 5434 </div> 5435 </div> 5436 <div class="row"> 5437 <div class="col-12" data-slot-id="9"></div> 5438 </div> 5439 <div class="container-fluid"> 5440 <div class="row"> 5441 <div class="col-12" data-slot-id="10"></div> 5442 </div> 5443 </div> 5444 5445 </div> 5446 </div> 5447 5448 5449
5449<script type="text/javascript"> 5450 //IF TO MANAGE PARTICULAR CASES: PAGES CREATED WITH COMMERCE COMPOSER THAT ARE NOT LANDING PAGES (eg STATIC PAGES) 5451 var analyticsStaticPageOverride = $('#analyticsStaticPageOverride').val(); 5452 if (analyticsStaticPageOverride != null && analyticsStaticPageOverride.length > 0) { 5453 if (analyticsStaticPageOverride == 'ContactOPSM') { 5454 analyticsFramework.setContactOpsm(); 5455 } else { 5456 //fallback 5457 analyticsFramework.setPage("Static", "Common", ""); 5458 } 5459 } else { 5460 var Section1 = "Other"; 5461 var Section2 = ""; 5462 5463 var analyticsContentPageLast = $('#analyticsContentPageLast').val(); 5464 if (analyticsContentPageLast != null) { 5465 Section1 = analyticsContentPageLast.replace(/\s+/g, ''); 5466 } 5467 5468 const urlObj = new URL(window.location.href); 5469 if(urlObj != undefined && urlObj.pathname) { 5470 const pathParts = urlObj.pathname.split('/'); 5471 Section2 = pathParts[1]; 5472 } 5473 5474 analyticsFramework.setPage("Landing", Section1, Section2); 5475 } 5476 //if(isFrameAdvisor) { 5477 // utagFiller.setPage("Landing", "FrameAdv", Section2); 5478 //} 5479 5480 </script>
5480 5481 5482 5483 <div id="footerWrapper" class="w-100"> 5484 <!-- BEGIN Footer.jsp --><!-- BEGIN Footer_Common.jsp --> 5485 5486
5486<script type="text/javascript"> 5487 $('#expiry-date-input').on('input', function(e) { 5488 let value = $(this).val(); 5489 value = value.replace(/[^0-9/]/g, ''); 5490 if (value.length === 2 && value.charAt(2) !== '/') { 5491 value = value.slice(0, 2) + '/' + value.slice(3); 5492 } 5493 if (value.length > 7) { 5494 value = value.slice(0, 7); 5495 } 5496 $(this).val(value); 5497 }); 5498 </script>
5498 5499 5500 <!-- Tealium Library --> 5501
5501<script type="text/javascript"> 5502 (function(a,b,c,d){ 5503 a='//tags.tiqcdn.com/utag/luxottica/opsm/prod/utag.js'; 5504 b=document;c='script';d=b.createElement(c);d.src=a;d.type='text/java'+c;d.async=true; 5505 a=b.getElementsByTagName(c)[0];a.parentNode.insertBefore(d,a); 5506 })(); 5507 </script>
5507 5508 5509 <!-- Frame Advisor 2 --> 5510 <input type="hidden" id="FA_PRIVACY_POLICY" value="https://media.opsm.com/Docs/Information_collection_notice_appointment_booking_Frame_Advisor_AU.pdf"/> 5511 <input type="hidden" id="FA_TERMS_AND_CONDITIONS" value="https://media.opsm.com/Docs/Information_collection_notice_appointment_booking_Frame_Advisor_AU.pdf"/> 5512 <input type="hidden" id="FA_LANGID" value="-1"/> 5513 <link rel="stylesheet" href="/wcsstore/OPSMStorefrontAssetStore/css/frameadvisor.css"> 5514 <div id="frameadv-ui" data-analytics_available_call="0" class="d-none hidden-wrapper"></div> 5515 <div class="fa-overlay d-none"></div> 5516<!-- END Frame Advisor 2 --><!-- Size Advisor --> 5517<div id="sizeadv-ui" data-analytics_available_call="0" class="d-none hidden-wrapper"></div> 5518<div class="sa-overlay d-none"></div> 5519<!-- END Size Advisor --><!-- END Footer_Common.jsp --> 5520 5521 <footer class="footer" data-element-id="Footer"> 5522 <div class="container-fluid"> 5523 5524 5525 5526<div class="emarketingspot"><!-- Begin EmarketingSpot [footer-content-logo-socials] --><!-- BEGIN ContentRecommendation_UI.jspf --> 5527 <div id="contentRecommendationWidget_footer-content-logo-socials" class="contentRecommendationWidget" > 5528 5529 <div dataci_toolbar="_espot" dataci_espot ="_footer-content-logo-socials" id="ci_espot__footer-content-logo-socials"> 5530 <!-- BEGIN Content_UI.jspf --> 5531<div class="left_espot"> 5532 5533 5534 <div class="footer--top d-flex"> 5535 <div class="footer--logo"><a href="/" title="OPSM Home Page" data-element-id="Footer_Logo"><img src="/wcsstore/OPSMStorefrontAssetStore/images/icons/brand-mono.svg" title="OPSM Love Eye" alt="OPSM Love Eye"></a> 5536 </div> 5537 <div class="footer--social-links ml-auto"> 5538 <ul class="list-unstyled d-flex footer--list"> 5539 <li> 5540 <a class="btn btn-link" href="https://www.facebook.com/OPSM.AU.NZ" title="Facebook" data-element-id="Footer_Share" data-description="Facebook"><span class="icon-facebook"></span></a> 5541 </li> 5542 <li> 5543 <a class="btn btn-link" href="https://www.instagram.com/opsm" title="Instagram" data-element-id="Footer_Share" data-description="Instagram"><span class="icon-instagram"></span></a> 5544 </li> 5545 <li> 5546 <a class="btn btn-link" href="https://www.tiktok.com/@opsmofficial" title="TikTok" data-element-id="Footer_Share" data-description="TikTok"> 5547 <svg id="footer_tiktok_icon" xmlns="http://www.w3.org/2000/svg" width="30" height="32" viewBox="0 0 33 34" fill="none"> 5548 <path d="M19.686 9V9.00467H17.0414V18.562C17.44 23.6647 12.6494 22.892 12.2794 20.2807C12.0874 18.9173 12.7787 18.1447 13.998 17.732C14.406 17.5927 14.8527 17.4873 15.27 17.42V14.7267C9.78803 14.9233 8.74203 19.834 10.4507 22.6327C13.11 26.9813 19.7247 25.0853 19.7247 19.018V14.242C21.0254 15.0293 22.144 15.4467 23.4207 15.322V12.768C21.2174 12.624 19.95 11.2707 19.686 9Z" fill="white"></path> 5549 <mask id="path-3-outside-1_705_3644" maskUnits="userSpaceOnUse" x="-0.439941" y="0" width="34" height="34" fill="black"> 5550 <rect fill="white" x="-0.439941" width="34" height="34"></rect> 5551 <path fill-rule="evenodd" clip-rule="evenodd" d="M0.560059 17C0.560059 8.16333 7.72339 1 16.5601 1C25.3967 1 32.5601 8.16333 32.5601 17C32.5601 25.8367 25.3967 33 16.5601 33C7.72339 33 0.560059 25.8373 0.560059 17ZM1.89339 17C1.89339 25.0873 8.47273 31.6667 16.5601 31.6667C24.6474 31.6667 31.2267 25.0873 31.2267 17C31.2267 8.91267 24.6474 2.33333 16.5601 2.33333C8.47273 2.33333 1.89339 8.91267 1.89339 17Z"></path> 5552 </mask> 5553 <path fill-rule="evenodd" clip-rule="evenodd" d="M0.560059 17C0.560059 8.16333 7.72339 1 16.5601 1C25.3967 1 32.5601 8.16333 32.5601 17C32.5601 25.8367 25.3967 33 16.5601 33C7.72339 33 0.560059 25.8373 0.560059 17ZM1.89339 17C1.89339 25.0873 8.47273 31.6667 16.5601 31.6667C24.6474 31.6667 31.2267 25.0873 31.2267 17C31.2267 8.91267 24.6474 2.33333 16.5601 2.33333C8.47273 2.33333 1.89339 8.91267 1.89339 17Z" fill="white"></path> 5554 <path d="M16.5601 0.6C7.50248 0.6 0.160059 7.94242 0.160059 17H0.960059C0.960059 8.38425 7.94431 1.4 16.5601 1.4V0.6ZM32.9601 17C32.9601 7.94242 25.6176 0.6 16.5601 0.6V1.4C25.1758 1.4 32.1601 8.38425 32.1601 17H32.9601ZM16.5601 33.4C25.6176 33.4 32.9601 26.0576 32.9601 17H32.1601C32.1601 25.6158 25.1758 32.6 16.5601 32.6V33.4ZM0.160059 17C0.160059 26.0583 7.50249 33.4 16.5601 33.4V32.6C7.9443 32.6 0.960059 25.6164 0.960059 17H0.160059ZM16.5601 31.2667C8.69364 31.2667 2.29339 24.8664 2.29339 17H1.49339C1.49339 25.3082 8.25181 32.0667 16.5601 32.0667V31.2667ZM30.8267 17C30.8267 24.8664 24.4265 31.2667 16.5601 31.2667V32.0667C24.8683 32.0667 31.6267 25.3082 31.6267 17H30.8267ZM16.5601 2.73333C24.4265 2.73333 30.8267 9.13358 30.8267 17H31.6267C31.6267 8.69175 24.8683 1.93333 16.5601 1.93333V2.73333ZM2.29339 17C2.29339 9.13358 8.69364 2.73333 16.5601 2.73333V1.93333C8.25181 1.93333 1.49339 8.69175 1.49339 17H2.29339Z" fill="white" mask="url(#path-3-outside-1_705_3644)"></path> 5555 </svg> 5556 </a> 5557 </li> 5558 </ul> 5559 </div> 5560</div> 5561 5562<style> 5563 .footer--list li { 5564 width: 33%; 5565 } 5566 5567 svg#footer_tiktok_icon { 5568 vertical-align: text-top; 5569 } 5570 5571 a.btn.btn-link:hover svg#footer_tiktok_icon path, 5572 a.btn.btn-link:hover svg#footer_tiktok_icon rect { 5573 fill: #aaa; 5574 transition: all .2s ease-in-out; 5575 } 5576 5577 a.btn.btn-link svg#footer_tiktok_icon path, 5578 a.btn.btn-link svg#footer_tiktok_icon rect { 5579 transition: all .2s ease-in-out; 5580 } 5581</style> 5582 5583 5584</div> 5585 5586<!-- END Content_UI.jspf --> 5587 </div> 5588 </div> 5589 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [footer-content-logo-socials] --> 5590</div> 5591 5592 <div class="footer--main"> 5593 <div class="row"> 5594 <div class="col-12 col-sm-12 col-xl-9"> 5595 5596 5597<div class="emarketingspot"><!-- Begin EmarketingSpot [footer-content-sections] --><!-- BEGIN ContentRecommendation_UI.jspf --> 5598 <div id="contentRecommendationWidget_footer-content-sections" class="contentRecommendationWidget" > 5599 5600 <div dataci_toolbar="_espot" dataci_espot ="_footer-content-sections" id="ci_espot__footer-content-sections"> 5601 <!-- BEGIN Content_UI.jspf --> 5602<div class="left_espot"> 5603 5604 5605 <div class="row"> 5606 <div class="col-6 col-sm-4 col-xl-4"> 5607 <div class="footer--module"> 5608 <h5 class="footer--module-title">Connect With Us</h5> 5609 <ul class="footer--list-links list-unstyled"> 5610 <li><a href="/about-us" title="About OPSM" data-element-id="Footer_AboutUs">About Us</a></li> 5611 <li><a href="/find-store" title="Find a store" data-element-id="Footer_FindStore">Find a Store</a></li> 5612 <li><a href="/contact-opsm" title="Contact us" data-element-id="Footer_ContactUs">Contact Us</a></li> 5613 <li><a href="/faqs" title="Frequently Asked Questions" data-element-id="Footer_FAQs">FAQs</a></li> 5614 <!-- <li><a href="/franchises" title="Franchising" data-element-id="Footer_Franchising">Franchising</a> 5615 </li> --> 5616 <li><a href="/eye-care/benefits/health-funds" title="Partnerships" data-element-id="Footer_EyeCare-BenefitsHealthFunds-">Partnerships</a></li> 5617 <li> 5618 <a href="https://careers.essilorluxottica.com/search/?locationsearch=AU" target="_blank" title="Careers" data-element-id="Footer_Careers">Careers</a> 5619 </li> 5620 </ul> 5621 </div> 5622 </div> 5623 <div class="col-6 col-sm-4 col-xl-4"> 5624 <div class="footer--module"> 5625 <h5 class="footer--module-title">Our Services</h5> 5626 <ul class="footer--list-links list-unstyled"> 5627 <!-- <li><a href="/frame-advisor-page" title="Find your frame" data-element-id="Footer_FrameFinder">Find your Frame</a></li> --> 5628 <li><a href="/book-an-eye-test" title="Book A Test" data-element-id="Footer_BookAnEyeTest">Book A Test</a></li> 5629 <li><a href="/frame-advisor-page" title="Find your Frame" data-element-id="Footer_FindYourFrame">Find your Frame</a></li> 5630 <li><a href="/eye-care/benefits/health-funds" title="Health funds" data-element-id="Footer_EyeCare-BenefitsHealthFunds">Health Funds</a></li> 5631 <li> 5632 <a href="/tyro-health" title="Claim Health Fund Benefits Online" data-element-id="Footer_EyeCare-TyroHealth">Claim Health Fund Benefits Online</a> 5633 </li> 5634 <li><a href="/eye-care/benefits/bulk-billing" title="Bulk Billing" data-element-id="Footer_EyeCare-BulkBilling">Bulk Billing</a></li> 5635 <li> 5636 <a href="/eye-care/workplace-services" title="Workplace services" data-element-id="Footer_EyeCare-WorkplaceServices">Workplace Services</a> 5637 </li> 5638 <li> 5639 <a href="/contact-lenses-advice/subscription-value-plan" title="Contact lens Subscription Plan" data-element-id="Footer_ContactLensesAdvice-SubscriptionValuePlan">Contact Lens Subscription Plan</a> 5640 </li> 5641 <li><a href="/special-offers" title="Special offers" data-element-id="Footer_SpecialOffers">Special Offers</a></li> 5642 <!-- <li><a href="/vision-plan" title="Vision Plan" data-element-id="Footer_VisionPlan">Vision Planâ¢</a></li> --> 5643 </ul> 5644 </div> 5645 </div> 5646 <div class="col-12 col-sm-4 col-xl-4"> 5647 <div class="footer--module"> 5648 <h5 class="footer--module-title">Our Promise To You</h5> 5649 <ul class="footer--list-links list-unstyled"> 5650 <li><a href="/faqs#delivery" title="Free Delivery" data-element-id="Footer_FreeDelivery">Free Delivery</a></li> 5651 <li><a href="/faqs#return" title="Free Return" data-element-id="Footer_FreeReturn">Free Returns</a></li> 5652 <li> 5653 <a href="/eye-care/benefits/service-guarantee" title="Free Cleaning & Adjustments" data-element-id="Footer_FreeCleaning">Free Cleaning & Adjustments</a> 5654 </li> 5655 <li> 5656 <a href="/eye-care/benefits/service-guarantee" title="OPSM Perfect Fit Promise" data-element-id="Footer_OPSMPerfectFit">OPSM Perfect Fit Promise</a> 5657 </li> 5658 <li> 5659 <a href="/eye-care/benefits/service-guarantee" title="24 Month Manufacturer's Warranty" data-element-id="Footer_24MonthWarranty">24 Month Manufacturer's Warranty</a> 5660 </li> 5661 <!-- <li><a href="/eye-care/benefits/service-guarantee" title="Service Guarantee" data-element-id="Footer_EyeCare-BenefitsServiceGuarantee">Service Guarantee</a> 5662 </li> --> 5663 </ul> 5664 </div> 5665 </div> 5666</div> 5667 5668 5669</div> 5670 5671<!-- END Content_UI.jspf --> 5672 </div> 5673 </div> 5674 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [footer-content-sections] --> 5675</div> 5676 5677 </div> 5678 <div class="col-12 col-sm-12 col-xl-3"> 5679 5680
5681<script type="text/javascript"> 5682 function hideAllMessages() { 5683 $('#newsletterDuplicateMail').css("display", "none"); 5684 $('#newsletterCallError').css("display", "none"); 5685 $('#newsletterInputError').css("display", "none"); 5686 $('#newsletterSuccess').css("display", "none"); 5687 } 5688 5689 function showNewsletterOk() { 5690 $('#newsletterDuplicateMail').css("display", "none"); 5691 $('#newsletterCallError').css("display", "none"); 5692 $('#newsletterInputError').css("display", "none"); 5693 $('#newsletterSuccess').css("display", "block"); 5694 //$('#email-input').val(""); 5695 } 5696 5697 function showNewsletterInputError() { 5698 $('#newsletterDuplicateMail').css("display", "none"); 5699 $('#newsletterCallError').css("display", "none"); 5700 $('#newsletterInputError').css("display", "block"); 5701 $('#newsletterSuccess').css("display", "none"); 5702 } 5703 5704 function showNewsletterCallError() { 5705 $('#newsletterDuplicateMail').css("display", "none"); 5706 $('#newsletterCallError').css("display", "block"); 5707 $('#newsletterInputError').css("display", "none"); 5708 $('#newsletterSuccess').css("display", "none"); 5709 } 5710 5711 function showNewsletterDuplicateEmail() { 5712 $('#newsletterDuplicateMail').css("display", "block"); 5713 $('#newsletterCallError').css("display", "none"); 5714 $('#newsletterInputError').css("display", "none"); 5715 $('#newsletterSuccess').css("display", "none"); 5716 } 5717 5718 function subscribeToNewsletter() { 5719 var signUpEmail = $('#email-input').val(); 5720 var storeId = $('#newsletterStoreId').val(); 5721 var catalogId = $('#newsletterCatalogId').val(); 5722 var langId =$('#newsletterLangId').val(); 5723 var signUpType = $('#newsletterSignUpType').val(); 5724 if (signUpEmail=="" || signUpEmail==null) { 5725 showNewsletterInputError(); 5726 return false; 5727 } else if(signUpEmail!="" && signUpEmail!=null){ 5728 var filter = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; 5729 signUpEmail = signUpEmail.trim(); 5730 if (!(filter.test(signUpEmail))) { 5731 showNewsletterInputError(); 5732 return false; 5733 } else { 5734 $('#submitNewsletterButton').prop('disabled', true); 5735 5736 $.ajax({ 5737 url:"UserEmailSignUpCmd", 5738 data: { 5739 storeId: storeId, 5740 catalogId: catalogId, 5741 langId: langId, 5742 email1: signUpEmail, 5743 signUpType: signUpType 5744 }, 5745 success:function(result){ 5746 5747 $('#submitNewsletterButton').prop('disabled', false); 5748 try { 5749 var parser = new DOMParser(); 5750 var htmlDoc = parser.parseFromString(result, 'text/xml'); 5751 var responseSuccess = htmlDoc.getElementsByClassName('response-success'); 5752 5753 if(responseSuccess == null || responseSuccess.length < 1){ 5754 var alreadyRegistered = htmlDoc.getElementsByClassName('response')[0].getElementsByClassName('confirm')[0].innerHTML; 5755 if(alreadyRegistered != null && alreadyRegistered.length > 0){ 5756 analyticsFramework.asyncSendError("Email already registered"); 5757 5758 showNewsletterDuplicateEmail(); 5759 5760 return false; 5761 } else { 5762 analyticsFramework.asyncSendError("Generic error"); 5763 5764 showNewsletterCallError(); 5765 5766 return false; 5767 } 5768 } else { 5769 var response = responseSuccess[0].getElementsByTagName('p')[0].innerHTML; 5770 if(response == null || response.length < 1){ 5771 analyticsFramework.asyncSendError("Response in a bad format"); 5772 5773 showNewsletterCallError(); 5774 5775 return false; 5776 } else { 5777 analyticsFramework.asyncUserNewsletterSignup(signUpEmail); 5778 5779 showNewsletterOk(); 5780 } 5781 } 5782 } catch(e) { 5783 analyticsFramework.asyncSendError(e.message); 5784 5785 showNewsletterCallError(); 5786 5787 return false;
5788 } 5789 }, 5790 error: function (xhr, ajaxOptions, thrownError) { 5791 analyticsFramework.asyncSendError(thrownError); 5792 5793 $('#submitNewsletterButton').prop('disabled', false); 5794 showNewsletterCallError(); 5795 5796 return false; 5797 } 5798 }); 5799 } 5800 } 5801 }; 5802 5803 $( document ).ready(function() { 5804 $("#email-input").bind("keyup change", function() { 5805 hideAllMessages(); 5806 }); 5807 }); 5808</script>
5808 5809 5810 5811 <div class="footer--module"> 5812 <h5 class="footer--module-title">Stay in Touch</h5> 5813 <div class="footer--module-text">Subscribe to our newsletter to receive the latest news and promotions</div> 5814 <!-- <form class="footer--subscribe-form" id="form-subscription" novalidate> 5815 <div class="input-group"> 5816 <input class="form-control" type="email" required placeholder="Enter your email address" aria-label="Enter your email address"> 5817 <div class="input-group-append"> 5818 <button class="btn btn-default" type="button">Submit</button> 5819 </div> 5820 <div class="invalid-feedback">Please enter a valid email address</div> 5821 </div> 5822 <div>Thanks for signing up to news and offers!</div> 5823 </div> 5824 </form> --> 5825 <form class="footer--subscribe-form" id="form-subscription" novalidate onsubmit="subscribeToNewsletter();return false" data-element-id="Home_Newsletter_SignupForm"> 5826 <div class="input-group"> 5827 <input type="hidden" name="storeId" id="newsletterStoreId" value='10151'/> 5828 <input type="hidden" name="catalogId" id="newsletterCatalogId" value='12601' /> 5829 <input type="hidden" name="langId" id="newsletterLangId" value='-1' /> 5830 <input type="hidden" id="newsletterSignUpType" name="signUpType" value="newsLetter" /> 5831 <input class="form-control utagpiimask" type="email" required placeholder="Enter your email address" aria-label="Enter your email address" id="email-input"> 5832 <div class="input-group-append"> 5833 <button class="btn btn-default" type="submit" id="submitNewsletterButton" onclick="subscribeToNewsletter()" data-element-id="Home_Newsletter_SignupForm">Submit</button> 5834 </div> 5835 5836 5837<div class="emarketingspot"><!-- Begin EmarketingSpot [footer-marketing-content] --><!-- BEGIN ContentRecommendation_UI.jspf --> 5838 <div id="contentRecommendationWidget_footer-marketing-content" class="contentRecommendationWidget" > 5839 5840 <div dataci_toolbar="_espot" dataci_espot ="_footer-marketing-content" id="ci_espot__footer-marketing-content"> 5841 <!-- BEGIN Content_UI.jspf --> 5842<div class="left_espot"> 5843 5844 5845 <small class="mb-2">By continuing, you consent to receive marketing communication and agree to our <a class="underline text-white footer--module--link" href="/terms-of-use" title="Terms of use" data-element-id="Footer_TermsOfUse">Terms of use</a> and <a class="underline text-white footer--module--link" href="/privacy-policy" title="Privacy policy" data-element-id="Footer_PrivacyPolicy">Privacy policy</a></small> 5846 5847 5848</div> 5849 5850<!-- END Content_UI.jspf --> 5851 </div> 5852 </div> 5853 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [footer-marketing-content] --> 5854</div> 5855 5856 <div class="success-feedback" id="newsletterSuccess" style="display:none; width: 100%; margin-top: .25rem; font-size: 80%;">Thanks for signing up to news and offers!</div> 5857 <div class="invalid-feedback" id="newsletterInputError" >Please enter a valid email address</div> 5858 <div class="invalid-feedback" id="newsletterCallError" style="display:none">Error, please retry later</div> 5859 <div class="invalid-feedback" id="newsletterDuplicateMail" style="display:none">Oops this email address is already registered</div> 5860 </div> 5861</form> 5862</div> 5863 5864 5865 5866 <div class="footer--module"> 5867 5868 5869<div class="emarketingspot"><!-- Begin EmarketingSpot [footer-content-changelocation] --><!-- BEGIN ContentRecommendation_UI.jspf --> 5870 <div id="contentRecommendationWidget_footer-content-changelocation" class="contentRecommendationWidget" > 5871 5872 <div dataci_toolbar="_espot" dataci_espot ="_footer-content-changelocation" id="ci_espot__footer-content-changelocation"> 5873 <!-- BEGIN Content_UI.jspf --> 5874<div class="left_espot"> 5875 5876 5877 <h5 class="footer--module-title mt-3">Shopping from:</h5> 5878<ul class="list-inline footer--shopping-from-list"> 5879 <li class="list-inline-item active"><span>Australia</span></li> 5880 <li class="list-inline-item"><a href="https://www.opsm.co.nz" title="New Zealand" data-element-id="Footer_CountrySelector" data-description="NZL">New Zealand</a> 5881 </li> 5882</ul> 5883 5884<style> 5885 .footer--module--link:hover { 5886 text-decoration: none!important; 5887 } 5888</style> 5889 5890 5891</div> 5892 5893<!-- END Content_UI.jspf --> 5894 </div> 5895 </div> 5896 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [footer-content-changelocation] --> 5897</div> 5898 5899 </div> 5900 </div> 5901 </div> 5902 </div> 5903 <div class="footer--bottom"> 5904 5905 5906<div class="emarketingspot"><!-- Begin EmarketingSpot [footer-content-payment] --><!-- BEGIN ContentRecommendation_UI.jspf --> 5907 <div id="contentRecommendationWidget_footer-content-payment" class="contentRecommendationWidget" > 5908 5909 <div dataci_toolbar="_espot" dataci_espot ="_footer-content-payment" id="ci_espot__footer-content-payment"> 5910 <!-- BEGIN Content_UI.jspf --> 5911<div class="left_espot"> 5912 5913 5914 <div class="footer--payment d-xl-flex"> 5915 <ul class="list-inline footer--payment-logos"> 5916 <li class="list-inline-item"><img loading="lazy" src="/wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected]" srcset="/wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected] 2x, /wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected] 3x" alt="Secured by GeoTrust"> 5917 </li> 5918 <li class="list-inline-item"><img loading="lazy" src="/wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected]" srcset="/wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected] 2x, /wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected] 3x" alt="Visa"> 5919 </li> 5920 <li class="list-inline-item"><img loading="lazy" src="/wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected]" srcset="/wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected] 2x, /wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected] 3x" alt="Master"> 5921 </li> 5922 <li class="list-inline-item"><img loading="lazy" src="/wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected]" srcset="/wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected] 2x, /wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected] 3x" alt="American Express"> 5923 </li> 5924 <li class="list-inline-item"><img loading="lazy" src="/wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected]" srcset="/wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected] 2x, /wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected] 3x" alt="PayPal"> 5925 </li> 5926 <li class="list-inline-item"><img loading="lazy" src="/wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected]" srcset="/wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected] 2x, /wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected] 3x" alt="Apple Pay"> 5927 </li> 5928 <li class="list-inline-item"><img loading="lazy" src="/wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected]" srcset="/wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected] 2x, /wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected] 3x" alt="AfterPay"> 5929 </li> 5930 <li class="list-inline-item"><img loading="lazy" src="/wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected]" srcset="/wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected] 2x, /wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected] 3x" alt="Tyro Health"> 5931 </li> 5932 </ul> 5933 <div class="footer--payment-description flex-grow-1"> 5934 Payment options displayed are for OPSM online shopping 5935 only, and may not be available in all OPSM stores. <br/> 5936 Please contact your local store to find out more. 5937 </div> 5938</div> 5939 5940 5941</div> 5942 5943<!-- END Content_UI.jspf --> 5944 </div> 5945 </div> 5946 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [footer-content-payment] --> 5947</div> 5948 5949 </div> 5950 5951 5952<div class="emarketingspot"><!-- Begin EmarketingSpot [footer-content-siteinfo] --><!-- BEGIN ContentRecommendation_UI.jspf --> 5953 <div id="contentRecommendationWidget_footer-content-siteinfo" class="contentRecommendationWidget" > 5954 5955 <div dataci_toolbar="_espot" dataci_espot ="_footer-content-siteinfo" id="ci_espot__footer-content-siteinfo"> 5956 <!-- BEGIN Content_UI.jspf --> 5957<div class="left_espot"> 5958 5959 5960 <div class="footer--site-info d-sm-flex">
5961 <ul class="list-inline footer--site-info-links mr-auto"> 5962 <li class="list-inline-item"><a href="/terms-of-use" title="Terms of use" data-element-id="Footer_TermsOfUse">Terms of use</a> 5963 </li> 5964 <li class="list-inline-item"><a href="/privacy-policy" title="Privacy policy" data-element-id="Footer_PrivacyPolicy">Privacy policy</a> 5965 </li> 5966 <li class="list-inline-item"><a href="/site-map" title="Sitemap" data-element-id="Footer_Sitemap">Sitemap</a> 5967 </li> 5968 </ul> 5969 <div class="footer--site-info-copyright">© <span id="current-year"></span>, OPSM All Rights Reserved</div> 5970</div> 5971 5972
5973<script> 5974 const currentDate = new Date(); 5975 const currentYear = currentDate.getFullYear(); 5976 5977 document.getElementById("current-year").innerHTML = currentYear; 5978</script>
5978 5979 5980 5981</div> 5982 5983<!-- END Content_UI.jspf --> 5984 </div> 5985 </div> 5986 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [footer-content-siteinfo] --> 5987</div> 5988 5989 <div class="footer--sticky-banner" id="footer-sticky-banner"> 5990 5991 5992<div class="emarketingspot"><!-- Begin EmarketingSpot [footer-banner-sticky] --><!-- BEGIN ContentRecommendation_UI.jspf --> 5993 <div id="contentRecommendationWidget_footer-banner-sticky" class="contentRecommendationWidget" > 5994 5995 <div dataci_toolbar="_espot" dataci_espot ="_footer-banner-sticky" id="ci_espot__footer-banner-sticky"> 5996 <!-- BEGIN Content_UI.jspf --> 5997<div class="left_espot"> 5998 5999 6000 <a class="btn btn-link footer--sticky-banner-close-btn" href="javascript:void(0);"> 6001 <span class="icon-close"></span> 6002</a> 6003<div class="footer--sticky-banner-text"> 6004 FREE DELIVERY ON ALL ORDERS 6005 6006 6007</div> 6008 6009<style> 6010.footer--sticky-banner { 6011background-color:#f1b630; 6012} 6013</style> 6014 6015 6016 6017
6018<script type="text/javascript"> 6019 if ($.cookie("footer-banner-sticky") === "read") { 6020 $("#footer-sticky-banner").hide(); 6021 } else { 6022 $(".footer--sticky-banner-close-btn").on("click", function(){ 6023 $.cookie("footer-banner-sticky", "read", {expires:1, path: '/'}); 6024 }); 6025 } 6026</script>
6026 6027 6028 6029</div> 6030 6031<!-- END Content_UI.jspf --> 6032 </div> 6033 </div> 6034 <!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [footer-banner-sticky] --> 6035</div> 6036 6037 </div> 6038 </div> 6039 6040 6041<div class="emarketingspot"><!-- Begin EmarketingSpot [X_Footer] --><!-- End EmarketingSpot [X_Footer] --> 6042</div> 6043 6044 6045</footer> 6046 6047 6048 <span class="d-none"> 6049 6050 </span> 6051 6052
6052<script> 6053 $( document ).ready(function() { 6054 try { 6055 var analyticsJspErrorMessage = ''; 6056 if (analyticsJspErrorMessage != null && analyticsJspErrorMessage.trim().length > 0 && ((window.analyticsFramework.data != null && window.analyticsFramework.data.Error_Source != "404") || (window.analyticsFramework.data == null))) { 6057 //analyticsFramework.asyncSendErrorEvolved(analyticsJspErrorMessage, 'Server', 'Inpage JSP WCS server error'); 6058 analyticsFramework.asyncSendErrorEvolvedDetails(analyticsJspErrorMessage, analyticsJspErrorMessage, 'Server', 'Inpage JSP WCS server error'); 6059 } 6060 } catch (err) { 6061 6062 } 6063 }); 6064 </script>
6064 6065 6066<!-- END Footer.jsp --> 6067 </div> 6068 6069 </div> 6070 6071 <!-- layoutPreviewLayoutId/Name/Default needs to be set before calling widgetImport -->
6072<script type="text/javascript" src="/TED0Hj/D-v/g0Q/g_uPhg/SYuamGc9OVhYhkYh/ATlU/MCR/vVnhWMTQ"></script>
6072<script type="text/javascript" src="/TED0Hj/D-v/g0Q/g_uPhg/c8uamGc9OV/DEBX/dzJ/-WhtJUwY6?v=33056c21-95b9-4735-0752-851138481734" defer></script>
6072</body> 6073 6074 6075</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.