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: 'a31fvsd5bshbmodlva4sxhat', 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>Checkout Cart | SunSetter</title> 49 <meta name="description" content="Ready to improve your outdoor living space with SunSetter? Checkout your favorite SunSetter products here and start outdoor living your best life." /> 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="Checkout Cart | SunSetter" /> 54 <meta property="og:description" content="Ready to improve your outdoor living space with SunSetter? Checkout your favorite SunSetter products here and start outdoor living your best life." /> 55 <meta property="og:url" content="https://www.sunsetter.com/co/cart/" /> 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/co/cart/" /> 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 <div class="heading-sm pb-4"> 254 <a href="/co/cart/">Cart</a> 255 </div> 256 <div class="mini-cart-details"> 257 <div class="body-md empty-cart-message mt-3">You're currently checking out, please refer to the cart in your order summary.</div> 258 </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 <div class="heading-sm pb-4"> 487 <a href="/co/cart/">Cart</a> 488 </div> 489 <div class="mini-cart-details"> 490 <div class="body-md empty-cart-message mt-3">You're currently checking out, please refer to the cart in your order summary.</div> 491 </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 976 977 978 979 980 981<div> 982<div class="block contentcontainerblock "><div class="container lg-container mb-20 mt-0"> 983 <h1 class="heading-xl">Your Shopping Cart</h1> 984</div></div></div> 985 986<div class="container-lg mb-60"> 987 <div class="row"> 988 <div class="col-12 col-sm-3 d-none d-sm-block"> 989 <h2 class="heading-xxs">Steps to Purchase</h2> 990 <hr class="hr-gray"> 991 <ul class="checkout-nav"> 992 <li> 993 <a href="/co/view-awning-pricing/" class="heading-sm text-dark-blue is-active">Build & Price Your Awning</a> 994 </li> 995 <li> 996 <a href="/cm/awning-accessories/" class="heading-sm text-dark-blue">Choose Accessories</a> 997 </li> 998 <li> 999 <a href="/co/checkout/" class="heading-sm text-dark-blue">Secure Checkout</a> 1000 </li> 1001 1002 1003 </ul> 1004 <hr class="hr-gray"> 1005 <a href="/" class="button-light-blue-sm mt-3">View All Models</a> 1006 1007 1008 </div> 1009 <div class="col-12 col-sm-9 mt-5 mt-sm-0"> 1010 1011<div class="table-responsive table-shopping-cart large-cart"> 1012 <table class="table table-bordered table-striped"> 1013 <thead> 1014 <tr class="heading-xxs text-black"> 1015 <th scope="col" class="col-auto">QTY</th> 1016 <th scope="col" class="col-5">Item Description</th> 1017 <th scope="col" class="col-auto">Unit Price</th> 1018 <th scope="col" class="col-auto">Unit Shipping</th> 1019 <th scope="col" class="col-auto">Total Price</th> 1020 <th scope="col" class="col-auto">Total Shipping</th> 1021 </tr> 1022 </thead> 1023 <tbody class="body-md"> 1024 </tbody> 1025 </table> 1026</div> <div class="d-flex justify-content-end"> 1027 <a href="/" class="button-white-lg mt-5 mr-5 align-self-start">Continue Shopping</a> 1028 <a href="/co/checkout/" class="button-light-yellow-lg mt-5 align-self-start">Secure Checkout</a> 1029 </div> 1030 <h2 class="heading-sm pt-5 pb-4">Many Convenient Ways to Buy:</h2> 1031 <div class="cc-icons d-flex flex-row align-items-center"> 1032 <div class="icon icon-payment-plan pr-4"> 1033 <img src="/assets/dist/images/ui/cc-logo-5-payment-plan.svg" alt="Deferred 5 Payment Plan"> 1034 </div> 1035 <div class="icon icon-visa pr-4"> 1036 <img src="/assets/dist/images/ui/cc-logo-visa.svg" alt="Visa"> 1037 </div> 1038 <div class="icon icon-mastercard pr-4"> 1039 <img src="/assets/dist/images/ui/cc-logo-mastercard.svg" alt="MasterCard"> 1040 </div> 1041 <div class="icon icon-amex pr-4"> 1042 <img src="/assets/dist/images/ui/cc-logo-amex.svg" alt="American Express"> 1043 </div> 1044 <div class="icon icon-discover pr-4"> 1045 <img src="/assets/dist/images/ui/cc-logo-discover.svg" alt="Discover"> 1046 </div> 1047 </div> 1048 </div> 1049 </div> 1050</div> 1051 </main> 1052 1053 1054<footer class="footer sticky-footer"> 1055 <div class="footer-ctas-wrap"> 1056 <div class="container"> 1057 <!--<div class="row"> 1058 <div class="col-12 px-0">--> 1059 <ul class="footer-ctas d-flex flex-column flex-xs-row flex-wrap justify-content-center justify-content-lg-between" role="menu"> 1060 <li role="menuitem"> 1061 <a href="/cm/free-awning-info-kit/" >Free Info Kit & Savings Certificate</a> 1062 </li> 1063 <li role="menuitem"> 1064 <a href="/cm/find-a-dealer/" >Find a SunSetter Dealer Near You</a> 1065 </li> 1066 <li role="menuitem"> 1067 <a href="/cm/free-awning-swatches/" >Free Swatches</a> 1068 </li> 1069 <li role="menuitem"> 1070 <a href="/cm/owner-reviews/" >Read Owner Reviews</a> 1071 </li> 1072 <li role="menuitem"> 1073 <a href="/cm/become-a-dealer/" >Become a Dealer</a> 1074 </li> 1075 </ul> 1076 <!--</div> 1077 </div>--> 1078 </div> 1079 </div> 1080 <div class="bg-dark-gray-05"> 1081 <div class="container"> 1082 <div class="row"> 1083 <div class="bg-dark-blue col-12 col-md-auto order-2 order-md-1"> 1084 <div class="footer-contact d-flex flex-row flex-md-column justify-content-between mb-3 mb-md-0"> 1085 <div> 1086 <address class="body-md text-white">
1087 <span class="header-link-footer">SunSetter Products</span> 7549 Graber Road<br />Middleton, WI 53562 1088 </address> 1089 <a class="body-md text-white sst-phone-number" href="tel:1-800-876-2340"> 1090 <strong class="sst-phone-number">1-800-876-2340</strong> 1091 </a> 1092 </div> 1093 <ul class="footer-socials flex-row col-6 col-md-12 pr-0 px-md-0" role="menu"> 1094 <li class="link-icon" role="menuitem"> 1095 <a href="/goto-facebook" class="footer-icon-facebook" target=_blank> 1096 <img alt="Facebook" src="/siteassets/assets/images/ui/icon-social-facebook.svg" /> 1097 </a> 1098 </li> 1099 <li class="link-icon ml-3" role="menuitem"> 1100 <a href="https://www.instagram.com/sunsetterproducts/" class="footer-icon-instagram" target=_blank> 1101 <img alt="Instagram" src="/siteassets/assets/images/ui/icon-social-instagram.svg" /> 1102 </a> 1103 </li> 1104 <li class="link-icon ml-3" role="menuitem"> 1105 <a href="https://www.youtube.com/@SunSetterProducts" class="footer-icon-" target=_blank> 1106 <img alt="YouTube" src="/siteassets/assets/images/ui/icon-social-youtube.svg" /> 1107 </a> 1108 </li> 1109 <li class="link-icon ml-3" role="menuitem"> 1110 <a href="https://www.pinterest.com/SunSetterProducts/" class="footer-icon-" target=_blank> 1111 <img alt="Pinterest" src="/siteassets/assets/images/ui/icon-social-pinterest.svg" /> 1112 </a> 1113 </li> 1114 </ul> 1115 </div> 1116 </div> 1117 <div class="link-footer-wrap col-12 col-md d-flex flex-row flex-wrap order-1 order-md-2" > 1118 <ul class="col-6 col-md-3 pb-3" role="menu" > 1119 <li class="header-link-footer" role="menuitem" >Our Company</li> 1120 <li class="sst-ft-mi" role="menuitem" > 1121 <a href="/cm/about/" >About Us</a> 1122 </li> 1123 <li class="sst-ft-mi" role="menuitem" > 1124 <a href="/cm/sunsetter-quality/" >SunSetter Quality</a> 1125 </li> 1126 <li class="sst-ft-mi" role="menuitem" > 1127 <a href="/cm/sunsetter-blog/" >Our Blog</a> 1128 </li> 1129 <li class="sst-ft-mi" role="menuitem" > 1130 <a href="/cm/video-gallery/" >Watch Our Videos</a> 1131 </li> 1132 <li class="sst-ft-mi" role="menuitem" > 1133 <a href="https://careers-sunsetter.icims.com/jobs/intro?hashed=-435626302" target=_blank>Careers</a> 1134 </li> 1135 <li role="menuitem" class="sst-ft-mi"> 1136 <a href="/cm/media-inquiries/">Media Inquiries</a> 1137 </li> 1138 </ul> 1139 <ul class="col-6 col-md-3 pb-3" role="menu" > 1140 <li class="header-link-footer" role="menuitem" >Products</li> 1141 <li role="menuitem" class="sst-ft-mi"> 1142 <a href="/c/awnings/">Awnings</a> 1143 </li> 1144 <li role="menuitem" class="sst-ft-mi"> 1145 <a href="/c/retractable-screens/">Retractable Screens</a> 1146 </li> 1147 <li role="menuitem" class="sst-ft-mi"> 1148 <a href="/cm/awning-accessories/">Awning Accessories</a> 1149 </li> 1150 <li role="menuitem" class="sst-ft-mi"> 1151 <a href="/c/outdoor-products/">Outdoor Products</a> 1152 </li> 1153 </ul> 1154 <ul class="col-6 col-md-3 pb-3" role="menu" > 1155 <li class="header-link-footer" role="menuitem" >Customer Service</li> 1156 <li class="sst-ft-mi" role="menuitem" > 1157 <a href="/oc/ocloginnew/" target=_blank>Order Status</a> 1158 </li> 1159 <li class="sst-ft-mi" role="menuitem" > 1160 <a href="/cm/warranty/" >Warranty Information</a> 1161 </li> 1162 <li role="menuitem" class="sst-ft-mi"> 1163 <a href="/cm/payment-plans/">Payment Plans</a> 1164 </li> 1165 <li class="sst-ft-mi" role="menuitem" > 1166 <a href="/cs/installationassistance/" target=_blank>Technical Assistance</a> 1167 </li> 1168 <li class="sst-ft-mi" role="menuitem" > 1169 <a href="/cm/safety-clips/" >Recall Information</a> 1170 </li> 1171 <li class="sst-ft-mi" role="menuitem" > 1172 <a href="/cs/homepage/" >Contact Us</a> 1173 </li> 1174 </ul> 1175 <ul class="col-6 col-md-3 pb-3" role="menu" > 1176 <li class="header-link-footer" role="menuitem" >Owner's Corner</li> 1177 <li class="sst-ft-mi" role="menuitem"> 1178 <a class="button-dark-blue-sm" href="/oc/ocloginnew/">Log In</a> 1179 </li> 1180 </ul> 1181 </div> 1182 </div> 1183 </div> 1184 </div> 1185 <div class="d-none d-sm-flex py-4" style="justify-content: space-evenly; align-items: baseline;"> 1186 <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> 1187 <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> 1188 <a href="https://sunsetterproducts.caddetails.com/" target="_blank"> <img src="https://www.sunsetter.com/globalassets/assets/images/caddetails.png" alt="CADdetail
1188s" style="padding-bottom:15px;max-width:160px"> </a> 1189 <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> 1190 <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> 1191 <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> 1192</div> 1193 1194 1195 <div class="bg-dark-blue"> 1196 <div class="container"> 1197 <div class="row"> 1198 <div class="copyright col pb-3"> 1199<p class="body-xs py-3">Photos are for inspiration only. Not all product configurations are available in all countries.</p> 1200 <div class="d-flex flex-column flex-md-row justify-content-md-center align-items-md-center"> 1201 <p class="body-sm mr-lg-5 pr-sm-5"> 1202 <span>© 2026 SunSetter Products. All Rights Reserved. All trademarks are owned by SunSetter.</span> 1203 <span class="copyright-links mt-1 mt-md-0"> 1204 <a class="pl-0 pr-4 pl-md-5 pr-md-0" href="/cm/privacy/"><strong>Privacy & Security</strong></a> 1205 <a class="pl-0 pr-4 pl-md-5 pr-md-0" href="/cm/ccpa-privacy-notice/"><strong>CCPA Policy</strong></a> 1206 <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> 1207 </span> 1208 </p> 1209 </div> 1210 </div> 1211 </div> 1212 </div> 1213 </div> 1214</footer> 1215 1216<style> 1217 .sst-ft-mi { 1218 min-height:24px; 1219 } 1220</style> </div> 1221
1221<script> 1222 var desktopPhone = '1-800-876-2340'; 1223 var mobilePhone = '1-800-876-2340'; 1224 var sitePopupsEnabled = true; 1225 </script>
1225 1226
1226<script src="/assets/dist/js/polyfill.min.js?cache=04302026" id="polyfill-script"></script>
1226 1227
1227<script src="/assets/dist/js/app.min.js?cache=04302026"></script>
1227 1228
1228<script src="/assets/dist/js/optimizely-experiment-api.min.js?cache=04302026"></script>
1228 1229
1229<script> 1230 var isRetractableScreenPage = window.location.href.indexOf('/retractable-screens') !== -1 || window.location.href.indexOf('/easyscreens') !== -1; 1231 var isEasyShadesPage = window.location.href.indexOf('/easyshades') !== -1; 1232 if (isRetractableScreenPage) { 1233 1234 [].map.call(document.querySelectorAll('.primary-item-get-pricing a'), function (link) { 1235 link.href = '/cm/retractable-screens/get-estimate/'; 1236 }); 1237 } else if (isEasyShadesPage) { 1238 [].map.call(document.querySelectorAll('.primary-item-get-pricing a'), function (link) { 1239 link.href = '/cm/easyshades/pricing-and-order/'; 1240 }); 1241 } 1242 </script>
1242 1243 1244 1245
1245<script> 1246 if (!Aggregator) { 1247 var Aggregator = function (o) { 1248 var d = document, p = Aggregator.prototype; this.options = o; this.q = []; d.cookie = '__na_c=1'; p.p = function (c) { 1249 return function () { 1250 this.q.push([c, arguments]) 1251 } 1252 }; p.setPerson = p.p(4, arguments); p.logEvent = p.p(0, arguments); p.logPageview = p.p(1, arguments); 1253 p.ready = p.p(2, arguments); p.logOutbound = p.p(3, arguments); p.updatePerson = p.p(5, arguments); p.updateSession = p.p(6, arguments); 1254 p.updateEvent = p.p(7, arguments); p.push = p.p(8, arguments); var s = d.createElement('script'); s.type = 'text/javascript'; 1255 s.async = true; (function (i) { 1256 s.onreadystatechange = function () { if (s.readyState == 'loaded' || s.readyState == 'complete') { i.run(); } }; 1257 s.onload = function () { i.run(); } 1258 })(this); e = location.protocol == 'https:'; s.src = 'http' + (e ? 's://' : '://') + 1259 (e && navigator.userAgent.indexOf('MSIE') > -1 ? 'a-{0}.gatorapi.com' : 'a-{0}.scripts.gatorapi.com').replace('{0}', o.projectId) + 1260 '/web?t=' + Math.floor((new Date() * .00001) / 36); var e = d.getElementsByTagName('script')[0]; e.parentNode.insertBefore(s, e); 1261 } 1262 } 1263 if (!gator) { 1264 var gator = new Aggregator({ 1265 "projectId": "53999616" 1266 }); 1267 } 1268 var gatorApi = { 1269 log: function (gf, name, address, zip, email, phone) { 1270 console.log(`${gf}, ${name}, ${address}, ${zip}, ${email}, ${phone}`); 1271 var id = Date.now(); 1272 gator.logEvent(gf, { 1273 address, 1274 email, // is there a reason this isn't being logged? 1275 id, 1276 name, 1277 phone, 1278 zip, 1279 }); 1280 }, 1281 }; 1282 </script>
1282 1283
1283<script> 1284 gator.logPageview(); 1285 </script>
1285 1286
1287<script> 1288 (function (g, e, n, es, ys, m, xg) { 1289 g['_genesysJs'] = e; 1290 g[e] = g[e] || function () { 1291 (g[e].q = g[e].q || []).push(arguments) 1292 }; 1293 g[e].t = 1 * new Date(); 1294 g[e].c = es; 1295 ys = document.createElement('script'); ys.async = 1; ys.src = n; ys.charset = 'utf-8'; document.head.appendChild(ys); 1296 xg = document.createElement('script'); xg.async = 1; xg.src = m; xg.charset = 'utf-8'; document.body.appendChild(xg); 1297 })(window, 'Genesys', 'https://apps.usw2.pure.cloud/genesys-bootstrap/genesys.min.js', { 1298 environment: 'prod-usw2', 1299 deploymentId: 'af2865eb-9250-4c8d-be8d-13b4e7e5e693' 1300 }, 1301 '', '/assets/dist/js/genesys-mxg-manager.min.js?cache=04302026' 1302 ); 1303</script>
1303
1303<script>
vendor: 152 bytes, lines 1303-1306
1303 1304 (function(h,o,t,j,a,r){ 1305 h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; 1306 h._hjSettings={hjid:
13062374119
vendor: 312 bytes, lines 1306-1312
1306,hjsv:6}; 1307 a=o.getElementsByTagName('head')[0]; 1308 r=o.createElement('script');r.async=1; 1309 r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; 1310 a.appendChild(r); 1311 })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); 1312
1312</script>
1312 1313
1313<script> 1314 var _kmq = _kmq || []; 1315 var _kmk = _kmk || '42be80a0d2c39ebe60058c7fe1c64db0a7b99016'; 1316 function _kms(u) { 1317 setTimeout(function () { 1318 var d = document, f = d.getElementsByTagName('script')[0], 1319 s = d.createElement('script'); 1320 s.type = 'text/javascript'; s.async = true; s.src = u; 1321 f.parentNode.insertBefore(s, f); 1322 }, 1); 1323 } 1324 _kms('//i.kissmetrics.com/i.js'); 1325 _kms('//scripts.kissmetrics.com/' + _kmk + '.2.js'); 1326 </script>
vendor: 2 bytes, line 1326
1326
1327<script async src=https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=L2S3bd></script>
1327
1327<script async src='https://tag.simpli.fi/sifitag/d0c04114-5f1d-4bdd-b7aa-64c19734b09d'></script>
1327 1328 <!-- Eicoff run on all pages --> 1329
1330<script> 1331 // console.log('pebble!'); 1332 window._pp = window._pp || []; 1333 _pp.brid = "2631"; 1334 _pp.brcid = ""; 1335 _pp.sessionId = ""; 1336 _pp.email = ""; 1337 _pp.offerCode = ""; 1338 _pp.orderValue = ""; 1339 _pp.orderId = ""; 1340</script>
1340 1341
1341<script> 1342 _pp.sessionId = "149719875"; 1343 _pp.email = ""; 1344 </script>
vendor: 2 bytes, line 1344
1344
1345<script> 1346 (function () { 1347 var ppjs = document.createElement('script'); 1348 ppjs.type = 'text/javascript'; 1349 ppjs.async = true; 1350 ppjs.src = ('https:' == document.location.protocol ? 'https:' : 'http:') + '//cdn.pbbl.co/r/' + _pp.brid + '.js'; 1351 var s = document.getElementsByTagName('script')[0]; 1352 s.parentNode.insertBefore(ppjs, s); 1353 })(); 1354</script>
1354 1355 1356
1356<script> 1357 gaEcommerceEvent.viewCart(); 1358 1359 var updateCart = function (url) { 1360 var request = new XMLHttpRequest(); 1361 request.open('POST', url); 1362 request.onload = function () { 1363 if (request.status >= 200 && request.status < 400) { 1364 var responseData = JSON.parse(request.responseText); 1365 if (responseData.success) { 1366 location.reload(); 1367 } else { 1368 alert(responseData.msg); 1369 } 1370 } 1371 }; 1372 request.send(); 1373 }; 1374 1375 var btnSelectors = '.large-cart .cart-remove-btn, .large-cart .cart-add-btn'; 1376 var addToCartBtns = document.querySelectorAll(btnSelectors); 1377 [].map.call(addToCartBtns, function (btn) { 1378 btn.addEventListener('click', function () { 1379 var itemNo = btn.getAttribute('data-itemno'); 1380 var isAddToCart = btn.classList.contains('cart-add-btn'); 1381 var isRemoveFromCart = btn.classList.contains('cart-remove-btn'); 1382 if (isAddToCart) { 1383 var qty = parseInt(btn.getAttribute('data-qty'), 10); 1384 qty = qty >= 1 ? qty + 1 : 1; 1385 var url = 'UpdateOrderLineItem?itemNo=' + itemNo + '&qty=' + qty; 1386 window.addToEpiCart(itemNo) 1387 .then( 1388 function () { 1389 updateCart(url); 1390 }, 1391 function () { 1392 updateCart(url); 1393 } 1394 ); 1395 } 1396 if (isRemoveFromCart) { 1397 if (confirm('Are you sure you want to remove this item from the cart?')) { 1398 var url = 'DeleteOrderLineItem?itemNo=' + itemNo; 1399 window.removeFromEpiCart(itemNo) 1400 .then( 1401 function () { 1402 updateCart(url); 1403 }, 1404 function () { 1405 updateCart(url); 1406 } 1407 ); 1408 } 1409 } 1410 }) 1411 }); 1412 </script>
1412 1413 1414</body> 1415</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.