1 2 3 4<!DOCTYPE html> 5<html lang="en" prefix="og: http://ogp.me/ns#"> 6<head> 7
8<script> 9 var getParameterByName = function (name) { 10 name = name.replace(/[\[\]]/g, '\\$&'); 11 var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'); 12 var results = regex.exec(window.location.href); 13 if (!results) return ''; 14 if (!results[2]) return ''; 15 return decodeURIComponent(results[2].replace(/\+/g, ' ')); 16 }; 17 var _dataLayer = {}; 18 var storageKey = '_datalayer'; 19 // Check if session storage data layer already exists 20 if (!window.sessionStorage.getItem(storageKey)) { 21 // Check url for utm params 22 _dataLayer = { 23 userID: 'e5z2r20ejdt05qtpty0us5wl', 24 utmCampaign: getParameterByName('utm_campaign'), 25 utmContent: getParameterByName('utm_content'), 26 utmMedium: getParameterByName('utm_medium'), 27 utmSource: getParameterByName('utm_source'), 28 utmTerm: getParameterByName('utm_term'), 29 }; 30 // Write to session storage 31 window.sessionStorage.setItem(storageKey, JSON.stringify(_dataLayer)); 32 } else { 33 // Parse data and write to page 34 _dataLayer = JSON.parse(window.sessionStorage.getItem(storageKey)); 35 } 36 dataLayer = [{ 37 userID: _dataLayer.userID, 38 utmCampaign: _dataLayer.utmCampaign, 39 utmContent: _dataLayer.utmContent, 40 utmMedium: _dataLayer.utmMedium, 41 utmSource: _dataLayer.utmSource, 42 utmTerm: _dataLayer.utmTerm, 43 epiVersion: 'Production', 44 }]; 45</script>
45 46 <meta charset="utf-8" /> 47 <meta name="viewport" content="width=device-width, initial-scale=1" /> 48 <title>Backyard Accessories and More | SunSetter</title> 49 <meta name="description" content="Explore SunSetter's backyard accessories and make the most of your backyard and patio with flagpoles, grills and more. Shop SunSetter today!" /> 50 <meta name="keywords" /> 51 <meta property="og:type" content="website" /> 52 <meta property="og:site_name" content="SunSetter" /> 53 <meta property="og:title" content="Backyard Accessories and More | SunSetter" /> 54 <meta property="og:description" content="Explore SunSetter's backyard accessories and make the most of your backyard and patio with flagpoles, grills and more. Shop SunSetter today!" /> 55 <meta property="og:url" content="https://www.sunsetter.com/c/outdoor-products/" /> 56 <meta property="og:image" content="https://embed.widencdn.net/img/springswindowfashions/1y2qhmzaip/1200x628px/SunSetter-WebAlt22-SemiMotor-WhiteFrame-Perf-VillaStripe.jpeg?keep=c&crop=yes&q=90" /> 57 <meta name="twitter:card" content="summary_large_image" /> 58 <meta name="twitter:site" content="SunSetter" /> 59 <meta name="twitter:image:alt" /> 60 61 62 <meta name="google-site-verification" content="uYMy76xH_ZqdeqV62KH3v8iJAAK3nrM5Q1vcV4ww_gc" /> 63 64 <link link rel="canonical" href="https://www.sunsetter.com/c/outdoor-products/" /> 65 66 <link rel="preconnect" href="https://fonts.googleapis.com"> 67 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 68 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap" /> 69 <link rel="stylesheet" type="text/css" href="/assets/dist/css/vendors/bootstrap-grid.min.css?cache=04302026" /> 70 <link rel="stylesheet" type="text/css" href="/assets/dist/css/sunsetter.min.css?cache=04302026" /> 71 <link rel="stylesheet" type="text/css" href="/assets/src/css/site.css?cache=04302026" /> 72 <link href="/assets/src/css/cssite.css?cache=04302026" rel="stylesheet" type="text/css" /> 73 74
74<script src="https://cdn.optimizely.com/js/23982742137.js"></script>
74 75
75<script> 76 const OptimizelyStyleManager = { 77 set: (o, p, t, i, m) => { 78 if (typeof optimizely === 'undefined') return; 79 const u = new URLSearchParams(window.location.search), x = u.get('experiment-id'), v = u.get('variation-id'), 80 s = optimizely.get('state'), a = s.getActiveExperimentIds(), c = s.getVariationMap(); let f = false; 81 a.forEach(e => { 82 const r = c[o]; if (!r) return; const d = (x == o && v !== null) ? v : r.id; if (e == o && d == p) { 83 f = true; 84 const l = document.createElement('style'); l.type = 'text/css'; l.id = `oeid-${o}-${p}-${i}`; 85 l.textContent = `.oeid-${o}-${p}-${i}{display:${t};}`; document.head.appendChild(l); 86 } 87 }); 88 const q = !!document.querySelector('style[id^="oeid-"]'); 89 if (!f && m && !q) { 90 const l = document.createElement('style'); l.type = 'text/css'; l.id = `oeid-${o}-${p}-${i}`; 91 l.textContent = `.oeid-${o}-${p}-${i}{display:${t};}`; document.head.appendChild(l); 92 } 93 } 94 }; 95 </script>
95 96
96<script> 97 document.addEventListener('DOMContentLoaded', function () { 98 localStorage.removeItem("MetaDescription"); 99 localStorage.removeItem("MetaTitle"); 100 }); 101 </script>
101 102
102<script>
vendor: 428 bytes, lines 102-108
102 103 (function (i,s,o,g,r,a,m) { 104 i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { (i[r].q = i[r].q || []).push(arguments) } 105 , i[r].l = 1 * new Date(); a = s.createElement(o), 106 m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) 107 })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga'); 108 ga('create', '
108UA-29271223-8
vendor: 21 bytes, lines 108-109
108', 'auto'); 109
109ga('set', 'dimension5', 'B'); 110 ga('send', 'pageview'); 111 </script>
111 112
112<script>
vendor: 377 bytes, lines 112-117
112 113 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 114 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 115 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 116 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 117 })(window, document, 'script', 'dataLayer', '
117GTM-5WDD2KR
vendor: 9 bytes, lines 117-118
117'); 118
118</script>
118 119 120</head> 121<body class="app sunsetter page-site-settings"> 122 <style> 123 body { 124 background: white !important; 125 } 126 127 .more-details-btn { 128 border: 1px solid #0071b3; 129 font-size: 1.4rem; 130 font-family: "Inter", sans-serif; 131 font-style: normal; 132 font-weight: 700; 133 line-height: 1.25; 134 color: #0071b3; 135 border-radius: .4rem; 136 text-decoration: none; 137 padding: 1.1rem 2rem; 138 } 139 140 button:focus-visible { 141 outline: -webkit-focus-ring-color auto 5px; 142 outline-offset: 4px; 143 } 144 145 .visually-hidden { 146 clip-path: inset(50%); 147 height: 1px; 148 overflow: hidden; 149 position: absolute; 150 white-space: nowrap; 151 width: 1px; 152 } 153 </style>
vendor: 85 bytes, lines 153-156
153 154 155 <noscript> 156 <iframe src="https://www.googletagmanager.com/ns.html?id=
156GTM-5WDD2KR
vendor: 94 bytes, lines 156-158
156" height="0" width="0" style="display:none;visibility:hidden"></iframe> 157 </noscript> 158
158<a class="skip-to-main-content" id="skip2mainlnk" href="#content">Skip to main content</a> 159 160 <div id="site-wrapper" class="site-wrapper container-lg sticky-body" > 161 162<header class="header"> 163
163<script> 164 document.addEventListener("DOMContentLoaded", function () { 165 var menubar = document.querySelector('[role="menubar"]'); 166 var menuItems = document.querySelectorAll('[role="menuitem"]'); 167 168 // Retrieve the active descendant from local storage 169 var activeDescendantId = localStorage.getItem("activeDescendantId"); 170 171 if (activeDescendantId) { 172 var activeElement = document.getElementById(activeDescendantId); 173 if (activeElement) { 174 menubar.setAttribute("aria-activedescendant", activeDescendantId); 175 activeElement.setAttribute("tabindex", "0"); 176 activeElement.focus(); 177 } 178 } else { 179 // Set default active descendant 180 menuItems[0].setAttribute("tabindex", "-1"); 181 menubar.setAttribute("aria-activedescendant", menuItems[0].id); 182 } 183 184 menuItems.forEach(function (menuItem) { 185 menuItem.addEventListener("click", function () { 186 // Update aria-activedescendant and tabindex 187 menuItems.forEach(function (item) { 188 item.setAttribute("tabindex", "-1"); 189 }); 190 this.setAttribute("tabindex", "0"); 191 menubar.setAttribute("aria-activedescendant", this.id); 192 193 // Store active descendant ID in local storage 194 localStorage.setItem("activeDescendantId", this.id); 195 }); 196 }); 197 198 menubar.addEventListener("keydown", function (event) { 199 var currentIndex = Array.from(menuItems).findIndex(item => item.id === menubar.getAttribute("aria-activedescendant")); 200 201 if (event.key === "ArrowDown" || event.key === "ArrowRight") { 202 event.preventDefault(); 203 var nextIndex = currentIndex === menuItems.length - 1 ? 0 : currentIndex + 1; 204 menuItems[nextIndex].focus(); 205 menubar.setAttribute("aria-activedescendant", menuItems[nextIndex].id); 206 menuItems[nextIndex].setAttribute("tabindex", "0"); 207 menuItems[currentIndex].setAttribute("tabindex", "-1"); 208 localStorage.setItem("activeDescendantId", menuItems[nextIndex].id); 209 } else if (event.key === "ArrowUp" || event.key === "ArrowLeft") { 210 event.preventDefault(); 211 var prevIndex = currentIndex === 0 ? menuItems.length - 1 : currentIndex - 1; 212 menuItems[prevIndex].focus(); 213 menubar.setAttribute("aria-activedescendant", menuItems[prevIndex].id); 214 menuItems[prevIndex].setAttribute("tabindex", "0"); 215 menuItems[currentIndex].setAttribute("tabindex", "-1"); 216 localStorage.setItem("activeDescendantId", menuItems[prevIndex].id); 217 } 218 }); 219 }); 220 </script>
220 221 222 <div class="header-wrapper"> 223 <div class="header-top-section-optimized"> 224 <div class="header-main-section"> 225 <div class="logo-wrap"> 226 <a class="logo-sunsetter" href="/"> 227 <img alt="Go to the SunSetter home page" src="/globalassets/assets/images/ui/logo-sunsetter.svg" /> 228 </a> 229 </div> 230 <div class="mobile-nav-wrap"> 231 <ul class="list-unstyled nav-list icon-nav-list"> 232 <li class="icon-item icon-item-order-today sst-phone-number"> 233 <a class="icon-nav-item icon-nav-order-today" href="tel: 1-800-876-2340"> 234 <span>Order Today</span> 235 </a> 236 </li> 237 <li class="icon-item icon-item-customer-service"> 238 <a class="icon-nav-item icon-nav-customer-service" href="/cs/homepage/"> 239 <span>Customer Service</span> 240 </a> 241 </li> 242 <li class="icon-item icon-item-cart subnav"> 243 <button aria-haspopup="true" aria-expanded="false" class="icon-nav-item icon-nav-cart"> 244 <span>Cart</span> 245 </button> 246 <div class="sr-only cart-status-message" role="status"></div> 247 <div class="dd-nav-wrap dd-cart"> 248 <div class="nav-block dd-nav"> 249 <div class="cart-content-wrap"> 250 251 252 253 254<div class="heading-sm pb-4"> 255 <a href="/co/cart/">Cart</a> 256</div> 257<div class="mini-cart-details"> 258 <div class="body-md empty-cart-message mt-3">Your cart is empty.</div> 259 260 </div> 261 </div> 262 </div> 263 </li> 264 <li class="icon-item icon-item-mobile-menu subnav"> 265 266<div class="nav-wrapper-mobile"> 267 <div class="mobile-menu icon-menu"> 268 <button aria-haspopup="true" aria-expanded="false" class="icon-nav-item icon-nav-menuwithsearch"><span>Nav Menu and Search</span></button> 269 <div class="mobile-flyout"> 270 <div class="mobile-flyout-bg"></div> 271 <div class="mobile-flyout-innerdiv clearfix" role="dialog" aria-modal="true"> 272 <button id="firstfocuselement" class="close-menu-btn" aria-label="Close mobile nav menu"> 273 <span class="close-icon"></span> 274 </button> 275 <ul role="menubar" class="topnav" aria-orientation="vertical" aria-activedescendant=""> 276 <li class="primary-item primary-item-search" role="menuitem"> 277 <form class="search-form" method="get" action="/search/" role="search"> 278 <fieldset class="form-section form-section-no-border"> 279 <legend class="sr-only">Site Search</legend> 280 <div class="form-group d-flex align-items-center"> 281 <input id="q1" class="form-control" name="q" required="required" type="search" validate="text" placeholder="Enter Search Text" role="search" aria-label="Sitewide" aria-autocapitalize="none" autocomplete="off" autocorrect="off" spellcheck="false" title="Search" value="" /> 282 <label for="q1" class="sr-only">Enter Search Text</label> 283 <button class="search-button" type="submit"><span class="sr-only">Search</span></button> 284 </div> 285 </fieldset> 286 </form> 287 </li> 288 <li class="primary-item primary-item-" role="menuitem"> 289 <ul class="button-nav-list"> 290<li class="button-nav"><a class="button-light-yellow-sm" href="/cm/customer-information/">Get Pricing</a></li> 291<li class="button-nav"><a class="button-light-yellow-sm" href="/cm/find-a-dealer/">Find a Dealer</a></li> 292<li class="button-nav"><a class="button-light-yellow-sm" href="https://ownerscorner.sunsetter.com/login.asp">Order Status</a></li> 293</ul> 294 </li> 295 <li class="primary-item primary-item-awnings subnav" role="menuitem"> 296 <div class="nav-item-actions"> 297 <a href="/c/awnings/">Awnings</a> 298 <button class="subnav-toggle-btn" aria-haspopup="true" aria-expanded="false" aria-label="Toggle Awnings menu"></button> 299 </div> 300 <div class="nav-dropdown"> 301 <ul role="menu"> 302 <li class="nav-secondary" role="menuitem"> 303 <a href="/c/awnings/">All Awnings</a> 304 </li> 305 <li class="nav-secondary" role="menuitem"> 306 <a href="/c/awnings/sunsetter-series-awnings/">SunSetter Series Awnings</a> 307 </li> 308 <li class="nav-secondary" role="menuitem"> 309 <a href="/c/awnings/platinum-series-awnings/">Platinum Series Awnings</a> 310 </li> 311 <li class="nav-secondary" role="menuitem"> 312 <a href="/cm/perfectlook-awning-visualizer/?VzId=LNBHP">See It On Your Home</a> 313 </li> 314 <li class="nav-secondary" role="menuitem"> 315 <a href="/cm/free-awning-swatches/">Free Swatches</a> 316 </li> 317 <li class="nav-secondary" role="menuitem"> 318 <a href="/cm/free-awning-info-kit/">Free Info Kit & Savings</a> 319 </li> 320 <li class="nav-secondary" role="menuitem"> 321 <a href="/cm/customer-information/">Get Pricing</a> 322 </li> 323 </ul> 324 </div> 325 </li> 326 <li class="primary-item primary-item-fabrics-colors desktop-only" role="menuitem" id="Fabrics & Colors" tabindex="-1"> 327 <a aria-label="Fabrics & Colors" href="/cm/fabrics-and-colors/">Fabrics & Colors</a> 328 </li> 329 <li class="primary-item primary-item-accessories desktop-only" role="menuitem" id="Accessories" tabindex="-1"> 330 <a aria-label="Accessories" href="/cm/awning-accessories/">Accessories</a> 331 </li> 332 <li class="primary-item primary-item-retractable-screens desktop-only subnav" role="menuitem"> 333 <div class="nav-item-actions"> 334 <a href="/c/retractable-screens/">Retractable Screens</a> 335 <button class="subnav-toggle-btn" aria-haspopup="true" aria-expanded="false" aria-label="Toggle Retractable Screens menu"></button> 336 </div> 337 <div class="nav-dropdown"> 338 <ul role="menu"> 339 <li class="nav-secondary" role="menuitem"> 340 <a href="/c/retractable-screens/">All Retractable Screens</a> 341 </li> 342 <li class="nav-secondary" role="menuitem"> 343 <a href="/c/easyscreens/">EasyScreens</a> 344 </li> 345 <li class="nav-secondary" role="menuitem"> 346 <a href="/c/easyshades/">EasyShades</a> 347 </li> 348 <li class="nav-secondary" role="menuitem"> 349 <a href="/cm/retractable-screens/fabrics-and-colors/">Fabrics & Colors</a> 350 </li> 351 <li class="nav-secondary" role="menuitem"> 352 <a href="/cm/retractable-screens/compare-shades-and-screens/">Compare Shades & Screens</a> 353 </li> 354 <li class="nav-secondary" role="menuitem"> 355 <a href="/cm/retractable-screens/how-to-measure-easyscreens/">How To Measure for EasyScreens</a> 356 </li> 357 <li class="nav-secondary" role="menuitem"> 358 <a href="/cm/retractable-screens/how-to-measure-easyshades/">
358How To Measure for EasyShades</a> 359 </li> 360 <li class="nav-secondary" role="menuitem"> 361 <a href="/cm/retractable-screens/faq/">FAQ</a> 362 </li> 363 <li class="nav-secondary" role="menuitem"> 364 <a href="/cm/retractable-screens/get-estimate/">Get Estimate</a> 365 </li> 366 <li class="nav-secondary" role="menuitem"> 367 <a href="/cm/find-a-dealer/">Find A Dealer</a> 368 </li> 369 <li class="nav-secondary" role="menuitem"> 370 <a href="/cm/retractable-screens/download-brochure/">Download EasyScreen Brochure</a> 371 </li> 372 </ul> 373 </div> 374 </li> 375 <li class="primary-item primary-item-outdoor-products desktop-only subnav" role="menuitem"> 376 <div class="nav-item-actions"> 377 <a href="/c/outdoor-products/">Outdoor Products</a> 378 <button class="subnav-toggle-btn" aria-haspopup="true" aria-expanded="false" aria-label="Toggle Outdoor Products menu"></button> 379 </div> 380 <div class="nav-dropdown"> 381 <ul role="menu"> 382 <li class="nav-secondary" role="menuitem"> 383 <a href="/c/outdoor-products/">All Outdoor Products</a> 384 </li> 385 <li class="nav-secondary" role="menuitem"> 386 <a href="/c/outdoor-products/char-broil-gas-grill/">Char-Broil 2-Burner Gas Grill</a> 387 </li> 388 <li class="nav-secondary" role="menuitem"> 389 <a href="/c/outdoor-products/sunsetter-mats/">SunSetter Mats</a> 390 </li> 391 <li class="nav-secondary" role="menuitem"> 392 <a href="/c/outdoor-products/patio-lights/">Patio Lights</a> 393 </li> 394 </ul> 395 </div> 396 </li> 397 <li class="primary-item primary-item-learn-more desktop-only subnav" role="menuitem"> 398 <div class="nav-item-actions"> 399 <a href="/cm/why-own-a-sunsetter/">Learn More</a> 400 <button class="subnav-toggle-btn" aria-haspopup="true" aria-expanded="false" aria-label="Toggle Learn More menu"></button> 401 </div> 402 <div class="nav-dropdown"> 403 <ul role="menu"> 404 <li class="nav-secondary" role="menuitem"> 405 <a href="/cm/why-own-a-sunsetter/">Why Own a SunSetter</a> 406 </li> 407 <li class="nav-secondary" role="menuitem"> 408 <a href="/cm/sunsetter-quality/">SunSetter Quality</a> 409 </li> 410 <li class="nav-secondary" role="menuitem"> 411 <a href="/cm/sunsetter-blog/">Our Blog</a> 412 </li> 413 <li class="nav-secondary" role="menuitem"> 414 <a href="/cm/energy-savings/">Energy Savings</a> 415 </li> 416 <li class="nav-secondary" role="menuitem"> 417 <a href="/cm/video-gallery/">Video Gallery</a> 418 </li> 419 <li class="nav-secondary" role="menuitem"> 420 <a href="/cm/owner-reviews/">Awning Owner Reviews</a> 421 </li> 422 <li class="nav-secondary" role="menuitem"> 423 <a href="/cm/how-to-measure/">How To Measure</a> 424 </li> 425 <li class="nav-secondary" role="menuitem"> 426 <a href="/cm/payment-plans/">Payment Plans</a> 427 </li> 428 <li class="nav-secondary" role="menuitem"> 429 <a href="/cm/faqs/">FAQ</a> 430 </li> 431 <li class="nav-secondary" role="menuitem"> 432 <a href="/cm/contact-us/">Contact Us</a> 433 </li> 434 <li class="nav-secondary" role="menuitem"> 435 <a href="/cm/perfectlook-awning-visualizer/">See It On Your Home</a> 436 </li> 437 <li class="nav-secondary" role="menuitem"> 438 <a href="/cm/find-a-dealer/">Find a Dealer</a> 439 </li> 440 <li class="nav-secondary" role="menuitem"> 441 <a href="/cm/free-awning-swatches/">Free Swatches</a> 442 </li> 443 <li class="nav-secondary" role="menuitem"> 444 <a href="/cm/free-awning-info-kit/">Free Info Kit & Savings</a> 445 </li> 446 <li class="nav-secondary" role="menuitem"> 447 <a href="/cm/become-a-dealer/">Become a Dealer</a> 448 </li> 449 </ul> 450 </div> 451 </li> 452 </ul> 453 </div> 454 </div> 455 </div> 456</div> 457 458 </li> 459 </ul> 460 </div> 461 </div> 462 </div> 463 464 <div class="header-top-section"> 465 <div class="nav-eyebrow-wrapper"> 466 <div class="lg-container"> 467 468 469 470<ul class="list-unstyled nav-list icon-nav-list" role="menubar"> 471 <li class="icon-item icon-item-order-today mobile-only sst-phone-number" role="menuitem"> 472 <a class="icon-nav-item" href="tel:1-800-876-2340"><span>Order Today</span></a> 473 </li> 474 <li class="icon-item icon-item-customer-service desktop-only" role="menuitem"> 475 <a class="icon-nav-item" href="/cs/homepage/"><span>Customer Service</span></a> 476 </li> 477 <li class="icon-item icon-item-cart subnav" role="menuitem"> 478 <button aria-haspopup="true" aria-expanded="false" class="icon-nav-item"><span>
478Cart</span></button> 479 <div class="sr-only cart-status-message" role="status"></div> 480 <div class="dd-nav-wrap dd-cart"> 481 <div class="nav-block dd-nav"> 482 <div class="cart-content-wrap"> 483 484 485 486 487<div class="heading-sm pb-4"> 488 <a href="/co/cart/">Cart</a> 489</div> 490<div class="mini-cart-details"> 491 <div class="body-md empty-cart-message mt-3">Your cart is empty.</div> 492 493 </div> 494 </div> 495 </div> 496 </li> 497 <li class="icon-item icon-item-search subnav" role="menuitem"> 498 <button aria-haspopup="true" aria-expanded="false" class="icon-nav-item"><span>Search</span></button> 499 <div class="dd-nav-wrap dd-search"> 500 <div class="nav-block dd-nav"> 501 <div class="search-wrap"> 502 <form class="search-form" method="get" action="/search/" role="search"> 503 <fieldset class="form-section form-section-no-border"> 504 <legend class="sr-only">Site Search</legend> 505 <div class="form-group d-flex align-items-center"> 506 <input id="q" class="form-control" name="q" required="required" type="search" validate="text" placeholder="Enter Search Text" role="search" aria-label="Sitewide" aria-autocapitalize="none" autocomplete="off" autocorrect="off" spellcheck="false" title="Search" value="" /> 507 <label for="q" class="sr-only">Enter Search Text</label> 508 <button class="button-light-yellow-sm search-button ml-4" type="submit">Search</button> 509 </div> 510 </fieldset> 511 </form> 512 </div> 513 </div> 514</div> 515 </li> 516</ul> 517 518 </div> 519 </div> 520 <div class="lg-container"> 521 <div class="header-main-section"> 522 <div class="built-in desktop-only"> 523 <img src="/globalassets/assets/images/ui/built-in-usa.svg" alt="Built in North America" /> 524 </div> 525 526<div class="nav-wrapper-mobile"> 527 <div class="mobile-menu icon-menu"> 528 <button class="nav-mobile menu-button" aria-haspopup="true" aria-expanded="false" aria-label="Shop All"> 529 <span class="menu-inner-wrap"> 530 <span class="menu-icon"> 531 <span class="icon-bar"></span> 532 <span class="icon-bar"></span> 533 <span class="icon-bar"></span> 534 </span> 535 <span class="mobile-menu-label mt-1">Shop All</span> 536 </span> 537 </button> 538 <div class="mobile-flyout"> 539 <div class="mobile-flyout-bg"></div> 540 <div class="mobile-flyout-innerdiv clearfix" role="dialog" aria-modal="true"> 541 <button id="firstfocuselement" class="close-menu-btn" aria-label="Close mobile nav menu"> 542 <span class="close-icon"></span> 543 </button> 544 <ul role="menubar" class="topnav" aria-orientation="vertical" aria-activedescendant=""> 545 546 <li class="primary-item primary-item-" role="menuitem"> 547 <ul class="button-nav-list"> 548<li class="button-nav"><a class="button-light-yellow-sm" href="/cm/customer-information/">Get Pricing</a></li> 549<li class="button-nav"><a class="button-light-yellow-sm" href="/cm/find-a-dealer/">Find a Dealer</a></li> 550<li class="button-nav"><a class="button-light-yellow-sm" href="https://ownerscorner.sunsetter.com/login.asp">Order Status</a></li> 551</ul> 552 </li> 553 <li class="primary-item primary-item-awnings subnav" role="menuitem"> 554 <div class="nav-item-actions"> 555 <a href="/c/awnings/">Awnings</a> 556 <button class="subnav-toggle-btn" aria-haspopup="true" aria-expanded="false" aria-label="Toggle Awnings menu"></button> 557 </div> 558 <div class="nav-dropdown"> 559 <ul role="menu"> 560 <li class="nav-secondary" role="menuitem"> 561 <a href="/c/awnings/">All Awnings</a> 562 </li> 563 <li class="nav-secondary" role="menuitem"> 564 <a href="/c/awnings/sunsetter-series-awnings/">SunSetter Series Awnings</a> 565 </li> 566 <li class="nav-secondary" role="menuitem"> 567 <a href="/c/awnings/platinum-series-awnings/">Platinum Series Awnings</a> 568 </li> 569 <li class="nav-secondary" role="menuitem"> 570 <a href="/cm/perfectlook-awning-visualizer/?VzId=LNBHP">See It On Your Home</a> 571 </li> 572 <li class="nav-secondary" role="menuitem"> 573 <a href="/cm/free-awning-swatches/">Free Swatches</a> 574 </li> 575 <li class="nav-secondary" role="menuitem"> 576 <a href="/cm/free-awning-info-kit/">Free Info Kit & Savings</a> 577 </li> 578 <li class="nav-secondary" role="menuitem"> 579 <a href="/cm/customer-information/">Get Pricing</a> 580 </li> 581 </ul> 582 </div> 583 </li> 584 <li class="primary-item primary-item-fabrics-colors desktop-only" role="menuitem" id="Fabrics & Colors" tabindex="-1"> 585 <a aria-label="Fabrics & Colors" href="/cm/fabrics-and-colors/">Fabrics & Colors</a> 586 </li> 587 <li class="primary-item primary-item-accessories desktop-only" role="menuitem" id="Accessories" tabindex="-1"> 588 <a aria-label="Accessories" href="/cm/awning-accessories/">Accessories</a> 589 </li> 590 <li class="primary-item primary-item-retractable-screens desktop-only subnav" role="menuitem"> 591 <div class="nav-item-actions"> 592 <a href="/c/retractable-screens/">Retractable Screens</a> 593 <button class="subnav-toggle-btn" aria-haspopup="true" aria-expanded="false" aria-label="Toggle Retractable Screens menu"></button> 594 </div> 595 <div class="nav-dropdown"> 596 <ul role="menu"> 597 <li class="nav-secondary" role="menuitem"> 598 <a href="/c/retractable-screens/">All Retractable Screens</a> 599 </li> 600 <li class="nav-secondary" role="menuitem"> 601 <a href="/c/easyscreens/">EasyScreens</a> 602 </li> 603 <li class="nav-secondary" role="menuitem"> 604 <a href="/c/easyshades/">EasyShades</a> 605 </li> 606 <li class="nav-secondary" role="menuitem"> 607 <a href="/cm/retractable-screens/fabrics-and-colors/">Fabrics & Colors</a> 608 </li> 609 <li class="nav-secondary" role="menuitem"> 610 <a href="/cm/retractable-screens/compare-shades-and-screens/">Compare Shades & Screens</a> 611 </li> 612 <li class="nav-secondary" role="menuitem"> 613 <a href="/cm/retractable-screens/how-to-measure-easyscreens/">How To Measure for EasyScreens</a> 614 </li> 615 <li class="nav-secondary" role="menuitem"> 616 <a href="/cm/retractable-screens/how-to-measure-easyshades/">
616How To Measure for EasyShades</a> 617 </li> 618 <li class="nav-secondary" role="menuitem"> 619 <a href="/cm/retractable-screens/faq/">FAQ</a> 620 </li> 621 <li class="nav-secondary" role="menuitem"> 622 <a href="/cm/retractable-screens/get-estimate/">Get Estimate</a> 623 </li> 624 <li class="nav-secondary" role="menuitem"> 625 <a href="/cm/find-a-dealer/">Find A Dealer</a> 626 </li> 627 <li class="nav-secondary" role="menuitem"> 628 <a href="/cm/retractable-screens/download-brochure/">Download EasyScreen Brochure</a> 629 </li> 630 </ul> 631 </div> 632 </li> 633 <li class="primary-item primary-item-outdoor-products desktop-only subnav" role="menuitem"> 634 <div class="nav-item-actions"> 635 <a href="/c/outdoor-products/">Outdoor Products</a> 636 <button class="subnav-toggle-btn" aria-haspopup="true" aria-expanded="false" aria-label="Toggle Outdoor Products menu"></button> 637 </div> 638 <div class="nav-dropdown"> 639 <ul role="menu"> 640 <li class="nav-secondary" role="menuitem"> 641 <a href="/c/outdoor-products/">All Outdoor Products</a> 642 </li> 643 <li class="nav-secondary" role="menuitem"> 644 <a href="/c/outdoor-products/char-broil-gas-grill/">Char-Broil 2-Burner Gas Grill</a> 645 </li> 646 <li class="nav-secondary" role="menuitem"> 647 <a href="/c/outdoor-products/sunsetter-mats/">SunSetter Mats</a> 648 </li> 649 <li class="nav-secondary" role="menuitem"> 650 <a href="/c/outdoor-products/patio-lights/">Patio Lights</a> 651 </li> 652 </ul> 653 </div> 654 </li> 655 <li class="primary-item primary-item-learn-more desktop-only subnav" role="menuitem"> 656 <div class="nav-item-actions"> 657 <a href="/cm/why-own-a-sunsetter/">Learn More</a> 658 <button class="subnav-toggle-btn" aria-haspopup="true" aria-expanded="false" aria-label="Toggle Learn More menu"></button> 659 </div> 660 <div class="nav-dropdown"> 661 <ul role="menu"> 662 <li class="nav-secondary" role="menuitem"> 663 <a href="/cm/why-own-a-sunsetter/">Why Own a SunSetter</a> 664 </li> 665 <li class="nav-secondary" role="menuitem"> 666 <a href="/cm/sunsetter-quality/">SunSetter Quality</a> 667 </li> 668 <li class="nav-secondary" role="menuitem"> 669 <a href="/cm/sunsetter-blog/">Our Blog</a> 670 </li> 671 <li class="nav-secondary" role="menuitem"> 672 <a href="/cm/energy-savings/">Energy Savings</a> 673 </li> 674 <li class="nav-secondary" role="menuitem"> 675 <a href="/cm/video-gallery/">Video Gallery</a> 676 </li> 677 <li class="nav-secondary" role="menuitem"> 678 <a href="/cm/owner-reviews/">Awning Owner Reviews</a> 679 </li> 680 <li class="nav-secondary" role="menuitem"> 681 <a href="/cm/how-to-measure/">How To Measure</a> 682 </li> 683 <li class="nav-secondary" role="menuitem"> 684 <a href="/cm/payment-plans/">Payment Plans</a> 685 </li> 686 <li class="nav-secondary" role="menuitem"> 687 <a href="/cm/faqs/">FAQ</a> 688 </li> 689 <li class="nav-secondary" role="menuitem"> 690 <a href="/cm/contact-us/">Contact Us</a> 691 </li> 692 <li class="nav-secondary" role="menuitem"> 693 <a href="/cm/perfectlook-awning-visualizer/">See It On Your Home</a> 694 </li> 695 <li class="nav-secondary" role="menuitem"> 696 <a href="/cm/find-a-dealer/">Find a Dealer</a> 697 </li> 698 <li class="nav-secondary" role="menuitem"> 699 <a href="/cm/free-awning-swatches/">Free Swatches</a> 700 </li> 701 <li class="nav-secondary" role="menuitem"> 702 <a href="/cm/free-awning-info-kit/">Free Info Kit & Savings</a> 703 </li> 704 <li class="nav-secondary" role="menuitem"> 705 <a href="/cm/become-a-dealer/">Become a Dealer</a> 706 </li> 707 </ul> 708 </div> 709 </li> 710 </ul> 711 </div> 712 </div> 713 </div> 714</div> 715 716 <div class="logo-wrap"> 717 <a class="logo-sunsetter" href="/"> 718 <img alt="Go to the SunSetter home page" src="/globalassets/assets/images/ui/logo-sunsetter.svg" /> 719 </a> 720 </div> 721 <div class="order-info desktop-only d-flex align-items-center"> 722 <a href="/#prd-header" class="button-light-yellow-sm mr-3">Order Today</a> 723 <div class="heading-md">
724 <span class="sst-phone-number">1-800-876-2340</span> 725 </div> 726 727 </div> 728 </div> 729 </div> 730 </div> 731 <div class="primary-nav-wrapper"> 732 733 734 735 <nav> 736 <ul class="list-unstyled nav-list primary-nav-list" role="menubar" aria-label="Sunsetter Menu" id="topnav" aria-orientation="horizontal" aria-activedescendant=""> 737 738 <li class="primary-item primary-item-awnings subnav" role="menuitem"> 739 <button aria-haspopup="true" aria-expanded="false" class="primary-nav-item">Awnings</button> 740 <div class="dd-nav-wrap awnings"> 741 <div class="dd-nav"> 742 <div class="nav-secondary"> 743 <ul class="list-unstyled nav-category-list" role="menubar"> 744 <li class="nav-dropdown-list-item" role="menuitem"> 745 <a href="/c/awnings/" class="nav-link" >All Awnings</a> 746 </li> 747 <li class="nav-dropdown-list-item" role="menuitem"> 748 <a href="/c/awnings/sunsetter-series-awnings/" class="nav-link">SunSetter Series Awnings</a> 749 </li> 750 <li class="nav-dropdown-list-item" role="menuitem"> 751 <a href="/c/awnings/platinum-series-awnings/" class="nav-link">Platinum Series Awnings</a> 752 </li> 753 <li class="nav-dropdown-list-item" role="menuitem"> 754 <a href="/cm/perfectlook-awning-visualizer/?VzId=LNBHP" class="nav-link" >See It On Your Home</a> 755 </li> 756 <li class="nav-dropdown-list-item cta-nav-item border-top-blue pt-3" role="menuitem"> 757 <a href="/cm/free-awning-swatches/" class="nav-link" >Free Swatches</a> 758 </li> 759 <li class="nav-dropdown-list-item cta-nav-item" role="menuitem"> 760 <a href="/cm/free-awning-info-kit/" class="nav-link" >Free Info Kit & Savings</a> 761 </li> 762 <li class="nav-dropdown-list-item cta-nav-item" role="menuitem"> 763 <a href="/cm/customer-information/" class="nav-link" >Get Pricing</a> 764 </li> 765 766 </ul> 767 </div> 768 </div> 769 </div> 770 </li> 771 <li class="primary-item primary-item-fabrics-colors desktop-only" aria-busy="true" role="menuitem" id="Fabrics & Colors" tabindex="-1"> 772 <a href="/cm/fabrics-and-colors/" aria-label="Fabrics & Colors" class="primary-nav-item" >
772Fabrics & Colors</a> 773 774 </li> 775 <li class="primary-item primary-item-accessories desktop-only" aria-busy="true" role="menuitem" id="Accessories" tabindex="-1"> 776 <a href="/cm/awning-accessories/" aria-label="Accessories" class="primary-nav-item" >Accessories</a> 777 778 </li> 779 <li class="primary-item primary-item-retractable-screens subnav desktop-only" role="menuitem"> 780 <button aria-haspopup="true" aria-expanded="false" class="primary-nav-item">Retractable Screens</button> 781 <div class="dd-nav-wrap retractable-screens"> 782 <div class="dd-nav"> 783 <div class="nav-secondary"> 784 <ul class="list-unstyled nav-category-list" role="menubar"> 785 <li class="nav-dropdown-list-item" role="menuitem"> 786 <a href="/c/retractable-screens/" class="nav-link" >All Retractable Screens</a> 787 </li> 788 <li class="nav-dropdown-list-item" role="menuitem"> 789 <a href="/c/easyscreens/" class="nav-link">EasyScreens</a> 790 </li> 791 <li class="nav-dropdown-list-item" role="menuitem"> 792 <a href="/c/easyshades/" class="nav-link">EasyShades</a> 793 </li> 794 <li class="nav-dropdown-list-item" role="menuitem"> 795 <a href="/cm/retractable-screens/fabrics-and-colors/" class="nav-link">Fabrics & Colors</a> 796 </li> 797 <li class="nav-dropdown-list-item" role="menuitem"> 798 <a href="/cm/retractable-screens/compare-shades-and-screens/" class="nav-link">Compare Shades & Screens</a> 799 </li> 800 <li class="nav-dropdown-list-item" role="menuitem"> 801 <a href="/cm/retractable-screens/how-to-measure-easyscreens/" class="nav-link">How To Measure for EasyScreens</a> 802 </li> 803 <li class="nav-dropdown-list-item" role="menuitem"> 804 <a href="/cm/retractable-screens/how-to-measure-easyshades/" class="nav-link">How To Measure for EasyShades</a> 805 </li> 806 <li class="nav-dropdown-list-item" role="menuitem"> 807 <a href="/cm/retractable-screens/faq/" class="nav-link">FAQ</a> 808 </li> 809 <li class="nav-dropdown-list-item cta-nav-item border-top-blue pt-3" role="menuitem"> 810 <a href="/cm/retractable-screens/get-estimate/" class="nav-link" >Get Estimate</a> 811 </li> 812 <li class="nav-dropdown-list-item cta-nav-item" role="menuitem"> 813 <a href="/cm/find-a-dealer/" class="nav-link" >Find A Dealer</a> 814 </li> 815 <li class="nav-dropdown-list-item cta-nav-item" role="menuitem"> 816 <a href="/cm/retractable-screens/download-brochure/" class="nav-link" >Download EasyScreen Brochure</a> 817 </li> 818 819 </ul> 820 </div> 821 </div> 822 </div> 823 </li> 824 <li class="primary-item primary-item-outdoor-products subnav desktop-only" role="menuitem"> 825 <button aria-haspopup="true" aria-expanded="false" class="primary-nav-item">Outdoor Products</button> 826 <div class="dd-nav-wrap outdoor-products"> 827 <div class="dd-nav"> 828 <div class="nav-secondary"> 829 <ul class="list-unstyled nav-category-list" role="menubar"> 830 <li class="nav-dropdown-list-item" role="menuitem"> 831 <a href="/c/outdoor-products/" class="nav-link" >All Outdoor Products</a> 832 </li> 833 <li class="nav-dropdown-list-item" role="menuitem"> 834 <a href="/c/outdoor-products/char-broil-gas-grill/" class="nav-link">
834Char-Broil 2-Burner Gas Grill</a> 835 </li> 836 <li class="nav-dropdown-list-item" role="menuitem"> 837 <a href="/c/outdoor-products/sunsetter-mats/" class="nav-link">SunSetter Mats</a> 838 </li> 839 <li class="nav-dropdown-list-item" role="menuitem"> 840 <a href="/c/outdoor-products/patio-lights/" class="nav-link">Patio Lights</a> 841 </li> 842 843 </ul> 844 </div> 845 </div> 846 </div> 847 </li> 848 <li class="primary-item primary-item-learn-more subnav desktop-only" role="menuitem"> 849 <button aria-haspopup="true" aria-expanded="false" class="primary-nav-item">Learn More</button> 850 <div class="dd-nav-wrap learn-more"> 851 <div class="dd-nav"> 852 <div class="nav-secondary"> 853 <ul class="list-unstyled nav-category-list" role="menubar"> 854 <li class="nav-dropdown-list-item" role="menuitem"> 855 <a href="/cm/why-own-a-sunsetter/" class="nav-link">Why Own a SunSetter</a> 856 </li> 857 <li class="nav-dropdown-list-item" role="menuitem"> 858 <a href="/cm/sunsetter-quality/" class="nav-link">SunSetter Quality</a> 859 </li> 860 <li class="nav-dropdown-list-item" role="menuitem"> 861 <a href="/cm/sunsetter-blog/" class="nav-link" >Our Blog</a> 862 </li> 863 <li class="nav-dropdown-list-item" role="menuitem"> 864 <a href="/cm/energy-savings/" class="nav-link">Energy Savings</a> 865 </li> 866 <li class="nav-dropdown-list-item" role="menuitem"> 867 <a href="/cm/video-gallery/" class="nav-link">Video Gallery</a> 868 </li> 869 <li class="nav-dropdown-list-item" role="menuitem"> 870 <a href="/cm/owner-reviews/" class="nav-link" >Awning Owner Reviews</a> 871 </li> 872 <li class="nav-dropdown-list-item" role="menuitem"> 873 <a href="/cm/how-to-measure/" class="nav-link">How To Measure</a> 874 </li> 875 <li class="nav-dropdown-list-item" role="menuitem"> 876 <a href="/cm/payment-plans/" class="nav-link">Payment Plans</a> 877 </li> 878 <li class="nav-dropdown-list-item" role="menuitem"> 879 <a href="/cm/faqs/" class="nav-link">FAQ</a> 880 </li> 881 <li class="nav-dropdown-list-item" role="menuitem"> 882 <a href="/cm/contact-us/" class="nav-link">Contact Us</a> 883 </li> 884 <li class="nav-dropdown-list-item" role="menuitem"> 885 <a href="/cm/perfectlook-awning-visualizer/" class="nav-link" >See It On Your Home</a> 886 </li> 887 <li class="nav-dropdown-list-item cta-nav-item border-top-blue pt-3" role="menuitem"> 888 <a href="/cm/find-a-dealer/" class="nav-link" >Find a Dealer</a> 889 </li> 890 <li class="nav-dropdown-list-item cta-nav-item" role="menuitem"> 891 <a href="/cm/free-awning-swatches/" class="nav-link" >Free Swatches</a> 892 </li> 893 <li class="nav-dropdown-list-item cta-nav-item" role="menuitem"> 894 <a href="/cm/free-awning-info-kit/" class="nav-link" >Free Info Kit & Savings</a> 895 </li> 896 <li class="nav-dropdown-list-item cta-nav-item" role="menuitem"> 897 <a href="/cm/become-a-dealer/" class="nav-link" >Become a Dealer</a> 898 </li> 899 900 </ul> 901 </div> 902 </div> 903 </div> 904 </li> 905 <li class="primary-item primary-item-get-pricing mobile-only" aria-busy="true" role="menuitem" id="Get Pricing" tabindex="-1"> 906 <a href="/cm/customer-information/" aria-label="Get Pricing" class="primary-nav-item" >Get Pricing</a> 907 908 </li> 909 <li class="primary-item primary-item-find-a-dealer mobile-only" aria-busy="true" role="menuitem" id="Find a Dealer" tabindex="-1"> 910 <a href="/cm/find-a-dealer/" aria-label="Find a Dealer" class="primary-nav-item" >Find a Dealer</a> 911 912 </li> 913 <li class="primary-item primary-item-get-pricing primary-item-btn desktop-only" role="menuitem"> 914 <a class="button-light-yellow-sm" href="/cm/customer-information/">Get Pricing</a> 915 </li> 916 <li class="primary-item primary-item-find-a-dealer primary-item-btn desktop-only ml-1" role="menuitem"> 917 <a class="button-light-blue-sm" href="/cm/find-a-dealer/">Find a Dealer</a> 918 </li> 919 <li class="primary-item primary-item-faq mobile-only" aria-busy="true" role="menuitem" id="FAQ" tabindex="-1"> 920 <a href="/cm/faqs/" aria-label="FAQ" class="primary-nav-item" >FAQ</a> 921 922 </li> 923 </ul> 924 925 </nav> 926
926<script> 927 document.addEventListener('DOMContentLoaded', () => { 928 const menu = document.getElementById('topnav'); 929 const menuItems = menu.querySelectorAll('[role="menuitem"]'); 930 931 menu.addEventListener('keydown', (event) => { 932 const activeElement = document.activeElement; 933 let newIndex; 934 935 switch (event.key) { 936 case 'ArrowRight': 937 newIndex = (Array.from(menuItems).indexOf(activeElement) + 1) % menuItems.length; 938 menuItems[newIndex].focus(); 939 break; 940 case 'ArrowLeft': 941 newIndex = (Array.from(menuItems).indexOf(activeElement) - 1 + menuItems.length) % menuItems.length; 942 menuItems[newIndex].focus(); 943 break; 944 case 'Home': 945 menuItems[0].focus(); 946 break; 947 case 'End': 948 menuItems[menuItems.length - 1].focus(); 949 break; 950 default: 951 return; 952 } 953 954 event.preventDefault(); 955 updateAriaActivedescendant(menu, menuItems[newIndex].id); 956 }); 957 958 function updateAriaActivedescendant(menu, id) { 959 menu.setAttribute('aria-activedescendant', id); 960 } 961 }); 962 </script>
962 963 964 965 966 967 968 </div> 969 </div> 970</header> 971 <main id="content" class="maincontent"> 972 973 974 975<div class="container mb-20"> 976 <div class="row"> 977 <div class="col"> 978 <h1 class="heading-xl pb-2">Outdoor Products</h1> 979 </div> 980 </div> 981</div> 982 <div class="container"> 983 <div class="row"> 984 <div class="col"> 985 <p class="body-md pb-4 mb-4">SunSetter offers a variety of products to help complete your outdoor space for maximum relaxation and enjoyment. From mats to grills, we have what you need to make the space uniquely yours.</p> 986 </div> 987 </div> 988 </div> 989<div class="container filtered-content-grid mb-60"> 990 <div id="grid-lock" class="row"> 991 992 <div class="col-12" id="Model.OmitProductGrid"> 993 <div class="product-cards-group" id="product-grid" tabindex="0"> 994 <div class="container px-0"> 995 <div class="row row-cols-2 row-cols-md-3"> 996 <div class="col d-flex"> 997 998 999<div class="product-card product-card-lg d-flex align-self-stretch mb-3"> 1000 <div class="card-wrapper"> 1001 <a href="/c/outdoor-products/char-broil-gas-grill/" class="card-image card-image-square"> 1002 <div class="object-fit site-image-wrapper"> 1003 <img alt="" class="site-image" src="https://embed.widencdn.net/img/springswindowfashions/jj2jyulho7/383x260px@2x/CharbroilGrillLifestyle.jpeg?keep=c&crop=yes&quality=80&u=qiqmuw" data-product-code="" /> 1004 </div> 1005 1006 </a> 1007 1008 <div class="card-content"> 1009 <div class="mb-4"> 1010 <h3 class="heading-lg text-light-blue"><a href="/c/outdoor-products/char-broil-gas-grill/" class="card-link">Char-Broil 2-Burner Gas Grill</a></h3> 1011 </div> 1012 <div class="body-md mb-20"> 1013 Cook up something spectacular with the American Gourmet Classic 2-Burner Gas Grill which features 280-square-inches of cooking space and 20,000 BTUs of cooking power. 1014 1015 <hr class="hr-gray pt-2" /> 1016 <strong>$179.00</strong> 1017 </div> 1018 </div> 1019 </div> 1020</div> 1021 </div> 1022 <div class="col d-flex"> 1023 1024 1025<div class="product-card product-card-lg d-flex align-self-stretch mb-3"> 1026 <div class="card-wrapper"> 1027 <a href="/c/outdoor-products/patio-lights/" class="card-image card-image-square"> 1028 <div class="object-fit site-image-wrapper"> 1029 <img alt="" class="site-image" src="https://embed.widencdn.net/img/springswindowfashions/z3hh2fgfoz/383x260px@2x/SunSetter-Patio-Lights?keep=c&crop=yes&q=90" data-product-code="" /> 1030 </div> 1031 1032 </a> 1033 1034 <div class="card-content"> 1035 <div class="mb-4"> 1036 <h3 class="heading-lg text-light-blue"><a href="/c/outdoor-products/patio-lights/" class="card-link">Patio Lights</a></h3> 1037 </div> 1038 <div class="body-md mb-20"> 1039 Stay outdoors even after the sun goes down. Weatherproof, smoke-colored Patio Lights emit a lovely, diffused light over your deck or patio. 1040 1041 <hr class="hr-gray pt-2" /> 1042 <strong>$156.00</strong> 1043 </div> 1044 </div> 1045 </div> 1046</div> 1047 </div> 1048 <div class="col d-flex"> 1049 1050 1051<div class="product-card product-card-lg d-flex align-self-stretch mb-3"> 1052 <div class="card-wrapper"> 1053 <a href="/c/outdoor-products/sunsetter-mats/" class="card-image card-image-square"> 1054 <div class="object-fit site-image-wrapper"> 1055 <img alt="9&#39;x9&#39; SunSetter Mat" class="site-image" src="https://embed.widencdn.net/img/springswindowfashions/rzq1qxkndg/383x260px@2x/Sunsetter_Mat_9x9_02.jpg?keep=c&crop=yes&q=90" data-product-code="" /> 1056 </div> 1057 1058 </a> 1059 1060 <div class="card-content"> 1061 <div class="mb-4"> 1062 <h3 class="heading-lg text-light-blue"><a href="/c/outdoor-products/sunsetter-mats/" class="card-link">SunSetter Mats</a></h3> 1063 </div> 1064 <div class="body-md mb-20"> 1065 This great looking, rugged floor mat adds style and comfort while protecting your deck or patio surface - and bare feet, making your deck a comfortable place to walk. 1066 1067 <hr class="hr-gray pt-2" /> 1068 <strong>$241.00</strong> 1069 </div> 1070 </div> 1071 </div> 1072</div> 1073 </div> 1074 </div> 1075 </div> 1076 </div> 1077 </div> 1078 </div> 1079</div> 1080<div> 1081<div class="block contentcontainerblock "><div class="container lg-container mb-0 mt-0 contact-form-module px-0"> 1082 <style> 1083.contact-form-module { 1084background-color: #000; 1085} 1086 1087.contact-form-module-img { 1088height: 100%; 1089left: 0; 1090position: absolute; 1091object-fit: cover; 1092object-position: center; 1093opacity: .35; 1094top: 0; 1095width: 100%; 1096} 1097 1098.contact-form-module-overlay { 1099position: relative; 1100z-index: 1; 1101} 1102 1103.contact-form-module-form { 1104background-color: #01426a; 1105display: flex; 1106justify-content: center; 1107width: 100%; 1108} 1109 1110@media (min-width:768px) { 1111.contact-form-module-form { 1112max-width: 430px; 1113min-height: 520px; 1114} 1115} 1116 1117</style> 1118<div class="row mx-0"> 1119<div class="col-12 px-0"><img class="contact-form-module-img" srcset="https://embed.widencdn.net/img/springswindowfashions/bmakvmkwge/1064x420px@2x/SunSetter-WebAlt22_Non-SemiPROwHood_WovenAcrylic-FogStripe_1022.webp?keep=c&crop=yes&q=90 2128w, https://embed.widencdn.net/img/springswindowfashions/bmakvmkwge/1064x420px/SunSetter-WebAlt22_Non-SemiPROwHood_WovenAcrylic-FogStripe_1022.webp?keep=c&crop=yes&q=90 1064w, https://embed.widencdn.net/img/springswindowfashions/bmakvmkwge/350x260px@2x/SunSetter-WebAlt22_Non-SemiPROwHood_WovenAcrylic-FogStripe_1022.webp?keep=c&crop=yes&q=90 700w, https://embed.widencdn.net/img/springswindowfashions/bmakvmkwge/350x260px/SunSetter-WebAlt22_Non-SemiPROwHood_WovenAcrylic-FogStripe_1022.webp?keep=c&crop=yes&q=90 350w" alt="" /> 1120<div class="container contact-form-module-overlay my-5"> 1121<div class="row"> 1122<div class="col-12 col-md-6 d-flex align-items-center"> 1123<div class="contact-form-module-content py-5"> 1124<h1 class="heading-xl mt-0 mb-2 text-white" style="font-size: 40px;">Find An Authorized SunSetter Dealer Near You</h1> 1125<p class="text-white" style="font-size: 20px;">Enjoy pro guidance, local pricing, and easy installation.</p> 1126</div> 1127</div> 1128<div class="col-12 col-md-6 d-flex justify-content-end"> 1129<div class="contact-form-module-form">
1130<script> 1131 var script = document.createElement('script'); 1132 script.src = '/assets/dist/js/dealer-lead-form.min.js?cache=04302026'; 1133 script.type = 'text/javascript'; 1134 script.defer = true; 1135 document.body.appendChild(script); 1136</script>
1136 1137<div class="form-dark-bg ml-2 mr-2 px-3 py-5 p-sm-5 align-self-center" id="findADealerFormWrapper"> 1138 1139<form action="" class="site-form find-a-dealer-lead-form" method="post"> <fieldset class="form-section form-section-no-border"> 1140 <legend class="heading-lg mb-4 text-center"> 1141 1142 </legend> 1143 1144 <input id="Form_FormErrorMessage" name="Form.FormErrorMessage" type="hidden" value="There was an issue submitting your request. Please try again." /> 1145 <input id="Form_FormHeading" name="Form.FormHeading" type="hidden" value="Receive a FREE Information Kit along with Savings!" /> 1146 <input name="RequestType" type="hidden" value="FTFAD" /> 1147 1148 <div class="validation-summary-errors form-error-message body-md mb-4 hidden"> 1149 <span>There was an issue submitting your request. Please try again.</span> 1150 </div> 1151 <div class="form-floating mb-4"> 1152 <input Name="FirstName" autocomplete="on" class="form-control" id="Form_FirstName" maxlength="30" name="Form.FirstName" placeholder="First Name" type="text" value="" /> 1153 <label for="Form_FirstName">First Name</label> 1154 </div> 1155 <div class="form-floating mb-4"> 1156 <input Name="LastName" autocomplete="on" class="form-control" id="Form_LastName" maxlength="30" name="Form.LastName" placeholder="Last Name" type="text" value="" /> 1157 <label for="Form_LastName">Last Name</label> 1158 </div> 1159 <div class="form-floating mb-4"> 1160 <input Name="Email" aria-describedby="EmailError" autocomplete="on" class="form-control" data-val="true" data-val-regex="A valid Email is required" data-val-regex-pattern="^(([^<>()\[\]\\.,;:\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,}))$" data-val-required="A valid Email is required" id="Form_Email" maxlength="128" name="Form.Email" placeholder="Email*" type="text" value="" /> 1161 <label for="Form_Email">Email*</label> 1162 <span class="field-validation-valid text-danger" data-valmsg-for="Email" data-valmsg-replace="true" id="EmailError"></span> 1163 </div> 1164 <div class="form-group mb-2"> 1165 <input Name="ContactOptionId" checked="checked" data-val="true" data-val-required="The ContactOptionId field is required." id="Form.ContactOptionId" name="Form.ContactOptionId" type="checkbox" value="true" /><input name="Form.ContactOptionId" type="hidden" value="false" /> 1166 <label class="checkbox-label body-md" for="Form.ContactOptionId"><p class="body-sm">I would like to receive emails with special promotions from SunSetter.</p></label> 1167 </div> 1168 <div class="form-floating mb-4" style="width:50%;"> 1169 <input Name="ZipCode" aria-describedby="ZipCodeError" autocomplete="on" class="form-control" data-val="true" data-val-regex="A valid Zip Code is required" data-val-regex-pattern="(^\d{5}(-\d{4})?$)|(^[ABCEGHJKLMNPRSTVXY]{1}\d{1}[A-Z]{1} *\d{1}[A-Z]{1}\d{1}$)" data-val-required="A valid Zip Code is required" id="Form_ZipCode" maxlength="20" name="Form.ZipCode" placeholder="Zip Code*" type="text" value="" /> 1170 <label for="Form_ZipCode">Zip Code*</label> 1171 <span class="field-validation-valid text-danger" data-valmsg-for="ZipCode" data-valmsg-replace="true" id="ZipCodeError"></span> 1172 </div> 1173 <div class="align-items-center d-flex mb-2"> 1174 <div style="width:50%;"> 1175 <div class="form-floating"> 1176 <input Name="Phone" aria-describedby="PhoneError" autocomplete="on" class="form-control" data-val="true" data-val-regex="A valid Phone Number is required" data-val-regex-pattern="^\D*(\d{3})\D*(\d{3})\D*(\d{4})\D*$" id="Form_Phone" maxlength="30" name="Form.Phone" placeholder="Phone" type="text" value="" /> 1177 <label for="Form_Phone">Phone</label> 1178 <span class="field-validation-valid text-danger" data-valmsg-for="Phone" data-valmsg-replace="true" id="PhoneError"></span> 1179 </div> 1180 </div> 1181 <div style="width:50%;"> 1182 <div class="ml-3"> 1183 <p class="body-sm">Enter your phone number for a FREE in-home consultation</p> 1184 </div> 1185 </div> 1186 </div> 1187 <div class="row"> 1188 <div class="col mb-5 mt-3"> 1189 <p class="body-sm"><span>*</span> Required Fields</p> 1190 </div> 1191 </div> 1192 <div class="row"> 1193 <div class="col-8 d-flex mx-auto"> 1194 <button class="button-light-yellow-lg button-submit d-flex flex-fill justify-content-center" type="submit">Find a Dealer</button> 1195 </div> 1196 </div> 1197 </fieldset> 1198 <div class="mt-4"> 1199 <p class="body-md mb-20">Your contact information is kept confidential. We do not distribute it to outside sources. Read our <a href="/cm/privacy/">privacy policy</a>.</p> 1200 </div> 1201</form> 1202</div> 1203</div> 1204</div> 1205</div> 1206</div> 1207</div> 1208</div> 1209</div></div></div> 1210 1211 </main> 1212 1213 1214<footer class="footer sticky-footer"> 1215 <div class="footer-ctas-wrap"> 1216 <div class="container"> 1217 <!--<div class="row"> 1218 <div class="col-12 px-0">--> 1219 <ul class="footer-ctas d-flex flex-column flex-xs-row flex-wrap justify-content-center justify-content-lg-between" role="menu"> 1220 <li role="menuitem"> 1221 <a href="/cm/free-awning-info-kit/" >Free Info Kit & Savings Certificate</a> 1222 </li> 1223 <li role="menuitem"> 1224 <a href="/cm/find-a-dealer/" >Find a SunSetter Dealer Near You</a> 1225 </li> 1226 <li role="menuitem"> 1227 <a href="/cm/free-awning-swatches/" >Free Swatches</a> 1228 </li> 1229 <li role="menuitem"> 1230 <a href="/cm/owner-reviews/" >Read Owner Reviews</a> 1231 </li> 1232 <li role="menuitem"> 1233 <a href="/cm/become-a-dealer/" >Become a Dealer</a> 1234 </li> 1235 </ul> 1236 <!--</div> 1237 </div>--> 1238 </div> 1239 </div> 1240 <div class="bg-dark-gray-05"> 1241 <div class="container"> 1242 <div class="row"> 1243 <div class="bg-dark-blue col-12 col-md-auto order-2 order-md-1"> 1244 <div class="footer-contact d-flex flex-row flex-md-column justify-content-between mb-3 mb-md-0"> 1245 <div> 1246 <address class="body-md text-white">
1247 <span class="header-link-footer">SunSetter Products</span> 7549 Graber Road<br />Middleton, WI 53562 1248 </address> 1249 <a class="body-md text-white sst-phone-number" href="tel:1-800-876-2340"> 1250 <strong class="sst-phone-number">1-800-876-2340</strong> 1251 </a> 1252 </div> 1253 <ul class="footer-socials flex-row col-6 col-md-12 pr-0 px-md-0" role="menu"> 1254 <li class="link-icon" role="menuitem"> 1255 <a href="/goto-facebook" class="footer-icon-facebook" target=_blank> 1256 <img alt="Facebook" src="/siteassets/assets/images/ui/icon-social-facebook.svg" /> 1257 </a> 1258 </li> 1259 <li class="link-icon ml-3" role="menuitem"> 1260 <a href="https://www.instagram.com/sunsetterproducts/" class="footer-icon-instagram" target=_blank> 1261 <img alt="Instagram" src="/siteassets/assets/images/ui/icon-social-instagram.svg" /> 1262 </a> 1263 </li> 1264 <li class="link-icon ml-3" role="menuitem"> 1265 <a href="https://www.youtube.com/@SunSetterProducts" class="footer-icon-" target=_blank> 1266 <img alt="YouTube" src="/siteassets/assets/images/ui/icon-social-youtube.svg" /> 1267 </a> 1268 </li> 1269 <li class="link-icon ml-3" role="menuitem"> 1270 <a href="https://www.pinterest.com/SunSetterProducts/" class="footer-icon-" target=_blank> 1271 <img alt="Pinterest" src="/siteassets/assets/images/ui/icon-social-pinterest.svg" /> 1272 </a> 1273 </li> 1274 </ul> 1275 </div> 1276 </div> 1277 <div class="link-footer-wrap col-12 col-md d-flex flex-row flex-wrap order-1 order-md-2" > 1278 <ul class="col-6 col-md-3 pb-3" role="menu" > 1279 <li class="header-link-footer" role="menuitem" >Our Company</li> 1280 <li class="sst-ft-mi" role="menuitem" > 1281 <a href="/cm/about/" >About Us</a> 1282 </li> 1283 <li class="sst-ft-mi" role="menuitem" > 1284 <a href="/cm/sunsetter-quality/" >SunSetter Quality</a> 1285 </li> 1286 <li class="sst-ft-mi" role="menuitem" > 1287 <a href="/cm/sunsetter-blog/" >Our Blog</a> 1288 </li> 1289 <li class="sst-ft-mi" role="menuitem" > 1290 <a href="/cm/video-gallery/" >Watch Our Videos</a> 1291 </li> 1292 <li class="sst-ft-mi" role="menuitem" > 1293 <a href="https://careers-sunsetter.icims.com/jobs/intro?hashed=-435626302" target=_blank>Careers</a> 1294 </li> 1295 <li role="menuitem" class="sst-ft-mi"> 1296 <a href="/cm/media-inquiries/">Media Inquiries</a> 1297 </li> 1298 </ul> 1299 <ul class="col-6 col-md-3 pb-3" role="menu" > 1300 <li class="header-link-footer" role="menuitem" >Products</li> 1301 <li role="menuitem" class="sst-ft-mi"> 1302 <a href="/c/awnings/">Awnings</a> 1303 </li> 1304 <li role="menuitem" class="sst-ft-mi"> 1305 <a href="/c/retractable-screens/">Retractable Screens</a> 1306 </li> 1307 <li role="menuitem" class="sst-ft-mi"> 1308 <a href="/cm/awning-accessories/">Awning Accessories</a> 1309 </li> 1310 <li role="menuitem" class="sst-ft-mi"> 1311 <a href="/c/outdoor-products/">Outdoor Products</a> 1312 </li> 1313 </ul> 1314 <ul class="col-6 col-md-3 pb-3" role="menu" > 1315 <li class="header-link-footer" role="menuitem" >Customer Service</li> 1316 <li class="sst-ft-mi" role="menuitem" > 1317 <a href="/oc/ocloginnew/" target=_blank>Order Status</a> 1318 </li> 1319 <li class="sst-ft-mi" role="menuitem" > 1320 <a href="/cm/warranty/" >Warranty Information</a> 1321 </li> 1322 <li role="menuitem" class="sst-ft-mi"> 1323 <a href="/cm/payment-plans/">Payment Plans</a> 1324 </li> 1325 <li class="sst-ft-mi" role="menuitem" > 1326 <a href="/cs/installationassistance/" target=_blank>Technical Assistance</a> 1327 </li> 1328 <li class="sst-ft-mi" role="menuitem" > 1329 <a href="/cm/safety-clips/" >Recall Information</a> 1330 </li> 1331 <li class="sst-ft-mi" role="menuitem" > 1332 <a href="/cs/homepage/" >Contact Us</a> 1333 </li> 1334 </ul> 1335 <ul class="col-6 col-md-3 pb-3" role="menu" > 1336 <li class="header-link-footer" role="menuitem" >Owner's Corner</li> 1337 <li class="sst-ft-mi" role="menuitem"> 1338 <a class="button-dark-blue-sm" href="/oc/ocloginnew/">Log In</a> 1339 </li> 1340 </ul> 1341 </div> 1342 </div> 1343 </div> 1344 </div> 1345 <div class="d-none d-sm-flex py-4" style="justify-content: space-evenly; align-items: baseline;"> 1346 <a href="https://awnings.textiles.org/" target="_blank"> <img src="/siteassets/assets/images/ui/logo-pama.png" alt="PAMA" style="width:180px;padding-bottom:20px"> </a> 1347 <a href="https://www.skincancer.org/" target="_blank"> <img src="https://www.sunsetter.com/globalassets/assets/images/scf-seal---outdoor-shade-4c.png" alt="Skin Cancer Foundation" style="max-width:45px"> </a> 1348 <a href="https://sunsetterproducts.caddetails.com/" target="_blank"> <img src="https://www.sunsetter.com/globalassets/assets/images/caddetails.png" alt="CADdetail
1348s" style="padding-bottom:15px;max-width:160px"> </a> 1349 <a href="https://www.consumeraffairs.com/homeowners/sunsetter.html" target="_blank"> <img src="https://embed.widencdn.net/img/springswindowfashions/qnwbz9bc7z/200x75px/Consumer-Affairs.png" alt="Consumer-Affairs" style="max-width:160px"> </a> 1350 <a href="https://www.sunsetter.com/cm/warranty/5-year-all-weather-warranty/" target="_blank"><img src="/globalassets/assets/images/ui/icon-five-year-warranty.svg" alt="5-Year Warranty" style="width:80px;"> </a> 1351 <a href="https://www.sunsetter.com/cm/warranty/10-year-all-weather-warranty/" target="_blank"><img src="/globalassets/assets/images/ui/icon-ten-year-warranty.svg" alt="10-Year Warranty" style="width:80px;"> </a> 1352</div> 1353 1354 1355 <div class="bg-dark-blue"> 1356 <div class="container"> 1357 <div class="row"> 1358 <div class="copyright col pb-3"> 1359<p class="body-xs py-3">Photos are for inspiration only. Not all product configurations are available in all countries.</p> 1360 <div class="d-flex flex-column flex-md-row justify-content-md-center align-items-md-center"> 1361 <p class="body-sm mr-lg-5 pr-sm-5"> 1362 <span>© 2026 SunSetter Products. All Rights Reserved. All trademarks are owned by SunSetter.</span> 1363 <span class="copyright-links mt-1 mt-md-0"> 1364 <a class="pl-0 pr-4 pl-md-5 pr-md-0" href="/cm/privacy/"><strong>Privacy & Security</strong></a> 1365 <a class="pl-0 pr-4 pl-md-5 pr-md-0" href="/cm/ccpa-privacy-notice/"><strong>CCPA Policy</strong></a> 1366 <a class="pl-0 pr-4 pl-md-5 pr-md-0" href="https://privacyportal.onetrust.com/webform/d1733fbe-d1ce-4ae2-a5cf-c526fd82eea9/7e0a0303-83e0-4f48-ab63-872f1c5edc21" target=_blank><strong>Do Not Sell or Share My Information</strong></a> 1367 </span> 1368 </p> 1369 </div> 1370 </div> 1371 </div> 1372 </div> 1373 </div> 1374</footer> 1375 1376<style> 1377 .sst-ft-mi { 1378 min-height:24px; 1379 } 1380</style> </div> 1381
1381<script> 1382 var desktopPhone = '1-800-876-2340'; 1383 var mobilePhone = '1-800-876-2340'; 1384 var sitePopupsEnabled = true; 1385 </script>
1385 1386
1386<script src="/assets/dist/js/polyfill.min.js?cache=04302026" id="polyfill-script"></script>
1386 1387
1387<script src="/assets/dist/js/app.min.js?cache=04302026"></script>
1387 1388
1388<script src="/assets/dist/js/optimizely-experiment-api.min.js?cache=04302026"></script>
1388 1389
1389<script> 1390 var isRetractableScreenPage = window.location.href.indexOf('/retractable-screens') !== -1 || window.location.href.indexOf('/easyscreens') !== -1; 1391 var isEasyShadesPage = window.location.href.indexOf('/easyshades') !== -1; 1392 if (isRetractableScreenPage) { 1393 1394 [].map.call(document.querySelectorAll('.primary-item-get-pricing a'), function (link) { 1395 link.href = '/cm/retractable-screens/get-estimate/'; 1396 }); 1397 } else if (isEasyShadesPage) { 1398 [].map.call(document.querySelectorAll('.primary-item-get-pricing a'), function (link) { 1399 link.href = '/cm/easyshades/pricing-and-order/'; 1400 }); 1401 } 1402 </script>
1402 1403 1404 1405
1405<script> 1406 if (!Aggregator) { 1407 var Aggregator = function (o) { 1408 var d = document, p = Aggregator.prototype; this.options = o; this.q = []; d.cookie = '__na_c=1'; p.p = function (c) { 1409 return function () { 1410 this.q.push([c, arguments]) 1411 } 1412 }; p.setPerson = p.p(4, arguments); p.logEvent = p.p(0, arguments); p.logPageview = p.p(1, arguments); 1413 p.ready = p.p(2, arguments); p.logOutbound = p.p(3, arguments); p.updatePerson = p.p(5, arguments); p.updateSession = p.p(6, arguments); 1414 p.updateEvent = p.p(7, arguments); p.push = p.p(8, arguments); var s = d.createElement('script'); s.type = 'text/javascript'; 1415 s.async = true; (function (i) { 1416 s.onreadystatechange = function () { if (s.readyState == 'loaded' || s.readyState == 'complete') { i.run(); } }; 1417 s.onload = function () { i.run(); } 1418 })(this); e = location.protocol == 'https:'; s.src = 'http' + (e ? 's://' : '://') + 1419 (e && navigator.userAgent.indexOf('MSIE') > -1 ? 'a-{0}.gatorapi.com' : 'a-{0}.scripts.gatorapi.com').replace('{0}', o.projectId) + 1420 '/web?t=' + Math.floor((new Date() * .00001) / 36); var e = d.getElementsByTagName('script')[0]; e.parentNode.insertBefore(s, e); 1421 } 1422 } 1423 if (!gator) { 1424 var gator = new Aggregator({ 1425 "projectId": "53999616" 1426 }); 1427 } 1428 var gatorApi = { 1429 log: function (gf, name, address, zip, email, phone) { 1430 console.log(`${gf}, ${name}, ${address}, ${zip}, ${email}, ${phone}`); 1431 var id = Date.now(); 1432 gator.logEvent(gf, { 1433 address, 1434 email, // is there a reason this isn't being logged? 1435 id, 1436 name, 1437 phone, 1438 zip, 1439 }); 1440 }, 1441 }; 1442 </script>
1442 1443
1443<script> 1444 gator.logPageview(); 1445 </script>
1445 1446
1447<script> 1448 (function (g, e, n, es, ys, m, xg) { 1449 g['_genesysJs'] = e; 1450 g[e] = g[e] || function () { 1451 (g[e].q = g[e].q || []).push(arguments) 1452 }; 1453 g[e].t = 1 * new Date(); 1454 g[e].c = es; 1455 ys = document.createElement('script'); ys.async = 1; ys.src = n; ys.charset = 'utf-8'; document.head.appendChild(ys); 1456 xg = document.createElement('script'); xg.async = 1; xg.src = m; xg.charset = 'utf-8'; document.body.appendChild(xg); 1457 })(window, 'Genesys', 'https://apps.usw2.pure.cloud/genesys-bootstrap/genesys.min.js', { 1458 environment: 'prod-usw2', 1459 deploymentId: 'af2865eb-9250-4c8d-be8d-13b4e7e5e693' 1460 }, 1461 '', '/assets/dist/js/genesys-mxg-manager.min.js?cache=04302026' 1462 ); 1463</script>
1463
1463<script>
vendor: 152 bytes, lines 1463-1466
1463 1464 (function(h,o,t,j,a,r){ 1465 h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; 1466 h._hjSettings={hjid:
14662374119
vendor: 312 bytes, lines 1466-1472
1466,hjsv:6}; 1467 a=o.getElementsByTagName('head')[0]; 1468 r=o.createElement('script');r.async=1; 1469 r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; 1470 a.appendChild(r); 1471 })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); 1472
1472</script>
1472 1473
1473<script> 1474 var _kmq = _kmq || []; 1475 var _kmk = _kmk || '42be80a0d2c39ebe60058c7fe1c64db0a7b99016'; 1476 function _kms(u) { 1477 setTimeout(function () { 1478 var d = document, f = d.getElementsByTagName('script')[0], 1479 s = d.createElement('script'); 1480 s.type = 'text/javascript'; s.async = true; s.src = u; 1481 f.parentNode.insertBefore(s, f); 1482 }, 1); 1483 } 1484 _kms('//i.kissmetrics.com/i.js'); 1485 _kms('//scripts.kissmetrics.com/' + _kmk + '.2.js'); 1486 </script>
vendor: 2 bytes, line 1486
1486
1487<script async src=https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=L2S3bd></script>
1487
1487<script async src='https://tag.simpli.fi/sifitag/d0c04114-5f1d-4bdd-b7aa-64c19734b09d'></script>
1487 1488 <!-- Eicoff run on all pages --> 1489
1490<script> 1491 // console.log('pebble!'); 1492 window._pp = window._pp || []; 1493 _pp.brid = "2631"; 1494 _pp.brcid = ""; 1495 _pp.sessionId = ""; 1496 _pp.email = ""; 1497 _pp.offerCode = ""; 1498 _pp.orderValue = ""; 1499 _pp.orderId = ""; 1500</script>
vendor: 2 bytes, line 1500
1500
1501<script> 1502 (function () { 1503 var ppjs = document.createElement('script'); 1504 ppjs.type = 'text/javascript'; 1505 ppjs.async = true; 1506 ppjs.src = ('https:' == document.location.protocol ? 'https:' : 'http:') + '//cdn.pbbl.co/r/' + _pp.brid + '.js'; 1507 var s = document.getElementsByTagName('script')[0]; 1508 s.parentNode.insertBefore(ppjs, s); 1509 })(); 1510</script>
1510 1511 1512
1512<script> 1513 gaEcommerceEvent.viewItemList('Outdoor Products'); 1514 </script>
1514 1515 1516</body> 1517</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.