1 2 3 4 5 6<!DOCTYPE html> 7<html> 8<head> 9<meta charset="UTF-8"> 10 11<meta name="viewport" content="width=device-width, initial-scale=1"> 12 13 14<title>The Ophthalmologist | Product Profiles</title> 15 16 17<!-- Matomo -->
18<script> 19 var _paq = window._paq = window._paq || []; 20 /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ 21 _paq.push(['trackPageView']); 22 _paq.push(['enableLinkTracking']); 23 24 (function() { 25 var u="//matomo.broadcastmed.com/"; 26 _paq.push(['setTrackerUrl', u+'matomo.php']); 27 _paq.push(['setSiteId', '244']); 28 var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 29 g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); 30 })(); 31</script>
31 32<!-- End Matomo Code --> 33 34 35 36<!-- Blueconic -->
37<script src="https://s644.theophthalmologist.com/script.js"></script>
37 38 39<!-- Favicon : start --> 40<link rel="icon" type="image/x-icon" href="/media/ozmkv1hh/favicon_k2b_icon-1.ico"> 41 42<!-- Favicon : end --> 43 44<!-- Google Fonts : Start --> 45<link rel="preconnect" href="https://fonts.googleapis.com"> 46<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 47<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet"> 48 49<!-- Conexiant Fonts --> 50<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> 51 52<!-- The Ophthalmologist Fonts --> 53<link rel="preconnect" href="https://fonts.googleapis.com"> 54<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 55<link href="https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet"> 56<!-- Google Fonts : End --> 57 58 59<!-- Bootstrap CSS --> 60<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous"> 61<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"> 62 63 64<!-- Google Icons CSS --> 65<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 66<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet"> 67 68 69<!-- Site CSS Documents --> 70<link rel="stylesheet" href="/css/umbrella.css" /> 71<link rel="stylesheet" href="/css/opthalmology.css?a=1" /> 72<link rel="stylesheet" href="/css/lity.css" /> 73 74<!-- jQuery --> 75
75<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
75 76 <!-- GAM --> 77
77<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
77 78
78<script async> 79 window.googletag = window.googletag || {cmd: []}; 80 googletag.cmd.push(function() { 81 googletag.pubads().enableSingleRequest(); 82 googletag.enableServices(); 83 }); 84 </script>
84 85 86 <!-- pushly --> 87
87<script src="https://cdn.p-n.io/pushly-sdk.min.js?domain_key=Q25kfgu816deYilJ9IZASwwwoa5Xc8XF2HDC" async></script>
87 88
88<script> 89 window.PushlySDK = window.PushlySDK || []; 90 function pushly() { window.PushlySDK.push(arguments) } 91 pushly('load', { 92 domainKey: 'Q25kfgu816deYilJ9IZASwwwoa5Xc8XF2HDC', 93 sw: '/scripts/pushly-sdk-worker.js', 94 }); 95 </script>
95 96 97 <!-- Microsoft Clarity --> 98
98<script type="text/javascript"> 99 (function(c,l,a,r,i,t,y){ 100 c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; 101 t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; 102 y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); 103 })(window, document, "clarity", "script", "r9caabet51"); 104 </script>
104 105 106 107 <!-- Google Tag Manager --> 108
108<script>
vendor: 347 bytes, lines 108-112
108(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 109 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 110 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 111 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 112 })(window,document,'script','dataLayer','
112GTM-T2WPFRG
vendor: 3 bytes, line 112
112');
112</script>
112 113 <!-- End Google Tag Manager --> 114 115</head> 116 117<body> 118 <!-- Google Tag Manager (noscript) -->
vendor: 73 bytes, lines 118-119
118 119 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
119GTM-T2WPFRG
vendor: 93 bytes, lines 119-121
119" 120 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 121
121<!-- End Google Tag Manager (noscript) --> 122 123 124 <main> 125 126 <div id="peak-nav"></div>
127<script src="https://cdn.conexiant.app/peak-nav/peak-nav.iife.js"></script>
127
128<script> 129 PeakNav.initPeakNav("#peak-nav", { 130 site: "theophthalmologist" }); 131</script>
131 132 133 134 135 <nav class="brand-nav"> 136 <div class="navbar navbar-expand-lg navbar--megamenu"> 137 <div class="container-fluid max-width"> 138 <div class="navbar__left"> 139 <a href="/" class="navbar__logo"> 140 <img class="navbar__logo-img mb-2" src="/media/0u3fo0is/navbar-brand.svg" alt="The Ophthalmologist"> 141 </a> 142 143 <button class="btn btn--link navbar-toggler navbar-toggler--hamburger" type="button" data-bs-toggle="collapse" data-bs-target="#jadproNav" aria-controls="jadproNav" aria-expanded="false" aria-label="Toggle navigation"> 144 </button> 145 146 <div class="collapse navbar-collapse" id="jadproNav"> 147 <div class="white-bottom-overlay"> 148 <ul class="navbar-nav"> 149 150 <li class="nav-item dropdown"> 151 <a class="nav-link dropdown-toggle-tp" href="#" aria-current="page" data-bs-toggle="dropdown" aria-expanded="false">Explore</a> 152 <div class="dropdown-menu dropdown-menu--megamenu"> 153 <div class="container-fluid max-width"> 154 155 <div class="dropdown-menu__megamenu-section"> 156 <div class="dropdown-menu__megamenu-section-header"> 157 <h3 class="dropdown-menu__megamenu-title">Explore</h3> 158 </div> 159 <ul aria-labelledby="dropdown01"> 160 <li><a class="dropdown-item" href="/topics/latest"><span>Latest</span></a></li> 161 <li><a class="dropdown-item" href="/topics/insights"><span>Insights</span></a></li> 162 <li><a class="dropdown-item" href="/case-studies"><span>Case Studies</span></a></li> 163 <li><a class="dropdown-item" href="/topics/opinions-personal-narratives"><span>Opinion & Personal Narratives</span></a></li> 164 <li><a class="dropdown-item" href="/topics/research-innovations"><span>Research & Innovations</span></a></li> 165 <li><a class="dropdown-item" href="/product-profiles"><span>Product Profiles</span></a></li> 166 </ul> 167 </div> 168 <div class="dropdown-menu__megamenu-section"> 169 <div class="dropdown-menu__megamenu-section-header"> 170 <h3 class="dropdown-menu__megamenu-title">Featured Topics</h3> 171 </div> 172 <ul aria-labelledby="dropdown01"> 173 <li><a class="dropdown-item" href="/topics/anterior-segment/"><span>Anterior Segment</span></a></li> 174 <li><a class="dropdown-item" href="/topics/glaucoma/"><span>Glaucoma</span></a></li> 175 <li><a class="dropdown-item" href="/topics/retina/"><span>Retina</span></a></li> 176 </ul> 177 </div> 178 <div class="dropdown-menu__megamenu-section"> 179 <div class="dropdown-menu__megamenu-section-header"> 180 <h3 class="dropdown-menu__megamenu-title">Issues</h3> 181 </div> 182 <ul aria-labelledby="dropdown01"> 183 <li><a class="dropdown-item" href="/issues/2026/0826/"><span>Latest Issue</span></a></li> 184 <li><a class="dropdown-item" href="/issues/"><span>Archive</span></a></li> 185 </ul> 186 </div> 187 188 </div> 189 </div> 190 </li> 191 192 <li class="nav-item dropdown"> 193 <a class="nav-link dropdown-toggle-tp" href="#" aria-current="page" data-bs-toggle="dropdown" aria-expanded="false">Subspecialties</a> 194 <div class="dropdown-menu dropdown-menu--megamenu"> 195 <div class="container-fluid max-width"> 196 <ul class="d-flex justify-content-center flex-lg-row flex-lg-wrap flex-column gap-3 mx-lg-5 px-lg-5 mx-0 px-0" aria-labelledby="dropdown01"> 197 <li> 198 <a class="dropdown-item btn btn--outlined-primary" href="/topics/cataract/">
199<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 200<g clip-path="url(#clip0_8920_37490)"> 201<path d="M6.68021 9.64308L9.33733 6.98596M6.15277 8.71843L8.41278 6.45842M7.59323 10.1356L9.83378 7.89503M14.8053 8.298C14.8053 8.32136 11.7588 11.8642 7.99992 11.8642C4.24102 11.8642 1.20626 8.33693 1.19458 8.298C1.19263 8.29021 4.24102 4.73181 7.99992 4.73181C11.7588 4.73181 14.8053 8.28632 14.8053 8.298ZM11.5565 8.29798C11.5565 10.2622 9.9642 11.8544 8.00002 11.8544C6.03585 11.8544 4.44357 10.2622 4.44357 8.29798C4.44357 6.33381 6.03585 4.74153 8.00002 4.74153C9.9642 4.74153 11.5565 6.33381 11.5565 8.29798ZM9.88423 8.29798C9.88423 9.33866 9.0406 10.1823 7.99992 10.1823C6.95924 10.1823 6.1156 9.33866 6.1156 8.29798C6.1156 7.2573 6.95924 6.41367 7.99992 6.41367C9.0406 6.41367 9.88423 7.2573 9.88423 8.29798Z" stroke="black" stroke-width="0.389321" stroke-miterlimit="10"/> 202</g> 203<defs> 204<clipPath id="clip0_8920_37490"> 205<rect width="14" height="7.51974" fill="white" transform="translate(1 4.53711)"/> 206</clipPath> 207</defs> 208</svg> <span style="text-decoration: none;">Cataract</span> 209 </a> 210 </li> 211 <li> 212 <a class="dropdown-item btn btn--outlined-primary" href="/topics/cornea/"> 213<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 214<path d="M9.7937 15.2226L1.09897 8.31633C0.967012 8.21076 0.967012 8.01182 1.09897 7.90626L9.7937 1M9.35116 11.4427C9.09943 11.5929 8.82538 11.6761 8.54117 11.6761C7.2805 11.6761 6.25735 10.0622 6.25735 8.07073C6.25735 6.07925 7.2805 4.46535 8.54117 4.46535C8.83959 4.46535 9.12583 4.5567 9.3877 4.72114M10.5814 6.44674C10.7377 6.93395 10.825 7.48613 10.825 8.07079C10.825 8.65544 10.7418 9.18123 10.5915 9.66032M9.7776 12.1939C9.3391 12.9186 8.78693 13.4687 8.16573 13.7732M8.12911 2.35011C8.77264 2.65462 9.34309 3.221 9.79376 3.97212M13.917 8.11746C13.917 10.5997 12.9481 12.612 11.753 12.612C10.5578 12.612 9.58892 10.5997 9.58892 8.11746C9.58892 5.63519 10.5578 3.62292 11.753 3.62292C12.9481 3.62292 13.917 5.63519 13.917 8.11746ZM8.65287 8.07078C8.65287 8.69303 8.33294 9.19746 7.93829 9.19746C7.54364 9.19746 7.22371 8.69303 7.22371 8.07078C7.22371 7.44853 7.54364 6.9441 7.93829 6.9441C8.33294 6.9441 8.65287 7.44853 8.65287 8.07078Z" stroke="black" stroke-width="0.406011" stroke-linecap="round" stroke-linejoin="round"/> 215</svg> 216 <span style="text-decoration: none;">Cornea</span> 217 </a> 218 </li> 219 <li> 220 <a class="dropdown-item btn btn--outlined-primary" href="/topics/glaucoma/"> 221<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 222<path d="M6.42783 8.5383C6.38916 8.38748 6.36789 8.22891 6.36789 8.06649C6.36789 7.03197 7.20517 6.19468 8.23969 6.19468C8.52587 6.19468 8.79659 6.2585 9.0383 6.37258M9.93156 7.26603C10.0476 7.50967 10.1114 7.78039 10.1114 8.06657C10.1114 9.10109 9.27411 9.93838 8.23959 9.93838C8.07523 9.93838 7.91473 9.91711 7.76391 9.8765M15 8.06643C15 8.08963 11.9738 11.6089 8.23988 11.6089C4.50594 11.6089 1.49134 8.1051 1.47974 8.06643C1.4778 8.05869 4.50594 4.52393 8.23988 4.52393C11.9738 4.52393 15 8.05482 15 8.06643ZM11.7725 8.06661C11.7725 10.0177 10.1908 11.5994 8.23968 11.5994C6.28855 11.5994 4.70685 10.0177 4.70685 8.06661C4.70685 6.11548 6.28855 4.53377 8.23968 4.53377C10.1908 4.53377 11.7725 6.11548 11.7725 8.06661ZM10.16 6.78066C10.16 7.13094 9.87599 7.41491 9.52571 7.41491C9.17542 7.41491 8.89146 7.13094 8.89146 6.78066C8.89146 6.43038 9.17542 6.14641 9.52571 6.14641C9.87599 6.14641 10.16 6.43038 10.16 6.78066ZM7.92069 9.35236C7.92069 9.88633 7.48782 10.3192 6.95385 10.3192C6.41988 10.3192 5.98701 9.88633 5.98701 9.35236C5.98701 8.81838 6.41988 8.38552 6.95385 8.38552C7.48782 8.38552 7.92069 8.81838 7.92069 9.35236Z" stroke="black" stroke-width="0.386736" stroke-miterlimit="10"/> 223</svg>
224 <span style="text-decoration: none;">Glaucoma</span> 225 </a> 226 </li> 227 <li> 228 <a class="dropdown-item btn btn--outlined-primary" href="/topics/neuro-ophthalmology/"> 229<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 230<g clip-path="url(#clip0_8920_37484)"> 231<path d="M4.26977 7.39403C3.26617 7.39403 2.45192 6.57978 2.45192 5.57618C2.45192 4.57257 3.26617 3.75832 4.26977 3.75832M3.74587 12.6792C2.80959 12.715 2.02269 11.9828 1.98692 11.0465C1.95116 10.1102 2.68335 9.32333 3.61963 9.28756M8 14.4615V1.57871C7.59814 1.21893 7.06802 1 6.48522 1C5.23123 1 4.2129 2.01623 4.2129 3.27232C4.2129 4.11812 4.67367 4.85452 5.35747 5.24587M8.00026 14.4593C7.59839 15.1557 6.84727 15.6228 5.98673 15.6228C4.70329 15.6228 3.66181 14.5813 3.66181 13.2979C3.66181 12.4037 4.16888 11.6252 4.90948 11.2381M2.35708 9.92312C1.5786 9.74218 1 9.04365 1 8.21047C1 7.26788 1.74061 6.49992 2.67268 6.45573M5.86246 10.0787C6.75245 10.2176 7.65296 9.73155 8.00222 8.86049M5.86246 13.5987C6.75245 13.7376 7.65296 13.2515 8.00222 12.3805M6.43456 11.0803C6.08951 10.8699 5.85807 10.489 5.85807 10.0556C5.85807 9.6222 6.08951 9.24138 6.43456 9.03098M5.42889 4.07605C5.61194 4.43794 5.60773 4.88188 5.37839 5.25008C5.14906 5.61828 4.7514 5.82027 4.34743 5.81606M11.0194 12.4184C10.8363 12.0565 10.8405 11.6126 11.0698 11.2444C11.2992 10.8762 11.6968 10.6742 12.1008 10.6784M11.7325 7.39403C12.7362 7.39403 13.5504 6.57978 13.5504 5.57618C13.5504 4.57257 12.7362 3.75832 11.7325 3.75832M12.2564 12.6792C13.1926 12.715 13.9795 11.9828 14.0153 11.0465C14.0511 10.1102 13.3189 9.32333 12.3826 9.28756M8.00208 14.4593C8.40394 15.1557 9.15507 15.6228 10.0156 15.6228C11.299 15.6228 12.3405 14.5813 12.3405 13.2979C12.3405 12.4037 11.8335 11.6252 11.0929 11.2381M10.6447 5.24587C11.3285 4.85452 11.7893 4.11812 11.7893 3.27232C11.7893 2.01623 10.7709 1 9.51696 1C8.93415 1 8.40394 1.21882 8.00208 1.5786M13.6429 9.92312C14.4214 9.74218 15 9.04365 15 8.21047C15 7.26788 14.2594 6.49992 13.3273 6.45573M10.1398 6.63248C9.24977 6.49361 8.34926 6.97964 8 7.85069M10.1398 2.72737C9.24977 2.5885 8.34926 3.07453 8 3.94558M9.5675 7.67181C9.91255 7.46141 10.144 7.08059 10.144 6.64716C10.144 6.21374 9.91255 5.83291 9.5675 5.62252" stroke="black" stroke-width="0.4208" stroke-linecap="round" stroke-linejoin="round"/> 232</g> 233<defs> 234<clipPath id="clip0_8920_37484"> 235<rect width="16" height="16" fill="white"/> 236</clipPath> 237</defs> 238</svg> 239 <span style="text-decoration: none;">Neuro-ophthalmology</span> 240 </a> 241 </li> 242 <li> 243 <a class="dropdown-item btn btn--outlined-primary" href="/topics/oculoplastics/"> 244 245<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 246<path d="M1.42844 6.0053C1.53226 5.88151 1.64008 5.75572 1.75389 5.62794M2.918 4.44186C4.32162 3.15205 6.12856 2 8.09922 2C10.4053 2 12.4878 3.57733 13.9633 5.10674M14.5264 5.71973C14.6402 5.84951 14.748 5.9753 14.8498 6.09909M1.42844 10.4377C1.53226 10.5615 1.64008 10.6873 1.75389 10.8151M2.918 12.0011C4.32362 13.2909 6.13056 14.4429 8.10122 14.4429C10.4073 14.4429 12.4898 12.8656 13.9653 11.3362M14.5264 10.7253C14.6402 10.5955 14.748 10.4697 14.8498 10.3459M15.1574 8.27337C15.1574 8.29733 12.0327 11.9312 8.1772 11.9312C4.32173 11.9312 1.209 8.3153 1.19702 8.27337C1.19503 8.26539 4.32173 4.61557 8.1772 4.61557C12.0327 4.61557 15.1574 8.26139 15.1574 8.27337ZM11.8249 8.27338C11.8249 10.288 10.1917 11.9212 8.17708 11.9212C6.16245 11.9212 4.52926 10.288 4.52926 8.27338C4.52926 6.25875 6.16245 4.62556 8.17708 4.62556C10.1917 4.62556 11.8249 6.25875 11.8249 8.27338ZM10.1098 8.27338C10.1098 9.34079 9.2445 10.2061 8.17708 10.2061C7.10967 10.2061 6.24436 9.34079 6.24436 8.27338C6.24436 7.20597 7.10967 6.34066 8.17708 6.34066C9.2445 6.34066 10.1098 7.20597 10.1098 8.27338Z" stroke="black" stroke-width="0.399323" stroke-miterlimit="10" stroke-linecap="round"/> 247</svg>
248 <span style="text-decoration: none;">Oculoplastics</span> 249 </a> 250 </li> 251 <li> 252 <a class="dropdown-item btn btn--outlined-primary" href="/topics/optometry/"> 253<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 254 <path class="cls-1" d="M25.6,78.3c-8.7,0-15.7-7-15.7-15.7s7-15.7,15.7-15.7,15.7,7,15.7,15.7-7,15.7-15.7,15.7ZM25.6,48.9c-7.6,0-13.7,6.1-13.7,13.7s6.1,13.7,13.7,13.7,13.7-6.1,13.7-13.7-6.1-13.7-13.7-13.7Z"/> 255 <path class="cls-1" d="M25.6,82.6c-11.1,0-20.1-9-20.1-20.1s9-20,20.1-20,2.5.1,3.7.3v-6.1h2v8.7l-1.3-.3c-1.4-.4-2.9-.6-4.4-.6-10,0-18.1,8.1-18.1,18s8.1,18.1,18.1,18.1,18.1-8.1,18.1-18.1-1.5-9.7-4.3-12c-.5-.4-1.1-.9-1.7-1.5l-.3-.3v-12.2h2v11.3c.5.4.9.8,1.3,1.1,3.3,2.7,5.1,4.5,5.1,13.6s-9,20.1-20.1,20.1Z"/> 256 <path class="cls-1" d="M17,37.4h-7.5c-1.1,0-2-.9-2-2v-8.2c0-1.1.9-2,2-2h7.6c1.1,0,2,.9,2,2v8.2c0,1.1-.9,2-2.1,2ZM9.5,27.2v8.2h7.5c0,0,.1,0,.1,0v-8.2h-7.6Z"/> 257 <rect class="cls-1" x="18.1" y="27.7" width="6.3" height="2"/> 258 <rect class="cls-1" x="17.9" y="32.7" width="6.6" height="2"/> 259 <path class="cls-1" d="M40.7,37.8h-15.6c-1.1,0-2-.9-2-2v-8.5c0-1,1-2,2-2h15.6c1,0,2,1,2,2v8.5c0,1-1,2-2,2ZM25.1,27.3v8.5h15.5v-8.5c0,0-15.5,0-15.5,0Z"/> 260 <path class="cls-1" d="M55,46.3h-9.3c-2.8,0-5-2.2-5-5v-22.9c0-1,1-2,2-2h15.3c1.2,0,2,.8,2,2v22.9c0,2.8-2.2,5-5,5ZM42.7,18.4v22.9c0,1.7,1.3,3,3,3h9.3c1.7,0,3-1.3,3-3v-22.9h-15.3Z"/> 261 <path class="cls-1" d="M50.4,35.9c-2.5,0-4.6-2.1-4.6-4.6s2.1-4.6,4.6-4.6,4.6,2.1,4.6,4.6-2.1,4.6-4.6,4.6ZM50.4,28.7c-1.4,0-2.6,1.2-2.6,2.6s1.2,2.6,2.6,2.6,2.6-1.2,2.6-2.6-1.2-2.6-2.6-2.6Z"/> 262 <path class="cls-1" d="M9.3,52.5h-.1c-1.3-1.2-3-2.6-2.7-4.5.4-2.1,2.8-4.6,5.2-4.6,1.4.1,2.4,1.1,3.2,2.1.2.2.4.4.6.6l-1.4,1.4c-.2-.2-.4-.5-.7-.7-.6-.7-1.3-1.4-1.8-1.4-1.2,0-2.9,1.6-3.1,2.9-.1.8,1.1,1.8,2,2.6h.1c0,0-1.3,1.6-1.3,1.6Z"/> 263 <path class="cls-1" d="M75.2,78.3c-8.7,0-15.7-7-15.7-15.7s7-15.7,15.7-15.7,15.7,7,15.7,15.7-7,15.7-15.7,15.7ZM75.2,48.9c-7.6,0-13.7,6.1-13.7,13.7s6.1,13.7,13.7,13.7,13.7-6.1,13.7-13.7-6.1-13.7-13.7-13.7Z"/> 264 <path class="cls-1" d="M75.2,82.7c-11.1,0-20.1-9.1-20.1-20.2s1.7-10.9,5.1-13.6c.4-.3.9-.7,1.3-1.1v-11.3h2v12.2l-.3.3c-.6.5-1.2,1-1.7,1.5-2.8,2.3-4.3,3.5-4.3,12s8.1,18.2,18.1,18.2,18.1-8.1,18.1-18.1-8.1-18.1-18.1-18.1-3,.2-4.4.6l-1.3.3v-8.7h2v6.1c1.2-.2,2.4-.3,3.7-.3,11.1,0,20.1,9,20.1,20.1s-9,20.1-20.1,20.1Z"/> 265 <path class="cls-1" d="M91.4,37.4h-7.6c-1.2,0-2-.8-2-2v-8.2c0-1.1.9-2,2-2h7.6c1.1,0,2,.9,2,2v8.2c0,1.1-.9,2-2,2ZM83.8,27.2v8.2h7.6v-8.2h-7.6Z"/> 266 <rect class="cls-1" x="76.4" y="27.7" width="6.3" height="2"/> 267 <rect class="cls-1" x="76.3" y="32.7" width="6.6" height="2"/> 268 <path class="cls-1" d="M75.7,37.8h-15.6c-1,0-2-1-2-2v-8.5c0-1,1-2,2-2h15.6c1.1,0,2,.9,2,2v8.5c0,1.2-.8,2-2,2ZM60.1,27.3v8.5h15.6v-8.5h-15.6Z"/> 269 <path class="cls-1" d="M91.5,52.5l-1.3-1.5h.1c.9-.8,2.2-1.9,2-2.7-.2-1.3-2-2.8-3.2-2.8-.5,0-1.1.7-1.7,1.4-.2.2-.4.5-.7.7l-1.4-1.4c.2-.2.4-.4.6-.6.8-.9,1.8-1.9,3.1-2.1h0c2.5,0,4.9,2.5,5.3,4.5.3,1.9-1.4,3.3-2.7,4.5h-.1Z"/> 270</svg> <span style="text-decoration: none;">Optometry</span> 271 </a> 272 </li> 273 <li> 274 <a class="dropdown-item btn btn--outlined-primary" href="/topics/pediatric/"> 275 276<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 277<path d="M14.4996 7.63143C14.433 7.63143 14.3686 7.64031 14.3065 7.65141C13.9757 4.47499 11.2921 2 8.0291 2C4.76611 2 2.08025 4.47721 1.74951 7.65141C1.68513 7.64253 1.62076 7.63143 1.55639 7.63143C0.85052 7.63143 0.277832 8.20412 0.277832 8.90999C0.277832 9.61586 0.85052 10.1885 1.55639 10.1885C1.70511 10.1885 1.84495 10.1575 1.97814 10.1109C2.75282 12.719 5.16788 14.6213 8.02688 14.6213C10.8859 14.6213 13.3009 12.719 14.0756 10.1109C14.2088 10.1575 14.3486 10.1885 14.4974 10.1885C15.2032 10.1885 15.7759 9.61586 15.7759 8.90999C15.7759 8.20412 15.2032 7.63143 14.4974 7.63143H14.4996Z" stroke="black" stroke-width="0.443944" stroke-miterlimit="10"/> 278<path d="M9.75817 11.9399C9.47627 12.6192 8.80591 13.0942 8.02457 13.0942C7.24323 13.0942 6.57953 12.6214 6.29541 11.9488" stroke="black" stroke-width="0.443944" stroke-linecap="round" stroke-linejoin="round"/> 279<path d="M9.57412 3.1897C9.62961 3.73131 9.4476 4.29068 9.03473 4.70577C8.48424 5.25626 7.67848 5.39388 7.00146 5.11863" stroke="black" stroke-width="0.443944" stroke-linecap="round" stroke-linejoin="round"/> 280<path d="M6.30654 3.85571C6.36204 4.39732 6.18224 4.95891 5.76715 5.37178C5.21666 5.92227 4.4109 6.0599 3.73389 5.78465" stroke="black" stroke-width="0.443944" stroke-linecap="round" stroke-linejoin="round"/> 281<path d="M5.38985 10.9254C6.42697 10.9254 7.26773 10.0847 7.26773 9.04756C7.26773 8.01043 6.42697 7.16968 5.38985 7.16968C4.35272 7.16968 3.51196 8.01043 3.51196 9.04756C3.51196 10.0847 4.35272 10.9254 5.38985 10.9254Z" stroke="black" stroke-width="0.443944" stroke-linecap="round" stroke-linejoin="round"/> 282<path d="M5.83377 9.73577C6.16844 9.73577 6.43975 9.46446 6.43975 9.12979C6.43975 8.79511 6.16844 8.5238 5.83377 8.5238C5.49909 8.5238 5.22778 8.79511 5.22778 9.12979C5.22778 9.46446 5.49909 9.73577 5.83377 9.73577Z" fill="black"/> 283<path d="M7.26782 9.04761H8.79943" stroke="black" stroke-width="0.443944" stroke-linecap="round" stroke-linejoin="round"/> 284<path d="M2.52197 8.15979L3.51197 9.14979" stroke="black" stroke-width="0.443944" stroke-linecap="round" stroke-linejoin="round"/> 285<path d="M10.6772 10.9254C11.7143 10.9254 12.5551 10.0847 12.5551 9.04756C12.5551 8.01043 11.7143 7.16968 10.6772 7.16968C9.64007 7.16968 8.79932 8.01043 8.79932 9.04756C8.79932 10.0847 9.64007 10.9254 10.6772 10.9254Z" stroke="black" stroke-width="0.443944" stroke-linecap="round" stroke-linejoin="round"/> 286<path d="M10.2334 9.73577C10.5681 9.73577 10.8394 9.46446 10.8394 9.12979C10.8394 8.79511 10.5681 8.5238 10.2334 8.5238C9.89875 8.5238 9.62744 8.79511 9.62744 9.12979C9.62744 9.46446 9.89875 9.73577 10.2334 9.73577Z" fill="black"/> 287<path d="M13.5317 8.15979L12.5439 9.14979" stroke="black" stroke-width="0.443944" stroke-linecap="round" stroke-linejoin="round"/> 288</svg>
288 <span style="text-decoration: none;">Pediatric</span> 289 </a> 290 </li> 291 <li> 292 <a class="dropdown-item btn btn--outlined-primary" href="/topics/retina/"> 293 294<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 295<path d="M6.77358 4.23816C5.59339 4.23816 4.53101 4.73008 3.77246 5.51756C4.4938 6.26784 4.94025 7.28475 4.94025 8.40707C4.94025 9.52939 4.4938 10.5484 3.77246 11.2966C4.53101 12.0841 5.59339 12.576 6.77358 12.576C9.07609 12.576 10.9425 10.7096 10.9425 8.40707C10.9425 6.10456 9.07816 4.23816 6.77358 4.23816Z" stroke="black" stroke-width="0.413377" stroke-linecap="round" stroke-linejoin="round"/> 296<path d="M2.60474 8.40708C2.60474 9.23797 2.8507 10.0089 3.26821 10.66C3.68778 10.0089 3.93168 9.23797 3.93168 8.40708C3.93168 7.57619 3.68572 6.80524 3.26821 6.15417C2.84863 6.80524 2.60474 7.57619 2.60474 8.40708Z" stroke="black" stroke-width="0.413377" stroke-linecap="round" stroke-linejoin="round"/> 297<path d="M15 7.1007C13.4622 7.1007 12.0174 6.37523 11.0894 5.14956C10.1035 3.84329 8.53681 3 6.77375 3C5.16365 3 3.71683 3.70481 2.72679 4.82299C1.54453 5.51747 0.748779 6.79894 0.748779 8.26849C0.748779 9.54376 1.34818 10.6764 2.27828 11.4102C3.24764 12.859 4.89909 13.8139 6.77375 13.8139C8.53681 13.8139 10.1014 12.9707 11.0894 11.6644C12.0154 10.4387 13.4622 9.71325 15 9.71325V7.1007Z" stroke="black" stroke-width="0.413377" stroke-linecap="round" stroke-linejoin="round"/> 298<path d="M12.4226 8.47522H14.9545" stroke="black" stroke-width="0.413377" stroke-linecap="round" stroke-linejoin="round"/> 299<path d="M6.98071 5.8173C6.98071 5.8173 8.63009 5.63128 9.11167 6.89001C9.11167 6.89001 9.59326 8.40504 10.945 8.40504" stroke="black" stroke-width="0.413377" stroke-linecap="round" stroke-linejoin="round"/> 300<path d="M9.09286 6.84859C9.09286 6.84859 8.5534 6.77831 8.38805 7.18756C8.38805 7.18756 8.22063 7.68154 7.77832 7.67327" stroke="black" stroke-width="0.413377" stroke-linecap="round" stroke-linejoin="round"/> 301<path d="M6.98071 10.9969C6.98071 10.9969 8.63009 11.1829 9.11167 9.92421C9.11167 9.92421 9.59326 8.40918 10.945 8.40918" stroke="black" stroke-width="0.413377" stroke-linecap="round" stroke-linejoin="round"/> 302<path d="M9.09286 9.96749C9.09286 9.96749 8.5534 10.0378 8.38805 9.62852C8.38805 9.62852 8.22063 9.13454 7.77832 9.1428" stroke="black" stroke-width="0.413377" stroke-linecap="round" stroke-linejoin="round"/> 303</svg> 304 <span style="text-decoration: none;">Retina</span> 305 </a> 306 </li> 307 </ul> 308 </div> 309 </div> 310 </li> 311 312 <li class="nav-item dropdown"> 313 <a class="nav-link dropdown-toggle-tp" href="#" aria-current="page" data-bs-toggle="dropdown" aria-expanded="false">Business</a> 314 <div class="dropdown-menu dropdown-menu--megamenu"> 315 <div class="container-fluid max-width"> 316 <div class="container-fluid max-width"> 317 <div class="dropdown-menu__megamenu-section"> 318 <div class="dropdown-menu__megamenu-section-header"> 319 <h3 class="dropdown-menu__megamenu-title">Business & Profession</h3> 320 </div> 321 <ul aria-labelledby="dropdown01"> 322 <li><a class="dropdown-item" href="/topics/professional-development"><span">Professional Development</span></a></li> 323 <li><a class="dropdown-item" href="/topics/business-and-entrepreneurship"><span>Business and Entrepreneurship</span></a></li> 324 <li><a class="dropdown-item" href="/topics/practice-management"><span>Practice Management</span></a></li> 325 <li><a class="dropdown-item" href="/topics/health-economics-and-policy"><span>Health Economics & Policy</span></a></li> 326 </ul> 327 </div> 328 </div> 329 </div> 330 </div> 331 </li> 332 333 334 335 <li class="nav-item dropdown"> 336 <a class="nav-link dropdown-toggle-tp" href="#" aria-current="page" data-bs-toggle="dropdown" aria-expanded="false">Training & Education</a> 337 <div class="dropdown-menu dropdown-menu--megamenu"> 338 <div class="container-fluid max-width"> 339 <div class="dropdown-menu__megamenu-section"> 340 <div class="dropdown-menu__megamenu-section-header"><h3 class="dropdown-menu__megamenu-title">Career Development</h3></div> 341 342 <ul aria-labelledby="dropdown01"> 343 <li> 344 <a class="dropdown-item" href="/topics/professional-development">
345 <span>Professional Development</span> 346 </a> 347 </li> 348 <li> 349 <a class="dropdown-item" href="/topics/career-pathways"> 350 <span>Career Pathways</span> 351 </a> 352 </li> 353 </ul> 354 </div> 355 <div class="dropdown-menu__megamenu-section"> 356 <div class="dropdown-menu__megamenu-section-header"><h3 class="dropdown-menu__megamenu-title">Events</h3></div> 357 358 <ul aria-labelledby="dropdown01"> 359 <li class="flex-fill"> 360 <a class="dropdown-item" href="/webinars/"> 361 <span>Webinars</span> 362 </a> 363 </li> 364 <li class="flex-fill"> 365 <a class="dropdown-item" href="/events/"> 366 <span>Live Events</span> 367 </a> 368 </li> 369 </ul> 370 </div> 371 </div> 372 </div> 373 </li> 374 375 <li class="nav-item dropdown"> 376 <a class="nav-link dropdown-toggle-tp" href="#" aria-current="page" data-bs-toggle="dropdown" aria-expanded="false">Events</a> 377 <div class="dropdown-menu dropdown-menu--megamenu"> 378 <div class="container-fluid max-width"> 379 <ul class="d-flex justify-content-center flex-lg-row flex-lg-wrap flex-column gap-3 mx-lg-5 px-lg-5 mx-0 px-0" aria-labelledby="dropdown01"> 380 <li class="flex-fill"><a class="dropdown-item btn btn--outlined-primary" href="/events/"><span style="text-decoration: none;">Live Events</span></a></li> 381 <li class="flex-fill"><a class="dropdown-item btn btn--outlined-primary" href="/webinars/"><span style="text-decoration: none;">Webinars</span></a></li> 382 </ul> 383 </div> 384 </div> 385 </li> 386 387 <li class="nav-item dropdown"> 388 <a class="nav-link dropdown-toggle-tp" href="#" aria-current="page" data-bs-toggle="dropdown" aria-expanded="false">Community</a> 389 <div class="dropdown-menu dropdown-menu--megamenu"> 390 <div class="container-fluid max-width"> 391 392 <div class="dropdown-menu__megamenu-section"> 393 <div class="dropdown-menu__megamenu-section-header"> 394 <h3 class="dropdown-menu__megamenu-title">People & Profiles</h3> 395 </div> 396 <ul aria-labelledby="dropdown01"> 397 <li><a class="dropdown-item" href="/power-list/"><span>Power List</span></a></li> 398 <li><a class="dropdown-item" href="/topics/voices-in-the-community"><span>Voices in the Community</span></a></li> 399 <li><a class="dropdown-item" href="/authors/"><span>Authors & Contributors</span></a></li> 400 </ul> 401 </div> 402 </div> 403 </div> 404 </li> 405 406 <li class="nav-item dropdown"> 407 <a class="nav-link dropdown-toggle-tp" href="#" aria-current="page" data-bs-toggle="dropdown" aria-expanded="false">Multimedia</a> 408 <div class="dropdown-menu dropdown-menu--megamenu"> 409 <div class="container-fluid max-width"> 410 <ul class="d-flex justify-content-center flex-lg-row flex-lg-wrap flex-column gap-3 mx-lg-5 px-lg-5 mx-0 px-0" aria-labelledby="dropdown01"> 411 <li class="flex-fill"><a class="dropdown-item btn btn--outlined-primary" href="/videos"><span style="text-decoration: none;">Video</span></a></li> 412 <li class="flex-fill"><a class="dropdown-item btn btn--outlined-primary" href="/campaigns-insights/"><span style="text-decoration: none;">Campaigns & Insights</span></a></li> 413 <!-- will implement when we have the time Gallery Asset Type --> 414 </ul> 415 </div> 416 </div> 417 </li> 418 </ul> 419 </div> 420 <div class="mobile-search-cta"> 421 <button class="btn btn--link btn--search border-0" data-bs-toggle="modal" data-bs-target="#searchModal"> 422 <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewB
422ox="0 0 25 25" fill="white"> 423 <path d="M17.9294 15.9753C19.3819 13.9934 20.0324 11.5361 19.7509 9.09507C19.4693 6.65406 18.2765 4.40936 16.4111 2.81004C14.5456 1.21073 12.145 0.374754 9.68966 0.469364C7.23429 0.563974 4.90519 1.58219 3.16831 3.32031C1.43144 5.05843 0.414886 7.38826 0.322033 9.8437C0.229181 12.2991 1.06687 14.6991 2.66752 16.5634C4.26817 18.4277 6.51373 19.619 8.95494 19.8987C11.3962 20.1785 13.853 19.5262 15.8339 18.0723H15.8324C15.8774 18.1323 15.9254 18.1893 15.9794 18.2448L21.7544 24.0198C22.0357 24.3013 22.4172 24.4595 22.8151 24.4597C23.213 24.4598 23.5947 24.3019 23.8762 24.0206C24.1576 23.7393 24.3158 23.3578 24.316 22.9599C24.3161 22.562 24.1582 22.1803 23.8769 21.8988L18.1019 16.1238C18.0483 16.0696 17.9906 16.0194 17.9294 15.9738V15.9753ZM18.3164 10.2093C18.3164 11.2928 18.103 12.3656 17.6884 13.3665C17.2738 14.3674 16.6661 15.2769 15.9 16.043C15.134 16.8091 14.2245 17.4168 13.2235 17.8314C12.2226 18.246 11.1498 18.4593 10.0664 18.4593C8.983 18.4593 7.91021 18.246 6.90927 17.8314C5.90834 17.4168 4.99886 16.8091 4.23278 16.043C3.4667 15.2769 2.85901 14.3674 2.4444 13.3665C2.0298 12.3656 1.81641 11.2928 1.81641 10.2093C1.81641 8.02131 2.6856 5.92289 4.23278 4.37572C5.77995 2.82854 7.87837 1.95935 10.0664 1.95935C12.2544 1.95935 14.3529 2.82854 15.9 4.37572C17.4472 5.92289 18.3164 8.02131 18.3164 10.2093V10.2093Z" fill="white"></path> 424 </svg> 425 </button> 426 427 <div class="d-flex gap-2"> 428 <a href="/login/" class="btn btn--cta btn--sm"> 429 <span class="btn__span">Subscribe</span> 430 </a> 431 </div> 432 </div> 433 </div> 434 </div> 435 436 <div class="navbar__right"> 437 <button class="btn btn--link btn--search border-0" data-bs-toggle="modal" data-bs-target="#searchModal"> 438 <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none"> 439 <path d="M17.9294 15.9753C19.3819 13.9934 20.0324 11.5361 19.7509 9.09507C19.4693 6.65406 18.2765 4.40936 16.4111 2.81004C14.5456 1.21073 12.145 0.374754 9.68966 0.469364C7.23429 0.563974 4.90519 1.58219 3.16831 3.32031C1.43144 5.05843 0.414886 7.38826 0.322033 9.8437C0.229181 12.2991 1.06687 14.6991 2.66752 16.5634C4.26817 18.4277 6.51373 19.619 8.95494 19.8987C11.3962 20.1785 13.853 19.5262 15.8339 18.0723H15.8324C15.8774 18.1323 15.9254 18.1893 15.9794 18.2448L21.7544 24.0198C22.0357 24.3013 22.4172 24.4595 22.8151 24.4597C23.213 24.4598 23.5947 24.3019 23.8762 24.0206C24.1576 23.7393 24.3158 23.3578 24.316 22.9599C24.3161 22.562 24.1582 22.1803 23.8769 21.8988L18.1019 16.1238C18.0483 16.0696 17.9906 16.0194 17.9294 15.9738V15.9753ZM18.3164 10.2093C18.3164 11.2928 18.103 12.3656 17.6884 13.3665C17.2738 14.3674 16.6661 15.2769 15.9 16.043C15.134 16.8091 14.2245 17.4168 13.2235 17.8314C12.2226 18.246 11.1498 18.4593 10.0664 18.4593C8.983 18.4593 7.91021 18.246 6.90927 17.8314C5.90834 17.4168 4.99886 16.8091 4.23278 16.043C3.4667 15.2769 2.85901 14.3674 2.4444 13.3665C2.0298 12.3656 1.81641 11.2928 1.81641 10.2093C1.81641 8.02131 2.6856 5.92289 4.23278 4.37572C5.77995 2.82854 7.87837 1.95935 10.0664 1.95935C12.2544 1.95935 14.3529 2.82854 15.9 4.37572C17.4472 5.92289 18.3164 8.02131 18.3164 10.2093V10.2093Z" fill="white"></path> 440 </svg> 441 </button> 442 443 <div class="d-flex gap-2"> 444 <a href="/login/" class="btn btn--cta"> 445 <span class="btn__span">Subscribe</span> 446 </a> 447 </div> 448 </div> 449 </div> 450</div> 451</nav> 452 453<div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="searchModalLabel" aria-hidden="true"> 454 <div class="modal-dialog"> 455 <div class="modal-content"> 456 <div class="modal-body d-flex align-items-center justify-content-between"> 457 <div class="w-100 position-relative"> 458 <form class="form" action="/search-page" method="GET"> 459 <input class="form-control" id="txtSearchQuery" name="query" type="text" placeholder="Search" aria-label="Search" required="" autofocus=""> 460 <button type="submit">
461 <svg class="search-icon" viewBox="0 0 12.23 17.66" style="position: absolute; right: 7px;"> 462 <g> 463 <path d="m12.06,4.69c-.38-1.59-1.36-2.94-2.75-3.79C7.92.05,6.28-.21,4.68.17,3.09.55,1.75,1.53.9,2.92-.86,5.8.04,9.57,2.92,11.33c1.12.68,2.43.99,3.73.87l1.14,4.76c.06.24.2.43.41.56.14.09.31.13.47.13.07,0,.14,0,.21-.03.49-.12.79-.61.67-1.09l-1.15-4.76c1.21-.49,2.24-1.36,2.92-2.47.85-1.39,1.11-3.03.73-4.62Zm-2.27,3.68c-1.24,2.02-3.89,2.66-5.92,1.42-.98-.6-1.67-1.54-1.93-2.66-.27-1.12-.09-2.27.51-3.25.6-.98,1.54-1.67,2.66-1.93.34-.08.68-.12,1.02-.12.78,0,1.55.21,2.24.63,2.02,1.24,2.66,3.89,1.42,5.91Z"></path> 464 </g> 465 </svg> 466 </button> 467 </form> 468 469 </div> 470 471 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"> 472 <span class="material-symbols-outlined">close</span> 473 </button> 474 </div> 475 </div> 476 </div> 477</div> 478 479 480 481<p hidden>False</p> 482 483 <section class="full-width-ad container-fluid"> 484 <div class="ad_728x90_container"> 485 <div class="advertisement-label-wrapper"> 486 <div class="advertisement-label"> 487 Advertisement 488 </div> 489 </div> 490 <div id="topBanner"> 491 492 </div> 493 </div> 494 </section> 495 496 497 498 499 500 <!-- Breadcrumb --> 501 <section class="container-fluid mb-3"> 502 <div class="container-fluid"> 503 <section class="breadcrumb max-width"> 504 <a href="/" class="breadcrumb__link">The Ophthalmologist</a> 505 <span class="breadcrumb__divider">/</span> 506 <a class="breadcrumb__link breadcrumb__current" href="#">Product Profiles</a> 507 </section> 508 </div> 509 </section> 510 511 <!-- Product List --> 512 <section class="primary-content container-fluid"> 513 <div class="grid--content-sidebar grid-gutter max-width m-auto pt-0"> 514 <div class="content-column"> 515 <article class="article px-0 pt-0 pb-0 mb-0" style="background-color: transparent;"> 516 <div class="article__header"> 517 <h1 class="article__header-title">Products</h1> 518 <!-- Actions --> 519 <div class="actions-bar d-flex align-items-center justify-content-between mb-5 flex-wrap" style="border: none; overflow-x: visible !important;"> 520 521 <!-- Left-Items --> 522 <div class="actions-bar__left-items d-flex align-items-center gap-3 flex-wrap"> 523 <h6 class="action-filter mb-0">Filter by</h6> 524 525 <div class="d-flex gap-2"> 526 527 <!-- Category Dropdown --> 528 <div class="dropdown"> 529 <button class="btn btn--secondary btn-sm dropdown-toggle" type="button" id="dropdownCategory" data-bs-toggle="dropdown" aria-expanded="false"> 530 Company 531 </button> 532 <ul class="dropdown-menu" aria-labelledby="dropdownCategory"> 533 <li><a class="dropdown-item" href="https://thepathologist.com/product-profiles?company=Asuragen">Asuragen</a></li> 534 <li><a class="dropdown-item" href="https://thepathologist.com/product-profiles?company=Agilent">Agilent</a></li> 535 </ul> 536 </div> 537 </div> 538 539 </div> 540 541 <!-- Right --> 542 <form class="form" action="" method="GET"> 543 <div class="actions-bar__right-items"> 544 <div class="input-group input-group-sm"> 545 <input type="text" name="q" class="form-control" placeholder="Search product" aria-label="Search" aria-describedby="button-addon2"> 546 <button class="btn btn--outlined-secondary" type="button" id="button-addon2"> 547 <i class="bi bi-search"></i> <!-- This uses Bootstrap Icons, make sure to include it in your project --> 548 </button> 549 </div> 550 </div> 551 </form> 552 </div> 553 554 <p class="lead"> All Products </p> 555 556 </div> 557 <div class="row g-3 row-cols-1 row-cols-md-3 g-1 mb-5" id="productsParentList"> 558 <div class="col"> 559 <a class="product-card" href="/product-profiles/uncover-the-unique-dna-of-spectralis/"> 560 <div class="product-image"> 561 562 <img src="https://res.cloudinary.com/broadcastmed/image/fetch/q_auto,c_fill,g_faces:center,f_auto/https://vision-umbraco.euwest01.umbraco.io//media/o2gjeklj/heidelberg-prod-profile-0622-teaser.png" alt="Uncover the Unique DNA of SPECTRALIS"> 563 564 </div> 565 <div class="product-info" style="gap: 0;"> 566 567 <h5>
567Uncover the Unique DNA of SPECTRALIS®</h5> 568 <p>The SPECTRALIS modular imaging platform contains the core DNA for high-contrast, high-resolution images</p> 569 570 <div class="d-flex w-100"> 571 <div class="additional-info flex-grow-1 mb-3"> 572 <p class="sm tag-texts">May 30, 2022</p> 573 </div> 574 <div class="additional-info mb-3"> 575 <img src="https://res.cloudinary.com/broadcastmed/image/fetch/q_auto,c_fill,g_faces:center,f_auto/https://vision-umbraco.euwest01.umbraco.io//media/x4hosxop/heidelberg-logo.png" class="img-fluid" style="width: 100px; mix-blend-mode: multiply;"> 576 </div> 577 578 </div> 579 580 </div> 581 </a> 582 </div> 583 <div class="col"> 584 <a class="product-card" href="/product-profiles/less-steps-more-vision/"> 585 <div class="product-image"> 586 587 <img src="https://res.cloudinary.com/broadcastmed/image/fetch/q_auto,c_fill,g_faces:center,f_auto/https://vision-umbraco.euwest01.umbraco.io//media/54vjlu2w/medicontur-product-profiles-eps-banner.png" alt="Less Steps More Vision"> 588 589 </div> 590 <div class="product-info" style="gap: 0;"> 591 592 <h5>Less Steps, More Vision</h5> 593 <p>Discover more about the material and design features of the Liberty trifocal IOL’s Bi-Flex platform</p> 594 595 <div class="d-flex w-100"> 596 <div class="additional-info flex-grow-1 mb-3"> 597 <p class="sm tag-texts">December 9, 2021</p> 598 </div> 599 <div class="additional-info mb-3"> 600 <img src="https://res.cloudinary.com/broadcastmed/image/fetch/q_auto,c_fill,g_faces:center,f_auto/https://vision-umbraco.euwest01.umbraco.io//media/tselmdtd/medicontur-logo.png" class="img-fluid" style="width: 100px; mix-blend-mode: multiply;"> 601 </div> 602 603 </div> 604 605 </div> 606 </a> 607 </div> 608 <div class="col"> 609 <a class="product-card" href="/product-profiles/sulcus-based-enhancement-of-visual-quality/"> 610 <div class="product-image"> 611 612 <img src="https://res.cloudinary.com/broadcastmed/image/fetch/q_auto,c_fill,g_faces:center,f_auto/https://vision-umbraco.euwest01.umbraco.io//media/klgjkvcl/medicontur-product-profiles-addon-banner.png" alt="Sulcus-based enhancement of visual quality"> 613 614 </div> 615 <div class="product-info" style="gap: 0;"> 616 617 <h5>Sulcus-based enhancement of visual quality</h5> 618 <p>The portfolio of 1stQ AddOn® IOLs from Medicontour allows surgeons to provide high quality vision for patients seeking to reduce spectacle dependence</p> 619 620 <div class="d-flex w-100"> 621 <div class="additional-info flex-grow-1 mb-3"> 622 <p class="sm tag-texts">December 9, 2021</p> 623 </div> 624 <div class="additional-info mb-3"> 625 <img src="https://res.cloudinary.com/broadcastmed/image/fetch/q_auto,c_fill,g_faces:center,f_auto/https://vision-umbraco.euwest01.umbraco.io//media/tselmdtd/medicontur-logo.png" class="img-fluid" style="width: 100px; mix-blend-mode: multiply;"> 626 </div> 627 628 </div> 629 630 </div> 631 </a> 632 </div> 633 634 </div> 635 </article> 636 <div id="loadButtonParent"></div> 637 638 </div> 639 640 641<div class="sidebar-column sidebar-column--2-ads"> 642 <div class="sidebar-column__sticky-container"> 643 <div class="sticky-top"> 644 <div id="desktop-sidebar-ad-1"> 645 646 647<p hidden>False</p> 648 649 <div class="ad-300x250-container mb-5"> 650 <div class="advertisement-text-300x250">Advertisement</div> 651 652 <div class="ad-image-container" id="right1"> 653 654 </div> 655 </div> 656 657 658 </div> 659 <div class="card__body"> 660 661 <div class="bccomplexobject bcComplexObject1703730895203 bcComplexObject1709070587965"> 662 <div class="bcpSmallWidth" data-bc-external="true" data-bc-id="1709070587965"> 663 <div id="sidebarRecommendations"></div> 664 </div> 665 </div> 666 </div> 667 668 <div id="desktop-sidebar-ad-2"> 669 670 671<p hidden>False</p> 672 673 <div class="ad-300x250-container mb-5"> 674 <div class="advertisement-text-300x250">Advertisement</div> 675 676 <div class="ad-image-container" id="right2"> 677 678 </div> 679 </div> 680 681 </div> 682 683 </div> 684 </div> 685 686 </div> 687 688
688<script> 689 690 var profile = blueConicClient.profile.getProfile(); 691 692 var currentItemUrl = '/product-profiles/'; 693 var url = "https://blueconic-data-function-apps.azurewebsites.net/api/TOPSidebarRecommendations?code=vVsj8MRjcaSI3tEq6JBuYgDMML0qusP9fhT6AbjzGxVRgXUa3XjpoA==&s=TOP&pid=" + profile.getId() + "&iid=theophthalmologist.com" + currentItemUrl; 694 695 // Making a GET request 696 fetch(url) 697 .then(response => { 698 if (!response.ok) { 699 throw new Error('Network response was not ok ' + response.statusText); 700 } 701 return response.json(); // Parse the JSON from the response 702 }) 703 .then(data => { 704 console.log(data); // Handle the data from the response 705 706 data.forEach(createRecommendationRow); 707 //window.location.href = "/login"; 708 //console.log("success"); 709 }) 710 .catch(error => { 711 console.error('There was a problem with the fetch operation:', error); 712 }); 713 714 function createRecommendationRow(item) 715 { 716 var recommendationContainer = document.getElementById("sidebarRecommendations"); 717 718 var pubDate = new Date(item.publicationDate); 719 720 var itemHTML = "<div class='card__copy'>"; 721 itemHTML += "<h6 class='card__title'><a href='" + item.url + "'>" + item.name + "</a></h6>"; 722 itemHTML += "<div class='additional-info'>"; 723 itemHTML += "<p class='sm tag-texts date'>" + pubDate.toLocaleDateString('en-US'); + "</p>"; 724 itemHTML += "</div></div>"; 725 726 const article = document.createElement('article'); 727 article.innerHTML = itemHTML; 728 article.className = 'list-item'; 729 730 // Append the new div to the parent div 731 recommendationContainer.appendChild(article); 732 } 733</script>
733 734 </div> 735 </section> 736 737 <!-- END of Product List --> 738 739 740 <section class="full-width-ad container-fluid"> 741 <div class="ad_728x90_container"> 742 <div class="advertisement-label-wrapper"> 743 <div class="advertisement-label"> 744 Advertisement 745 </div> 746 </div> 747 <div id="Banner-ID-Name1"> 748 <img src="https://jadprolive.com/media/1866/placeholderad-728x90.jpg" alt=""> 749 </div> 750 </div> 751 752 <!-- <div class="container-fluid"> 753 <section class="breadcrumb max-width"> 754 <a href="#" class="breadcrumb__link"> 755 Home</a> 756 <span class="breadcrumb__divider">/</span> 757 <a class="breadcrumb__link" href="#">Page Name</a> 758 <span class="breadcrumb__divider">/</span> 759 <a class="breadcrumb__link breadcrumb__current" href="#">Page Name</a> 760 </section> 761 </div> --> 762 </section> 763 764
764<script> 765 let skip = 0; 766 let total = 3; 767 768 $('#loadMore').click(function() { 769 skip += 9; 770 let articleIds = ""; 771 let added = 0; 772 let pastSkip = false; 773 let stop = false; 774 let jsI = 0; 775 let jsArtToTake = 9; 776 777 pastSkip = jsI >= skip; 778 stop = added >= jsArtToTake || jsI >= total; 779 if(pastSkip && !stop) { 780 articleIds += "9204,"; 781 added++; 782 } 783 jsI++; 784 pastSkip = jsI >= skip; 785 stop = added >= jsArtToTake || jsI >= total; 786 if(pastSkip && !stop) { 787 articleIds += "9211,"; 788 added++; 789 } 790 jsI++; 791 pastSkip = jsI >= skip; 792 stop = added >= jsArtToTake || jsI >= total; 793 if(pastSkip && !stop) { 794 articleIds += "9213,"; 795 added++; 796 } 797 jsI++; 798 799 articleIds = articleIds.substring(0, articleIds.length - 1); 800 801 $.get('https://theophthalmologist.com/load-more?ids=' + articleIds + '&orderByDate=True', function(data) { 802 var $newContent = $(data); 803 $('#productsParentList').append($newContent); 804 }); 805 806 if(skip + 9 >= total) { 807 var button = document.getElementById('loadMore'); 808 button.remove(); 809 } 810 }); 811 </script>
811 812 813 814 815<p hidden>False</p> 816 817 <section class="full-width-ad container-fluid"> 818 <div class="ad_728x90_container"> 819 <div class="advertisement-label-wrapper"> 820 <div class="advertisement-label"> 821 Advertisement 822 </div> 823 </div> 824 <div id="footerbanner"> 825 826 </div> 827 </div> 828 </section> 829<style type="text/css"> 830 .stuck-full-width-ad { 831 width: 100vw; 832 display: flex; 833 justify-content: center; 834 position: fixed; 835 background-color: rgba(242, 242, 242, 0.8); 836 left: 0; 837 z-index: 10000; 838 bottom: 0; 839 top: auto; 840 padding: 8px 16px; 841 box-shadow: none; 842 opacity: 0; 843 transform: translateY(20px); 844 pointer-events: none; 845 846 transition: 847 opacity 0.6s ease-out, 848 transform 0.6s ease-out; 849 } 850 851 .close-lock-ad { 852 position: absolute; 853 top: -48px; 854 right: 15px; 855 width: 48px; 856 height: 48px; 857 display: flex; 858 -webkit-box-pack: center; 859 justify-content: center; 860 -webkit-box-align: center; 861 align-items: center; 862 } 863 864 .close-lock-ad-btn { 865 border-radius: 50%; 866 border: none; 867 background: #ebebeb; 868 height: 32px; 869 width: 32px; 870 /* box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .15); */ 871 display: -webkit-box; 872 display: -webkit-flex; 873 display: -ms-flexbox; 874 display: flex; 875 -webkit-align-items: center; 876 -webkit-box-align: center; 877 -ms-flex-align: center; 878 align-items: center; 879 -webkit-box-pack: center; 880 -ms-flex-pack: center; 881 -webkit-justify-content: center; 882 justify-content: center; 883 } 884 885 .close-lock-ad-btn:hover { 886 background-color: rgba(0, 0, 0, 0.05); 887 transform: scale(1.05); 888 } 889 890 @media (min-width: 1280px) { 891 .stuck-full-width-ad { 892 padding-left: 0px; 893 } 894 } 895 </style> 896 897<div class="stuck-full-width-ad" data-cy="lockedAdContainer" data-automation="locked-ad-module"> 898 <div data-testid="close_lock_ad" data-cy="lockedAdCloseButton" class="close-lock-ad"> 899 <!-- add button here --> 900 <button aria-label="Close Ad" class="close-lock-ad-btn"> 901 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> 902 <path fill-rule="evenodd" clip-rule="evenodd" d="M13.854 2.14592C13.9006 2.19236 13.9375 2.24754 13.9627 2.30828C13.9879 2.36903 14.0009 2.43415 14.0009 2.49992C14.0009 2.56568 13.9879 2.63081 13.9627 2.69155C13.9375 2.7523 13.9006 2.80747 13.854 2.85392L2.85401 13.8539C2.76012 13.9478 2.63278 14.0005 2.50001 14.0005C2.36723 14.0005 2.2399 13.9478 2.14601 13.8539C2.05212 13.76 1.99938 13.6327 1.99938 13.4999C1.99938 13.3671 2.05212 13.2398 2.14601 13.1459L13.146 2.14592C13.1925 2.09935 13.2476 2.06241 13.3084 2.0372C13.3691 2.012 13.4342 1.99902 13.5 1.99902C13.5658 1.99902 13.6309 2.012 13.6916 2.0372C13.7524 2.06241 13.8076 2.09935 13.854 2.14592Z" fill="#212529"/> 903 <path fill-rule="evenodd" clip-rule="evenodd" d="M2.14601 2.14592C2.09945 2.19236 2.0625 2.24754 2.0373 2.30828C2.01209 2.36903 1.99911 2.43415 1.99911 2.49992C1.99911 2.56568 2.01209 2.63081 2.0373 2.69155C2.0625 2.7523 2.09945 2.80747 2.14601 2.85392L13.146 13.8539C13.2399 13.9478 13.3672 14.0005 13.5 14.0005C13.6328 14.0005 13.7601 13.9478 13.854 13.8539C13.9479 13.76 14.0006 13.6327 14.0006 13.4999C14.0006 13.3671 13.9479 13.2398 13.854 13.1459L2.85401 2.14592C2.80756 2.09935 2.75239 2.06241 2.69164 2.0372C2.6309 2.012 2.56578 1.99902 2.50001 1.99902C2.43424 1.99902 2.36912 2.012 2.30838 2.0372C2.24763 2.06241 2.19245 2.09935 2.14601 2.14592Z" fill="#212529"/> 904 </svg> 905 </button> 906 </div> 907 <section class="full-width-ad"> 908 <div class="ad_728x90_container"> 909 <div id="stickyBanner"> 910
910<script> 911 if($(window).width() >= 771) 912 { 913 googletag.cmd.push(function() { 914 googletag.defineSlot('/56049762/Texere_The_Oph_ROS_728x90', [[728, 90]], 'stickyBanner').addService(googletag.pubads()).setTargeting('pos','stickyBanner'); 915 }); 916 } 917 else 918 { 919 googletag.cmd.push(function() { 920 googletag.defineSlot('/56049762/Texere_The_Oph_ROS_320x50', [320, 50], 'stickyBanner').addService(googletag.pubads()).setTargeting('pos','stickyBanner'); 921 }); 922 } 923 </script>
923 924 </div> 925 </div> 926 </section> 927 </div> 928
929<script> 930 const stuckAd = document.querySelector('.stuck-full-width-ad'); 931 const bottomAd = document.getElementById('bottom_ad'); 932 const footer = document.querySelector('footer'); 933 const closeBtn = document.querySelector('.close-lock-ad-btn'); 934 935 let isClosedByUser = false; 936 let lastScrollY = window.scrollY; 937 938 function isOverlapping(el1, el2) { 939 if (!el1 || !el2) return false; 940 const r1 = el1.getBoundingClientRect(); 941 const r2 = el2.getBoundingClientRect(); 942 return !( 943 r1.bottom < r2.top || 944 r1.top > r2.bottom || 945 r1.right < r2.left || 946 r1.left > r2.right 947 ); 948 } 949 950 function hideAdSmoothly() { 951 stuckAd.style.transform = 'translateY(20px)'; 952 stuckAd.style.opacity = '0'; 953 stuckAd.style.pointerEvents = 'none'; 954 } 955 956 function showAdSmoothly() { 957 stuckAd.style.transform = 'translateY(0)'; 958 stuckAd.style.opacity = '1'; 959 stuckAd.style.pointerEvents = 'auto'; 960 } 961 962 function checkOverlap() { 963 if (isClosedByUser) return; 964 965 const currentScroll = window.scrollY; 966 const scrollingDown = currentScroll > lastScrollY; 967 lastScrollY = currentScroll; 968 969 const overlapsBottomAd = isOverlapping(stuckAd, bottomAd); 970 const overlapsFooter = isOverlapping(stuckAd, footer); 971 972 if ((overlapsBottomAd || overlapsFooter) && scrollingDown) { 973 hideAdSmoothly(); 974 } else if (!overlapsBottomAd && !overlapsFooter) { 975 showAdSmoothly(); 976 } 977 } 978 979 if (closeBtn) { 980 closeBtn.addEventListener('click', () => { 981 isClosedByUser = true; 982 hideAdSmoothly(); 983 }); 984 } 985 986 // Initial styles 987 stuckAd.style.transform = 'translateY(20px)'; 988 stuckAd.style.opacity = '0'; 989 stuckAd.style.pointerEvents = 'none'; 990 991 // Delay to allow layout to settle 992 setTimeout(() => { 993 const overlapsBottomAd = isOverlapping(stuckAd, bottomAd); 994 const overlapsFooter = isOverlapping(stuckAd, footer); 995 996 if (!overlapsBottomAd && !overlapsFooter) { 997 showAdSmoothly(); 998 } 999 }, 200); 1000 1001 window.addEventListener('scroll', checkOverlap); 1002 window.addEventListener('resize', checkOverlap); 1003 checkOverlap(); 1004</script>
1004 1005 1006 1007 <footer> 1008 <div class="container-fluid max-width"> 1009 <div class="footer__main"> 1010 <div class="footer__logo"> 1011 <!-- The href and logo img below need to updated depending on the publication site --> 1012 <a href="/"> 1013 <img class="footer__logo-image" src="/media/nupato23/navbar-brand.svg" alt="The Ophthalmologist"> 1014 </a> 1015 1016 <!-- Social links below need to link to corresponding social pages for each pub and be removed if no social exists for the pub --> 1017 <div class="d-flex gap-3 mt-3"> 1018 <a class="btn btn--link p-0" href="https://www.facebook.com/TheOphthalmologist" target="_blank"> 1019 <img class="icon" src="/media/rixa1a24/facebook-logo.svg"> 1020 </a> 1021 1022 <a class="btn btn--link p-0" href="https://www.instagram.com/theophthalmologistmag/" target="_blank"> 1023 <img class="icon" src="/media/zahi3dbi/instagram-logo.svg"> 1024 </a> 1025 1026 <a class="btn btn--link p-0" href="https://www.youtube.com/channel/UCOalMS4IvI0Y76zxbY0HmBA" target="_blank"> 1027 <img class="icon" src="/media/jwqnmb30/youtube.svg"> 1028 </a> 1029 1030 <a class="btn btn--link p-0" href="https://www.linkedin.com/company/theophthalmologistmag/" target="_blank"> 1031 <img class="icon" src="/media/akjhies2/linkedin-logo.svg"> 1032 </a> 1033 1034 <a class="btn btn--link p-0" href="https://x.com/OphthoMag" target="_blank"> 1035 <img class="icon" src="/media/55tfuglu/x-logo-footer.svg"> 1036 </a> 1037 </div> 1038 1039 <div class="d-flex gap-3 mt-5"> 1040 <a class="btn btn--outlined-cta" href="/login/"> 1041 <svg class="icon icon--envelope" width="24" height="19" viewBox="0 0 24 19" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 1042 <path class="fill fill--clr-1" d="M0 3.95532C0 3.15967 0.316071 2.39661 0.87868 1.834C1.44129 1.27139 2.20435 0.955322 3 0.955322H21C21.7956 0.955322 22.5587 1.27139 23.1213 1.834C23.6839 2.39661 24 3.15967 24 3.95532V15.9553C24 16.751 23.6839 17.514 23.1213 18.0766C22.5587 18.6393 21.7956 18.9553 21 18.9553H3C2.20435 18.9553 1.44129 18.6393 0.87868 18.0766C0.316071 17.514 0 16.751 0 15.9553V3.95532ZM3 2.45532C2.60218 2.45532 2.22064 2.61336 1.93934 2.89466C1.65804 3.17597 1.5 3.5575 1.5 3.95532V4.28082L12 10.5808L22.5 4.28082V3.95532C22.5 3.5575 22.342 3.17597 22.0607 2.89466C21.7794 2.61336 21.3978 2.45532 21 2.45532H3ZM22.5 6.02982L15.438 10.2673L22.5 14.6128V6.02982ZM22.449 16.3438L13.989 11.1373L12 12.3298L10.011 11.1373L1.551 16.3423C1.63624 16.6615 1.82447 16.9436 2.08648 17.1449C2.34849 17.3462 2.66962 17.4553 3 17.4553H21C21.3302 17.4554 21.6512 17.3465 21.9131 17.1455C22.1751 16.9445 22.3635 16.6627 22.449 16.3438V16.3438ZM1.5 14.6128L8.562 10.2673L1.5 6.02982V14.6128Z" fill="currentColor"></path> 1043 </svg> 1044 1045 <span class="btn-span">Subscribe</span> 1046 </a> 1047 </div> 1048 </div> 1049 1050 <div class="footer__lists"> 1051 <div class="footer-nav"> 1052 <h4 class="footer__title">About</h4> 1053 <ul class="footer-nav-list"> 1054 <li><a href="https://texerepublishing.com/brands/the-ophthalmologist" target="_blank">About Us</a></li> 1055 <li><a href="https://texerepublishing.com/careers" target="_blank">Work at Conexiant Europe</a></li> 1056 <li><a href="/terms-and-conditions">Terms and Conditions</a></li> 1057 <li><a href="/privacy-policy">Privacy Policy</a></li> 1058 <li><a href="https://texerepublishing.com/advertising-services/our-brands/the-ophthalmologist" target="_blank">Advertise With Us</a></li> 1059 <li><a href="mailto:[email protected]" target="_blank">Contact Us</a></li> 1060 </ul> 1061 </div> 1062 <!-- 1063 <div class="footer-nav"> 1064 <h4 class="footer__title">Membership</h4> 1065 <ul class="footer-nav-list"> 1066 <li><a href="#">My Account</a></li> 1067 <li><a href="#">Login</a></li> 1068 <li><a href="#">Professional Information</a></li> 1069 <li><a href="#">My Newsletters</a></li> 1070 <li><a href="#">My Subscriptions</a></li> 1071 </ul> 1072 </div> 1073 --> 1074 </div> 1075 </div> 1076 1077 <div class="terms-copyright-grid"> 1078 <div class="copyright-text"> 1079 <p>Copyright © 2025 Texere Publishing Limited (trading as Conexiant), with registered number 08113419 whose registered office is at Booths No. 1, Booths Park, Chelford Road, Knutsford, England, WA16 8GS.</p> 1080 </div> 1081 </div> 1082 </div> 1083 1084
1084<script> 1085 function addTargetHref() { 1086 const links = document.querySelectorAll('a'); 1087 1088 links.forEach(link => { 1089 // Ensure the link has an href attribute 1090 if (link.href) { 1091 const linkHostname = new URL(link.href, window.location.origin).hostname; 1092 const currentHostname = window.location.hostname; 1093 1094 if (linkHostname !== currentHostname) { 1095 link.setAttribute('target', '_blank'); 1096 1097 } 1098 } 1099 }); 1100 } 1101 1102 document.addEventListener('DOMContentLoaded', function() { 1103 addTargetHref(); 1104 }); 1105 1106 </script>
1106 1107</footer> 1108<!-- Footer : END --> 1109 </main> 1110 1111 <!-- Thought Leader Modal : START --> 1112<div class="modal fade thought-leader-modal" id="thoughtLeaderModal" tabindex="-1" aria-labelledby="thoughtLeaderModalTitle" aria-hidden="true"> 1113 <div class="modal-dialog modal-dialog-centered modal-xl"> 1114 <div class="modal-content"> 1115 <div class="modal-body"> 1116 <button type="button" class="btn btn--outlined-secondary btn--sm thought-leader-modal__close" data-bs-dismiss="modal" aria-label="Close"> 1117 <svg class="icon" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 1118 <path d="M12.854 3.146a.5.5 0 0 0-.708-.707L8 6.586 3.854 2.439a.5.5 0 1 0-.708.707L7.293 7.293l-4.147 4.146a.5.5 0 0 0 .708.707L8 8l4.146 4.146a.5.5 0 0 0 .708-.707L8.707 7.293l4.147-4.147Z" fill="currentColor"/> 1119 </svg> 1120 </button> 1121 1122 <div class="thought-leader-modal__profile"> 1123 <div class="avatar avatar--thought-leaders-modal"> 1124 <img class="avatar__image" id="tl-modal-headshot" src="" alt=""> 1125 </div> 1126 <div> 1127 <div class="thought-leader-modal__title-row"> 1128 <h1 id="thoughtLeaderModalTitle"></h1> 1129 <p class="xl" id="tl-modal-credentials" hidden></p> 1130 </div> 1131 <p class="thought-leader-modal__role xl" id="tl-modal-role"></p> 1132 1133 <div class="thought-leader-modal__details"> 1134 <div class="thought-leader-modal__label-row" id="tl-modal-affiliations-row" hidden> 1135 <p><strong>Affiliations:</strong></p> 1136 <p id="tl-modal-affiliations"></p> 1137 </div> 1138 <div class="thought-leader-modal__label-row" id="tl-modal-specialties-row" hidden> 1139 <p><strong>Specialties:</strong></p> 1140 <p id="tl-modal-specialties"></p> 1141 </div> 1142 <div class="thought-leader-modal__label-row" id="tl-modal-expertise-row" hidden> 1143 <p><strong>Areas of Expertise:</strong></p> 1144 <p id="tl-modal-expertise"></p> 1145 </div> 1146 </div> 1147 1148 <p class="thought-leader-modal__bio" id="tl-modal-bio" hidden></p> 1149 </div> 1150 </div> 1151 1152 <div class="thought-leader-modal__contributions" id="tl-modal-contributions" hidden> 1153 <h6>Contributions:</h6> 1154 <div id="tl-modal-contributions-list"></div> 1155 </div> 1156 </div> 1157 </div> 1158 </div> 1159</div> 1160<!-- Thought Leader Modal : END --> 1161
1162<script> 1163 (function () { 1164 var modal = document.getElementById('thoughtLeaderModal'); 1165 if (!modal) return; 1166 1167 modal.addEventListener('show.bs.modal', function (e) { 1168 var btn = e.relatedTarget; 1169 1170 // Helper: set textContent and toggle visibility 1171 function setField(id, value) { 1172 var el = modal.querySelector(id); 1173 el.textContent = value || ''; 1174 el.hidden = !value; 1175 } 1176 1177 // Helper: set row label + value, hide row when no value 1178 function setLabelRow(rowId, valueId, value) { 1179 modal.querySelector(rowId).hidden = !value; 1180 modal.querySelector(valueId).textContent = value || ''; 1181 } 1182 1183 // Headshot 1184 var headshot = modal.querySelector('#tl-modal-headshot'); 1185 headshot.src = btn.dataset.tlHeadshot || ''; 1186 headshot.alt = btn.dataset.tlName || ''; 1187 1188 // Name (always visible â used as modal title) 1189 modal.querySelector('#thoughtLeaderModalTitle').textContent = btn.dataset.tlName || ''; 1190 1191 // Optional text fields 1192 setField('#tl-modal-credentials', btn.dataset.tlCredentials); 1193 setField('#tl-modal-bio', btn.dataset.tlBio); 1194 1195 // Role (always shown) 1196 modal.querySelector('#tl-modal-role').textContent = btn.dataset.tlRole || ''; 1197 1198 // Optional label rows 1199 setLabelRow('#tl-modal-affiliations-row', '#tl-modal-affiliations', btn.dataset.tlAffiliations); 1200 setLabelRow('#tl-modal-specialties-row', '#tl-modal-specialties', btn.dataset.tlSpecialties); 1201 setLabelRow('#tl-modal-expertise-row', '#tl-modal-expertise', btn.dataset.tlExpertise); 1202 1203 // Action buttons 1204 modal.querySelector('#tl-modal-profile-btn').href = btn.dataset.tlProfileUrl || '#'; 1205 modal.querySelector('#tl-modal-follow-btn').href = btn.dataset.tlFollowUrl || '#'; 1206 1207 // Contributions 1208 var contributionsSection = modal.querySelector('#tl-modal-contributions'); 1209 var contributionsList = modal.querySelector('#tl-modal-contributions-list'); 1210 contributionsList.innerHTML = ''; 1211 1212 var contributions = []; 1213 try { contributions = JSON.parse(btn.dataset.tlContributions || '[]'); } catch (_) {} 1214 1215 if (contributions.length) { 1216 contributions.forEach(function (c) { 1217 var a = document.createElement('a'); 1218 a.className = 'thought-leader-modal__contribution'; 1219 a.href = c.url || '#'; 1220 1221 var copy = document.createElement('div'); 1222 copy.className = 'thought-leader-modal__contribution-copy'; 1223 1224 var brand = document.createElement('label'); 1225 brand.className = 'sm'; 1226 brand.textContent = c.brand || ''; 1227 1228 var title = document.createElement('h5'); 1229 title.className = 'thought-leader-modal__contribution-title'; 1230 title.textContent = c.title || ''; 1231 1232 var meta = document.createElement('div'); 1233 meta.className = 'thought-leader-modal__contribution-meta'; 1234 1235 var author = document.createElement('p'); 1236 author.textContent = c.author || ''; 1237 1238 var bull = document.createElement('span'); 1239 bull.textContent = '\u2022'; 1240 1241 var date = document.createElement('p'); 1242 date.textContent = c.date || ''; 1243 1244 var time = document.createElement('span'); 1245 time.className = 'thought-leader-modal__time'; 1246 time.textContent = c.read_time || ''; 1247 1248 meta.append(author, bull, date, time); 1249 copy.append(brand, title, meta); 1250 1251 var thumb = document.createElement('div'); 1252 thumb.className = 'thought-leader-modal__contribution-thumb'; 1253 1254 var img = document.createElement('img'); 1255 img.src = c.thumb_url || ''; 1256 img.alt = c.thumb_alt || ''; 1257 thumb.appendChild(img); 1258 1259 a.append(copy, thumb); 1260 contributionsList.appendChild(a); 1261 }); 1262 contributionsSection.hidden = false; 1263 } else { 1264 contributionsSection.hidden = true; 1265 } 1266 }); 1267 }()); 1268</script>
1268 1269 1270 1271<!-- Bootstrap JS -->
1272<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ" crossorigin="anonymous"></script>
1272 1273 1274
1275<script> 1276 $('.navbar-toggler').click(function() { 1277 $('.navbar-toggler').toggleClass('menu-open'); 1278 }) 1279</script>
1279 1280 1281 1282<!-- Swiper JS -->
1283<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
1283 1284 1285 1286<!-- Initialize Swiper --> 1287<!-- Once created, JS Initializer file link goes here --> 1288 1289 1290<style> 1291 #disclaimerpopup { 1292 /* 1293 position: fixed; 1294 z-index: 1000; 1295 left: 50%; 1296 top: 50%; 1297 transform: translate(-50%, -50%); 1298 height: 250px; 1299 width: 700px; 1300 padding: 20px; 1301 background-color: white; 1302 border: 1px solid #ccc; 1303 text-align: center; 1304 1305 //backdrop-filter: brightness(0.5); 1306 */ 1307 position: fixed; 1308 left: 0; 1309 top: 0; 1310 width: 100%; 1311 height: 100%; 1312 overflow: auto; 1313 background-color: rgba(0, 0, 0, 0.5); 1314 1315 z-index: 100; 1316 display: none; 1317 //filter: blur(4px); 1318 } 1319 1320 #modal-content { 1321 margin: 15% auto; 1322 width: 700px; 1323 max-width: 90%; 1324 background-color: #fff; 1325 border: 1px solid rgba(0, 0, 0, 0.175); 1326 border-radius: 5px; 1327 padding: 1.5rem; 1328 filter: blur(0px); 1329 } 1330 1331 .slidedown{ 1332 position:relative; 1333 animation:slidedown 0.5s 1334 } 1335 1336 @keyframes slidedown{ 1337 from{top:-300px;opacity:0} 1338 to{top:0;opacity:1} 1339 } 1340 1341</style> 1342 1343 1344<div id='disclaimerpopup' > 1345 <div id="modal-content" class="slidedown"> 1346 <h2 class="py-2 text-center">Disclaimer</h2> 1347 <p class="py-2">The Ophthalmologist website is intended solely for the eyes of healthcare professionals. Please confirm below: </p> 1348 <div class="row g-3 gx-0"> 1349 <div class="col"> 1350 <button id='closePopup' onclick='closePopup()' class="btn btn--primary w-100">I am a healthcare professional</button> 1351 </div> 1352 <div class="col"> 1353 <button onclick='keepBlur()' class="btn btn--outlined-primary w-100">This website is not for me</button> 1354 </div> 1355 </div> 1356 </div> 1357</div> 1358 1359
1360<script> 1361 function enablePageBlur() { 1362 $("body").css("overflow-y", "hidden"); 1363 $("main").css("filter", "blur(4px)"); 1364 } 1365 1366 function disablePageBlur() { 1367 $("body").css("overflow-y", "auto"); 1368 $("main").css("filter", "blur(0px)"); 1369 } 1370 1371 function showModal(modalElementId) { 1372 var modal = document.getElementById(modalElementId); 1373 1374 if (modal) { 1375 modal.style.display = "inline"; 1376 enablePageBlur(); 1377 } 1378 } 1379 1380 function hideModal(modalElementId) { 1381 var modal = document.getElementById(modalElementId); 1382 if (modal) { 1383 modal.style.display = "none"; 1384 disablePageBlur(); 1385 } 1386 } 1387 1388 function showLoginModal() { 1389 showModal("loginRequiredModal"); 1390 } 1391 1392 function showDisclaimerModal() { 1393 showModal("disclaimerpopup"); 1394 } 1395 1396 function hideLoginModal() { 1397 hideModal("loginRequiredModal"); 1398 } 1399 1400 function hideDisclaimerModal() { 1401 hideModal("disclaimerpopup"); 1402 } 1403 1404 function closePopup() { 1405 setCookie("disclaimerModal", true, 365); 1406 1407 hideDisclaimerModal(); 1408 showLoginModal(); 1409 } 1410 1411 function keepBlur() { 1412 const modal = document.getElementById("modal-content"); 1413 modal.style.display = "none"; 1414 // Note: No cookie is set, blur remains - disclaimer will show again on next visit 1415 } 1416 1417 // COOKIE code copied from W3C 1418 function setCookie(cname, cvalue, exdays) { 1419 var d = new Date(); 1420 d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); 1421 var expires = "expires="+d.toUTCString(); 1422 document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; 1423 } 1424 1425 function getCookie(cname) { 1426 var name = cname + "="; 1427 var ca = document.cookie.split(';'); 1428 for(var i = 0; i < ca.length; i++) { 1429 var c = ca[i]; 1430 while (c.charAt(0) == ' ') { 1431 c = c.substring(1); 1432 } 1433 if (c.indexOf(name) == 0) { 1434 return c.substring(name.length, c.length); 1435 } 1436 } 1437 return ""; 1438 } 1439 1440 function documentLoad(){ 1441 var disclaimerConfirmed = getCookie('disclaimerModal'); 1442 1443 // First-time visitor OR previously clicked "Not for me" (no cookie) 1444 if (!disclaimerConfirmed) { 1445 // Show disclaimer modal 1446 console.log("no disclaimer cookie - showing disclaimer"); 1447 showDisclaimerModal(); 1448 } else { 1449 // User previously confirmed they are a healthcare professional 1450 // Skip disclaimer and go straight to login modal (if not logged in) 1451 console.log("disclaimer cookie found - skipping to login"); 1452 showLoginModal(); 1453 } 1454 1455 } 1456 1457 documentLoad(); 1458</script>
1458 1459 1460</body> 1461 1462 1463 1464
1464<script async> 1465 var modelContentTypeAlias = 'topProductProfilesFolder'; 1466const adSlots = {}; 1467 // JavaScript version of sizeMappingDict 1468const sizeMappingDict = { 1469 topBanner: { 1470 Desktop: { Height: 90, Width: 728 }, 1471 Mobile: { Height: 50, Width: 320 }, 1472 adunit: "Texere_The_Oph_ROS_728x90" 1473 }, 1474 topbox: { 1475 Desktop: { Height: 90, Width: 728 }, 1476 Mobile: { Height: 50, Width: 320 }, 1477 adunit: "Texere_The_Oph_ROS_728x90" 1478 }, 1479 right1: { 1480 Desktop: { Height: 250, Width: 300 }, 1481 Mobile: { Height: 250, Width: 300 }, 1482 adunit: "Texere_The_Oph_ROS_300x250" 1483 }, 1484 right2: { 1485 Desktop: { Height: 250, Width: 300 }, 1486 Mobile: { Height: 250, Width: 300 }, 1487 adunit: "Texere_The_Oph_ROS_300x250" 1488 }, 1489 rightAd3: { 1490 Desktop: { Height: 250, Width: 300 }, 1491 Mobile: { Height: 250, Width: 300 }, 1492 adunit: "Texere_The_Oph_ROS_300x250" 1493 }, 1494 middleAd1: { 1495 Desktop: { Height: 90, Width: 728 }, 1496 Mobile: { Height: 50, Width: 320 }, 1497 adunit: "Texere_The_Oph_ROS_728x90" 1498 }, 1499 middleAd2: { 1500 Desktop: { Height: 90, Width: 728 }, 1501 Mobile: { Height: 50, Width: 320 }, 1502 adunit: "Texere_The_Oph_ROS_728x90" 1503 }, 1504 middleAd3: { 1505 Desktop: { Height: 90, Width: 728 }, 1506 Mobile: { Height: 50, Width: 320 }, 1507 adunit: "Texere_The_Oph_ROS_728x90" 1508 }, 1509 middleAd4: { 1510 Desktop: { Height: 90, Width: 728 }, 1511 Mobile: { Height: 50, Width: 320 }, 1512 adunit: "Texere_The_Oph_ROS_728x90" 1513 }, 1514 footerbanner: { 1515 Desktop: { Height: 90, Width: 728 }, 1516 Mobile: { Height: 50, Width: 320 }, 1517 adunit: "Texere_The_Oph_ROS_728x90" 1518 }, 1519 Dynamic2: { 1520 Desktop: { Height: 400, Width: 600 }, 1521 Mobile: { Height: 250, Width: 300 }, 1522 adunit: "Texere_The_Oph_ROS_600x400" 1523 } 1524}; 1525 1526 1527 1528let debug = ''; 1529let debug2 = ''; 1530 1531 1532 const pageWidth = $(window).width(); 1533 const isMobile = pageWidth <= 768; 1534 1535 // Determine the ad unit based on page width 1536 Object.keys(sizeMappingDict).forEach(id => { 1537 const adDiv = $(`#${id}`); // jQuery selector for div by ID 1538 1539 1540 if (adDiv.length) { // Check if the div exists on the page 1541 let adSize = isMobile ? sizeMappingDict[id].Mobile : sizeMappingDict[id].Desktop; 1542 let width = adSize.Width; 1543 let height = adSize.Height; 1544 1545 let adUnit ='/56049762/' + sizeMappingDict[id].adunit; // Use the adunit property for the current item 1546 1547 let pos = '' + id; 1548 debug = pos; 1549 1550 1551 1552 // Define the ad slot with the appropriate properties 1553 //SLOT LEVEL TARGETING GOES HERE 1554 googletag.cmd.push(function() { 1555 const slot = googletag.defineSlot(`${adUnit}`, [width, height], `${pos}` ) 1556 .addService(googletag.pubads()) 1557 .setTargeting('pos', `${pos}`); 1558 1559 1560 adSlots[pos] = slot; 1561 }); 1562 1563 console.log(`Ad slot defined for ${pos} with adunit: ${adUnit}, width: ${width}, height: ${height}`); 1564 } else { 1565 console.log(`Div with ID ${id} not found.`); 1566 } 1567 }); 1568 //PAGE LEVEL TARGETING GOES HERE 1569 googletag.cmd.push(function() { 1570 1571 1572 googletag.pubads().setTargeting("url", "/product-profiles/"); 1573 //googletag.pubads().setTargeting("category_id", "implantology"); 1574 }); 1575 1576 function showAds() 1577 { 1578 googletag.cmd.push(function() { googletag.display('topBanner'); }); 1579 } 1580 if('True' == 'True') 1581 { 1582 showAds() 1583 } 1584 1585</script>
1585 1586</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.