CINXE.COM
Shop ANA
<!DOCTYPE html> <html class="no-js" lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1" /> <!-- Google Tag Manager --> <script data-cfasync="false" type="text/javascript"> window.znodeDataLayer = window.znodeDataLayer || []; </script> <script data-cfasync="false" type="text/javascript"> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window, document, 'script', 'znodeDataLayer', 'GTM-NMD29927'); </script> <!-- End Google Tag Manager --> <title>Shop ANA</title> <link href="https://summitstoragez.blob.core.windows.net:443/prod/157bfffa-3f7c-47dc-b577-dd751f2b4bcfANA.Flame.Logo.ico" rel="shortcut icon" type="image/x-icon" onerror="this.onerror = null; this.src = 'favicon.ico'"> <meta name="description" content="American Nurses Association Shop" /> <meta name="keywords" content=""> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="robots" content="" /> <link rel="canonical" href="https://www.shopana.org/" /> <link href="/Views/Themes/SMTBranded/Content/bootstrap-4.1.0/bootstrap.css" rel="stylesheet" async /> <link href="/Views/Themes/SMTBranded/Content/css/ANA2025.css?v=20250327.1x1" rel="stylesheet" /> <link rel="stylesheet" href="/Content/Fontawesome/css/fontawesome.css"> <link rel="stylesheet" href="/Content/Fontawesome/css/solid.css"> <link rel="stylesheet" href="/Content/Fontawesome/css/regular.css"> <script src="/bundles/jquery?v=F98QkoOhWatWoZudbQ2zkjusisRw-76EP-Yzl6b4fN01"></script> <style> .pt-2 {padding-top: 0rem !important;} .mt-1 {margin-top: 0rem !important;} .footer .footer-block a {color: #fff;} .SignUpLabel label {color: #ffffff; } .btnAddToCart button { color: #fff; background-color: #C62F14; } .footer .footer-block .footer-header {font-weight: bold; text-transform: uppercase;} .navigation .mobile-nav-btn {background:#ffffff;} header .header .hamburger-icon {color: #206E6A;} .navigation .mobile-nav-btn { background-color: transparent; border: 0; padding: 0 15px; cursor: pointer; color:#ffffff; } @media (max-width: 991px) { .cart-btn {background-color: transparent !important; border: none;} .cart-icon {color: #206E6A !important; background: transparent !important; border: none;} .navigation {background: #ffffff; border-color: #ffffff;} header .header .hamburger-icon {color: #206E6A;} } .home-slider .slider .item a {background-color: #ffffff;} .product-list-widget .b2b-products .product-item .view-item .title { color: #000000 !important; font-weight: bold; } .product-list-widget .b2b-products .product-item .view-item .title:hover { color: #206E6A !important; font-weight: bold; } .btn-quick-view { text-transform: uppercase; background-color: #ffffff; color: #009CDE; font-weight: bold; border-color: #009CDE; letter-spacing: 0px; } .social-media-icons .link-panel-widget a img {min-width: 40px !important;} .navigation .parent-nav .major-cat {font-weight: bold;} .parent-nav .dropdown-menu .dropdown-item {text-transform: initial;} .navigation { background: #206E6A;} .navigation .parent-nav .major-cat:hover { border-color: #A8CAC4;} .navigation .parent-nav > li:hover, .navigation .parent-nav > li:active, .navigation .link-panel-widget > li:hover, .navigation .link-panel-widget > li:active { color: #A8CAC4; border-color: #A8CAC4;} .footer { background-color: #193E4B;} .footer-copyright { background: #206E6A;} .btn-primary { background: #1a3e4b !important; background-color: #1a3e4b !important; border-color: #1a3e4b; color: #fff; letter-spacing: 0px; font-weight: bold; text-transform: uppercase;} .btn-primary:hover, .btn-primary:focus {background: #00bda5 !important; background-color: #00bda5 !important; border-color: #00bda5 !important; color: #fff !important; letter-spacing: 0px; font-weight: bold; text-transform: uppercase;} .btn-hero {background: #1a3e4b; background-color: #1a3e4b !important; border-color: #1a3e4b; color: #fff; letter-spacing: 0px; font-weight: bold; text-transform: uppercase;} .btn-hero:hover, .btn-hero:focus {background: #fff; background-color: #fff !important; border-color: #fff; color: #1a3e4b; letter-spacing: 0px; font-weight: bold; text-transform: uppercase;} .btn-secondary { background: transparent !important; background-color: transparent !important; border-color: #143743; color: #143743; letter-spacing: 0px; font-weight: bold; text-transform: uppercase;} .btn-secondary:hover, .btn-secondary:focus { background: transparent !important; background-color: transparent !important; border-color: #019686; color: #019686; letter-spacing: 0px; font-weight: bold; text-transform: uppercase;} .cart-btn { color: #fff; background-color: #206E6A; border-color: #206E6A; letter-spacing: 0px; font-weight: bold; text-transform: uppercase;} .cart-btn:hover, .cart-btn:focus { color: #fff; background-color: #00bda5; border-color: #00bda5; letter-spacing: 0px; font-weight: bold; text-transform: uppercase;} .header-btn a { color: #206E6A;} .parent-nav .dropdown-menu .dropdown-item { padding: 10px 10px; color: #fff; background-color: rgba(32, 110, 106, 0.7);} .parent-nav .dropdown-menu .dropdown-item:hover { color: #143743; background: #A8CAC4;} #newslettererrormessage {color:#fff; font-weight: bold;} .social-media-icons .link-panel-widget a img {min-width: 40px !important;} .navigation .parent-nav .major-cat {font-weight: bold;} .mobile-navigation ul a {color: #000;} #btnNewsLetterSignUp.btn-primary { background: #00bda5; background-color: #00bda5 !important; border-color: #00bda5; color: #193E4B;} .product-list-widget .b2b-products .product-item .view-item .product-sku { color: #000;} .parent-nav .dropdown-menu .dropdown-item {text-transform: initial;} </style> <script src="/Views/Themes/SMTBranded/Content/bootstrap-4.1.0/js/popper.min.js" async></script> <script src="/Views/Themes/SMTBranded/Content/bootstrap-4.1.0/js/bootstrap.min.js" async></script> <script src="/Views/Themes/SMTBranded/Scripts/lib/event.min.js"></script> <script language="JavaScript"> window.addEventListener('message', function (event) { if (event != undefined && event.data != undefined && event.data.toString().indexOf("framebus") === -1) { // To avoid console error related to framebus when we do Payment against Braintree if (event.data != 'recaptcha-setup') { var token = JSON.parse(event.data); Checkout.prototype.CardConnectPayment(token); } } }, false); </script> <script src="/Scripts/SMTCookieConsent/SMTCookieConsent.min.js"></script> <link rel="stylesheet" type="text/css" href="/Scripts/SMTCookieConsent/SMTCookieConsent.min.css" /> <script> $(document).ready(function () { window.cookieconsent.initialise({ "palette": { "popup": { "background": "#000" }, "button": { "background": "#ffffff" } }, "theme": "classic", "content": { "message": "This website uses temporary cookies to ensure you get the best experience possible.", "href": "https://static.summitmg.com/w3c/privacy.htm" } }) }); </script> <script> // Wait for the page to load and then set aria-hidden="true" on the g-recaptcha-response input window.onload = function () { let recaptchaResponseElement = document.querySelector('textarea[name="g-recaptcha-response"]'); if (recaptchaResponseElement) { recaptchaResponseElement.setAttribute("aria-hidden", "true"); } }; </script> </head> <body id="Home" class="Index" data-controller="Home.SMTHome" data-view="Index"> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NMD29927" title="Store Analytics" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <div id="layout" class="wrapper"> <div id="addToCartNotification" class="AddToCartBlock" aria-live="polite"></div> <!--Header Widgets--> <header> <z-widget> <div class="SMTGlobalMessage" id="SMTGlobalMessage"> <div></div> <div><div width="100%" style="background-color: #ebebe9; padding: 0.3em; margin: 0px; text-align: center;"><span style="font-size: 1em; color: #000000; padding: 8px; text-align: right;">If your organization is tax-exempt, please complete your registration on our site and email your seller鈥檚 permit and username to Customer Support.<br>Once your permit is validated, your account will be updated to tax-exempt status, and you can proceed with your purchase. <br>Please ensure this step is completed before placing your order. Thank you for your cooperation!</span></div></div> </div> <div class="container header"> <!--Start Skip Navigation--> <a href="#layout-content" class="skip-nav">Skip to content</a> <!--End Skip Navigation--> <div class="row align-items-center" style="z-index: 1;"> <div class="site-logo order-2 order-lg-1"> <a href="/" class="header-logo"> <img src="https://summitstoragez.blob.core.windows.net:443/prod/5bb58507-884f-484b-bff5-caf16ebc86fcANA.Flame.Logo.png" alt="Shop ANA" class="img-fluid" /> </a> </div> <div class="col p-0 site-search order-3 order-lg-2"> <!--Search Widget--> <button class="mobile-search-btn d-md-none" alt="Search Icon" title="Search Icon" aria-label="Search Icon"><span class="search-icon"></span></button> <z-widget> <div class="search-widget-mobile d-md-none"> <div class="label-que smtTT">What can we help you find today?</div> <div class="d-flex flex-row justify-content-center align-items-center"> </div> </div> <div class="search-widget"> <form id="searchForm" action="/Search" method="GET"> <div class="col p-0"> <input Name="SearchTerm" aria_label="Search" class="typeahead" data-autocomplete-id-field="Id" data-autocomplete-url="/search/getsuggestions" data-onselect-function="Product.prototype.GetSuggestionResult" data_autocomplete_url="/search/getsuggestions" data_onselect_function="Product.prototype.GetSuggestionResult" data_test_selector="txtSearch" id="searchTextBox" minInputLength="3" name="Name" placeholder="Search" title="Search" type="text" value="" /> <button type="submit" class="b2b-search-btn search-icon" id="btnSearchTerm" data-test-selector="btnSearchTerm" aria-label="Search" value="search" alt="search"></button> <div id="suggestionList" class="search-history" style="display:none;"></div> </div> <div id="typeahead-results" class="ui-autocomplete-home"></div> </form> </div> <input type="hidden" id="isCategoryLinkClicked" value='false' /> <script> $(document).ready(function () { Search.prototype.ValidateSearch(); }); $("#searchTextBox").focus(function () { Search.prototype.ShowRememberedSearchTerms(); }); $(document).on("click", function (event) { Search.prototype.HideRememberedSearchTerms(event); }); $("#searchTextBox").keydown(function () { $("#suggestionList").hide(); }); $("#btnVoiceSearch").on("click", function () { if ($(this).hasClass("keyboard-icon")) { $(this).removeClass("keyboard-icon"); $(this).addClass("active"); VoiceRecognition.prototype.startRecording(false, 'en-US', function (convertedText) { $("#searchTextBox").val(convertedText); $("#searchForm").submit(); }); } else { $(this).removeClass("active"); $(this).addClass("keyboard-icon"); if (!false) { VoiceRecognition.prototype.stopRecording(); } } }); $(document).ready(function () { if ($(window).width() > 992) { $("#searchTextBox").hover(function () { closeNav(); }); } }); </script> </z-widget> </div> <div class="d-flex cart-btn-block justify-content-md-end order-6 order-lg-5 cart-button"> <a href="/cart" class="cart-btn align-self-center smtTT"> <div class="d-none d-lg-block">Cart | <span class="cartcount">0</span> items</div> <span class="cart-icon"></span> <span class="cartcount-mobile cartcount d-lg-none">0</span> </a> </div> <div class="w-100 d-none d-lg-block order-lg-5"></div> <div class="col p-0 d-flex navigation order-1 order-lg-6"> <button class="mobile-nav-btn d-lg-none" title="Navigation" onclick="openCat()" onfocus="openCat()"><span class="icon hamburger-icon"></span></button> <ul class="parent-nav mr-auto align-self-stretch d-block d-lg-none"> <li> <a href="JavaScript:void(0);" class="d-none d-lg-block shop" onclick="openNav('leftNav-cat')" onfocus="openNav('leftNav-cat')">SHOP DEPARTMENTS</a> </li> </ul> </div> <div id="my_account" class="d-flex site-login header-btn-block order-5 order-lg-4 justify-content-end header-nav-links ml-lg-auto"> <div data-target="#sign-in-nav" class="header-btn align-self-center loginStatus header-btn-txt accountmenus" id="btnSignIn"> <a href="/User/Login" alt="User Login" title="User Login"> <div class="d-none d-lg-block cut-text mb-3">Sign in | Register <span class="icon-user"></span></div><span class="profile-icon"></span> <script type="text/javascript"> $(document).click(function (e) { var container = $("#userNameDiv"); if (!container.is(e.target) && container.has(e.target).length === 0) { $("#accountMenusDiv .dropdown-menu").hide(); } }); </script> </a> </div> </div> </div> <div class="row"> <div class="mega-menu col-12 p-0" data-test-selector="divMegaMenu"> <div id="megaNav" class="sidenav" data-test-selector="divMegaNav"> <div id="catNav" class="catNav"> <div id="catAddNav"> <div class="d-flex justify-content-between d-lg-none header"> <span class="mb-0"> Categories Navigation </span> <span class="mb-0" onclick="closeCat()"> <i class="close-icon"></i> </span> </div> <ul> <li class="d-flex justify-content-between align-items-baseline" onclick="openNav('leftNav-cat')" onfocus="openNav('leftNav-cat')"> <a href="JavaScript:void(0);">Shop Department</a> <i class="ml-auto right-icon "></i> </li> <li> <z-widget> <ul class="link-panel-widget"> <li> <a href="https://www.nursingworld.org/ana/?__hstc=72176588.5c0e810466567bfdcefae681a32c972f.1708093968449.1708093968449.1709047436000.2&__hssc=72176588.2.1709047436000&__hsfp=1530836998" target="_blank" data-test-selector="linkInfoList">ANA</a> </li> <li> <a href="https://www.nursingworld.org/foundation/?__hstc=72176588.5c0e810466567bfdcefae681a32c972f.1708093968449.1708093968449.1709047436000.2&__hssc=72176588.2.1709047436000&__hsfp=1530836998" target="_blank" data-test-selector="linkInfoList">ANF</a> </li> <li> <a href="https://www.nursingworld.org/ancc/?__hstc=72176588.5c0e810466567bfdcefae681a32c972f.1708093968449.1708093968449.1709047436000.2&__hssc=72176588.2.1709047436000&__hsfp=1530836998" target="_blank" data-test-selector="linkInfoList">ANCC</a> </li> </ul> </z-widget> </li> </ul> </div> <div class="leftnav" id="leftnav" data-test-selector="divLeftNav"> <div id="leftNav-cat"> <div class="d-flex justify-content-between d-lg-none header"> <label class="mb-0"> Shop Departments </label> <label class="mb-0" onclick="closeAddNav()"> <i class="left-icon"></i> Back </label> </div> <div class="pt-4 pt-lg-0 scroll-list"> <div class="d-none d-lg-flex justify-content-between align-items-baseline col-icon"> <a href="/category/786" class="tablinks" onmouseover="openRightNav(event, 'Credentialing', 'onmouseover')" onfocus="openRightNav(event, 'Credentialing', 'onfocus')" data-test-selector="linkParentPage_Credentialing" tabindex="-1"> Credentialing </a> <i class="ml-auto right-icon " onclick="openRightNav(event, 'Credentialing', 'onclick')"></i> </div> <div class="d-flex d-lg-none justify-content-between align-items-baseline col-icon"> <a href="/category/786" class="tablinks" data-test-selector="linkParentPage_Credentialing" tabindex="-1"> Credentialing </a> <i class="ml-auto right-icon " onclick="openRightNav(event, 'Credentialing', 'onclick')"></i> </div> <div class="d-none d-lg-flex justify-content-between align-items-baseline col-icon"> <a href="/category/776" class="tablinks" onmouseover="openRightNav(event, 'LapelPins', '')" onfocus="openRightNav(event, 'LapelPins', '')" data-test-selector="linkParentPage_LapelPins" tabindex="-1"> Lapel Pins </a> </div> <div class="d-flex d-lg-none justify-content-between align-items-baseline col-icon"> <a href="/category/776" class="tablinks" data-test-selector="linkParentPage_LapelPins" tabindex="-1"> Lapel Pins </a> </div> <div class="d-none d-lg-flex justify-content-between align-items-baseline col-icon"> <a href="/category/778" class="tablinks" onmouseover="openRightNav(event, 'Office', '')" onfocus="openRightNav(event, 'Office', '')" data-test-selector="linkParentPage_Office" tabindex="-1"> Office </a> </div> <div class="d-flex d-lg-none justify-content-between align-items-baseline col-icon"> <a href="/category/778" class="tablinks" data-test-selector="linkParentPage_Office" tabindex="-1"> Office </a> </div> <div class="d-none d-lg-flex justify-content-between align-items-baseline col-icon"> <a href="/category/1380" class="tablinks" onmouseover="openRightNav(event, 'CertifiedNursesDay', '')" onfocus="openRightNav(event, 'CertifiedNursesDay', '')" data-test-selector="linkParentPage_CertifiedNursesDay" tabindex="-1"> Certified Nurses Day </a> </div> <div class="d-flex d-lg-none justify-content-between align-items-baseline col-icon"> <a href="/category/1380" class="tablinks" data-test-selector="linkParentPage_CertifiedNursesDay" tabindex="-1"> Certified Nurses Day </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row align-items-center d-none d-lg-block"> <div class="col p-0 d-flex navigation " id="navbar-collapse-nav"> <ul class="parent-nav mr-auto align-self-stretch"> <li class="major-cat"><a href="/" class="home-icon pr-2" title="Home"></a></li> <li class="major-cat" id="Nav786"> <a class="nav-link dropdown-toggle" href="/category/786" id="NavBarCat786" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="-1"> Credentialing</a> <ul class="dropdown-menu" aria-labelledby="NavBarCat786"> <li><a class="dropdown-item" href="https://www.shopana.org/category/783">Certification</a></li> <li class="dropdown"> <a class="dropdown-item" href="https://www.shopana.org/category/779"> <span class="left-icon"></span> Magnet <span class="right-icon"></span></a> <ul class="dropdown-menu"> <li> <a class="dropdown-item" href="https://www.shopana.org/category/833">Journey to Magnet</a> </li> <li> <a class="dropdown-item" href="https://www.shopana.org/category/781">Magnet Recognized</a> </li> </ul> </li> <li><a class="dropdown-item" href="https://www.shopana.org/category/1312">NCPD</a></li> <li class="dropdown"> <a class="dropdown-item" href="https://www.shopana.org/category/782"> <span class="left-icon"></span> Pathway <span class="right-icon"></span></a> <ul class="dropdown-menu"> <li> <a class="dropdown-item" href="https://www.shopana.org/category/1311">Journey to Pathway</a> </li> <li> <a class="dropdown-item" href="https://www.shopana.org/category/1314">Pathway Designated</a> </li> </ul> </li> <li class="dropdown"> <a class="dropdown-item" href="https://www.shopana.org/category/788"> <span class="left-icon"></span> PTAP <span class="right-icon"></span></a> <ul class="dropdown-menu"> <li> <a class="dropdown-item" href="https://www.shopana.org/category/853">Journey to PTAP</a> </li> <li> <a class="dropdown-item" href="https://www.shopana.org/category/1316">PTAP Accredited</a> </li> </ul> </li> </ul> </li> <li class="major-cat" id="Nav776"> <a class="nav-link dropdown-toggle" href="/category/776" id="NavBarCat776" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="-1"> Lapel Pins</a> <ul class="dropdown-menu" aria-labelledby="NavBarCat776"> </ul> </li> <li class="major-cat" id="Nav778"> <a class="nav-link dropdown-toggle" href="/category/778" id="NavBarCat778" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="-1"> Office</a> <ul class="dropdown-menu" aria-labelledby="NavBarCat778"> </ul> </li> <li class="major-cat" id="Nav1380"> <a class="nav-link dropdown-toggle" href="/category/1380" id="NavBarCat1380" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="-1"> Certified Nurses Day</a> <ul class="dropdown-menu" aria-labelledby="NavBarCat1380"> </ul> </li> </ul> <z-widget> <ul class="link-panel-widget"> <li> <a href="https://www.nursingworld.org/ana/?__hstc=72176588.5c0e810466567bfdcefae681a32c972f.1708093968449.1708093968449.1709047436000.2&__hssc=72176588.2.1709047436000&__hsfp=1530836998" target="_blank" data-test-selector="linkInfoList">ANA</a> </li> <li> <a href="https://www.nursingworld.org/foundation/?__hstc=72176588.5c0e810466567bfdcefae681a32c972f.1708093968449.1708093968449.1709047436000.2&__hssc=72176588.2.1709047436000&__hsfp=1530836998" target="_blank" data-test-selector="linkInfoList">ANF</a> </li> <li> <a href="https://www.nursingworld.org/ancc/?__hstc=72176588.5c0e810466567bfdcefae681a32c972f.1708093968449.1708093968449.1709047436000.2&__hssc=72176588.2.1709047436000&__hsfp=1530836998" target="_blank" data-test-selector="linkInfoList">ANCC</a> </li> </ul> </z-widget> <a data-test-selector="linkCategoryMenuNextItems" class="pt-2" href="javascript:void(0);" style="display:none" id="control_next" aria-label="Show Categories"><span class="icon hamburger-icon mr-2 "></span></a> <div class="extra-menu"> <ul id="others-menu" class="parent-nav" style="display:none"></ul> </div> </div> </div> <script> $(document).ready(function () { const $dropdownToggle = $(".dropdown-toggle"); const $dropdownMenu = $(".dropdown-menu"); const showClass = "show"; $('.parent-nav li').hover( function () { const $this = $(this); $this.addClass(showClass); $this.find($dropdownToggle).attr("aria-expanded", "true"); $this.find($dropdownMenu).first().addClass(showClass); }, function () { const $this = $(this); $this.removeClass(showClass); $this.find($dropdownToggle).attr("aria-expanded", "false"); $this.find($dropdownMenu).removeClass(showClass); } ); $(".parent-nav li").click(function () { var go_to_url = $(this).find(".nav-link").attr('href'); document.location.href = go_to_url; }); $("#control_next").click(function () { $("#others-menu").toggle(); }); $(".parent-nav li").on('mouseenter mouseleave', function (e) { var off = $(this).offset(), left = off.left, right = $(window).width() - left - $(this).width() if (right < 280 && $(this).find('.dropdown-menu').has('.dropdown-toggle').length) { $(this).not('.dropdown').addClass('edge'); } else { $(this).removeClass('edge'); } $('.dropdown-menu:not(:has(li))').hide(); }); }); </script> </div> <div class="side-nav-backdrop"></div> <div id="mobile-navigation" class="mobile-navigation side-nav nav-left" tabindex="-1"> <div class="col-12 text-right nav-header"> <a href="JavaScript:void(0);" aria-label="Close" class="CloseNav p-0 close-icon"></a> </div> <ul class="parent-nav mr-auto align-self-stretch py-3"> <li> <a data-target="#navigation" class="OpenMobileNav" href="JavaScript:void(0);">SHOP DEPARTMENTS</a> </li> <li> <z-widget> <ul class="link-panel-widget"> <li> <a href="https://www.nursingworld.org/ana/?__hstc=72176588.5c0e810466567bfdcefae681a32c972f.1708093968449.1708093968449.1709047436000.2&__hssc=72176588.2.1709047436000&__hsfp=1530836998" target="_blank" data-test-selector="linkInfoList">ANA</a> </li> <li> <a href="https://www.nursingworld.org/foundation/?__hstc=72176588.5c0e810466567bfdcefae681a32c972f.1708093968449.1708093968449.1709047436000.2&__hssc=72176588.2.1709047436000&__hsfp=1530836998" target="_blank" data-test-selector="linkInfoList">ANF</a> </li> <li> <a href="https://www.nursingworld.org/ancc/?__hstc=72176588.5c0e810466567bfdcefae681a32c972f.1708093968449.1708093968449.1709047436000.2&__hssc=72176588.2.1709047436000&__hsfp=1530836998" target="_blank" data-test-selector="linkInfoList">ANCC</a> </li> </ul> </z-widget> </li> </ul> </div> <div id="navigation" class="navigation side-nav nav-left"> <div class="col-12 text-right nav-header"> <a href="JavaScript:void(0);" aria-label="Close" class="CloseNav p-0 close-icon"></a> </div> <z-widget><div class="navigation-block" itemscope itemtype="https://schema.org/SiteNavigationElement"> <ul class="d-flex list-unstyled flex-column position-relative h-100 py-3"> <li class="main-nav-back-btn d-lg-none"><span class="left-icon"></span>Back</li> <li class="dropdown d-flex" data-test-selector="listCategories"> <a href="/category/785">Nurses Week</a> </li> <li class="dropdown d-flex" data-test-selector="listCategories"> <a href="/category/786">Credentialing</a> </li> <ul class="dropdown-menu side-nav nav-left py-3"> <li class="nav-back-btn" data-test-selector="listSubCategoriesBack"><span class="left-icon"></span>Back</li> <ul class="dropdown-menu"> <li> <a class="dropdown-item" href="https://www.shopana.org/category/783">Certification</a> </li> <li class="dropdown"> <a class="dropdown-item" href="https://www.shopana.org/category/779"><span class="left-icon"></span> Magnet <span class="right-icon"></span></a> <ul class="dropdown-menu"> <li> <a class="dropdown-item" href="https://www.shopana.org/category/833">Journey to Magnet</a> </li> <li> <a class="dropdown-item" href="https://www.shopana.org/category/781">Magnet Recognized</a> </li> </ul> </li> <li> <a class="dropdown-item" href="https://www.shopana.org/category/1312">NCPD</a> </li> <li class="dropdown"> <a class="dropdown-item" href="https://www.shopana.org/category/782"><span class="left-icon"></span> Pathway <span class="right-icon"></span></a> <ul class="dropdown-menu"> <li> <a class="dropdown-item" href="https://www.shopana.org/category/1311">Journey to Pathway</a> </li> <li> <a class="dropdown-item" href="https://www.shopana.org/category/1314">Pathway Designated</a> </li> </ul> </li> <li class="dropdown"> <a class="dropdown-item" href="https://www.shopana.org/category/788"><span class="left-icon"></span> PTAP <span class="right-icon"></span></a> <ul class="dropdown-menu"> <li> <a class="dropdown-item" href="https://www.shopana.org/category/853">Journey to PTAP</a> </li> <li> <a class="dropdown-item" href="https://www.shopana.org/category/1316">PTAP Accredited</a> </li> </ul> </li> </ul> </ul> <li class="dropdown d-flex" data-test-selector="listCategories"> <a href="/category/776">Lapel Pins</a> </li> <li class="dropdown d-flex" data-test-selector="listCategories"> <a href="/category/778">Office</a> </li> <li class="dropdown d-flex" data-test-selector="listCategories"> <a href="/category/1380">Certified Nurses Day</a> </li> </ul> </div> </z-widget> </div> <div id="sign-in-nav" class="side-nav nav-right"> </div> <script> if ($(".proxy-login-section").length > 0) { $('body').css("padding-top", "150px"); } // Calculate header height and add padding top to body Starts $("body").css('padding-top', $("header").height()); $(window).resize(function () { $("body").css('padding-top', $("header").height()); }); // Calculate header height and add padding top to body Ends // Start ADA Skip Nav Function $(document).ready(function () { $(".skip-nav").click(function (event) { var skipTo = "#" + this.href.split('#')[1]; $(skipTo).attr('tabindex', -1).on('blur focusout', function () { $(this).removeAttr('tabindex'); }).focus(); }); }); // End ADA Skip Nav Function </script> <script> $(document).ready(function () { $('.dropdown-menu > .dropdown > a').addClass('dropdown-toggle'); $('.dropdown-menu a.dropdown-toggle').on('mouseenter', function (e) { if (!$(this).next().hasClass('show')) { $(this).parents('.dropdown-menu').first().find('.show').removeClass("show"); } var $subMenu = $(this).next(".dropdown-menu"); $subMenu.toggleClass('show'); $(this).parents('li.nav-item.dropdown.show').on('hidden.bs.dropdown', function (e) { $('.dropdown-menu > .dropdown .show').removeClass("show"); }); return false; }); $(document).on('click', function (e) { e.stopPropagation(); $('.dropdown-menu').removeClass("show"); }); $('#navbar-collapse-nav z-widget').find('li').addClass('major-cat'); resetTopCategory(); }); function resetTopCategory() { const screenWidth = $(window).width(); if (screenWidth > 767) { var _containerWidth = $("#navbar-collapse-nav").width(); var _menuWidth = 0; var html = document.createElement("div"); let bufferSpace = 40; if (screenWidth > 767 && screenWidth < 1092) { bufferSpace = 80; } $("#navbar-collapse-nav .major-cat").each(function () { _menuWidth += $(this).width(); if (_menuWidth > (_containerWidth - bufferSpace)) { $(html).append($(this)); } if (_menuWidth < _containerWidth) { $("#navbar-collapse-nav .parent-nav").append($("#others-menu li:eq(0)")); } }); $("#others-menu").append($(html)); if ($('ul#others-menu li').length >= 1) { $("#control_next").show(); } } } </script> </z-widget> </header> <div id="layout-content" class="layout-min-height" role="main"> <div class="container-fluid" id="SuccessMessage"> </div> <div class="container-fluid"> <div class="row"> <!-- Notification Msg --> <div class="container-fluid"> <div class="row position-relative"> <div class="notification-msg col p-0" id="body"> <div class="messageBoxContainer" id="messageBoxContainerId" data-message=""></div> </div> </div> </div> </div> </div> <div class="container-fluid"> <div class="row"> <div id="layout-home" class="container-fluid"> <div class="row"> <!--Home Page Container Widget--> <!--Home Page Slider Widget--> <!--Advertisement Banner Widget--> <!--Home Page Container Widget--> <!--Home Page Container Widget--> <!--BestSelling Widget--> <!--Recommended Products Widget, will be displayed on home page--> <!-- 1. Full Slider --> <div class="container-fluid remove-if-empty"> <div class="row pt-2 mt-1"> <div class="col p-0 home-slider"> <!--Home Page Slider Widget--> <z-widget> <div id="top-slider" data-navigation="Dots" class="owl-carousel slider Top-Slider Full Width"> <div class="item active"> <a> <img src="https://summitstoragez.blob.core.windows.net:443/prod/0ffaa8af-a746-48a9-8956-6963464167c6ANA.HeroHeader.1L.png" alt="Banner image - " data-test-selector="imgMediaPath" /> <div class="carousel-caption Left Align"> <div class="d-none d-lg-block d-md-none"> <h1 style="max-width: 500px; font-size: 32px; letter-spacing: 0px; color: #1a3e4b; text-shadow: none;">Welcome to the American Nurses Enterprise Shop</h1> <p style="font-weight: bold; font-size: 15.5px; letter-spacing: 0px; color: #1a3e4b; text-shadow: none; max-width: 450px;">Welcome to the American Nurses Association online store, where you can find a wide range of resources and products designed to support your nursing career and enhance your professional development.</p> <div style="color: #ffffff;"><button class="btn btn-hero" onclick="window.location.href='/category/786'">SHOP NOW</button></div> </div> <div class="d-none d-md-block d-lg-none"> <h1 style="max-width: 200px; font-size: 25px; letter-spacing: 0px; color: #1a3e4b; text-shadow: none;">Welcome to the American Nurses Enterprise Shop</h1> <p style="font-weight: bold; font-size: 14px; letter-spacing: 0px; color: #1a3e4b; text-shadow: none; max-width: 200px;">Welcome to the American Nurses Association online store, where you can find a wide range of resources and products designed to support your nursing career and enhance your professional development.</p> <div><button class="btn btn-hero" onclick="window.location.href='/category/786'">SHOP NOW</button></div> </div> <div class="d-sm-none"> <div style="text-align: left;"> <h1 style="color: #1a3e4b; font-size: 22px; max-width: 125px; text-shadow: none; position: absolute; top: -180px; left: -5px; line-height: 25px;">Welcome to the American Nurses Enterprise Shop</h1> </div> <div style="text-align: center;"> <p style="font-weight: bold; font-size: 13px; letter-spacing: 0px; color: #000000; text-shadow: none;">Welcome to the American Nurses Association online store, where you can find a wide range of resources and products designed to support your nursing career and enhance your professional development.</p> <div><button class="btn btn-hero" onclick="window.location.href='/category/786'">SHOP NOW</button></div> </div> </div> </div> </a> </div> </div> <script> $(function () { if("false" == "true"){ $(".Top-Slider").owlCarousel({ navigation: true, singleItem: true, mouseDrag: false, autoPlay:null, stopOnHover: "false"== "true" ? true : false, transitionStyle: "fade", navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ], }); }else{ $(".Top-Slider").owlCarousel({ navigation: true, singleItem: true, autoPlay: false, mouseDrag: false, stopOnHover: "false"== "true" ? true : false, transitionStyle: "fade", //transitionStyle: "fade", navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ], }); } // For Navigation. var navigation = $(".Top-Slider").data("navigation"); if(navigation === "Dots"){ $(".Top-Slider .owl-pagination").css("display","block"); $(".Top-Slider .owl-buttons").css("display","none"); }else{ $(".Top-Slider .owl-buttons").css("display","block"); $(".Top-Slider .owl-pagination").css("display","none"); } }); </script> </z-widget> </div> </div> </div> <!-- 2. Slide Set - Style A - 1 Left - 2 Right --> <div class="col-12 remove-if-empty"> <div class="container"> <div class="row"> <div class="col"> <z-widget> </z-widget> </div> </div> </div> </div> <div class="col-12 remove-if-empty"> <div class="container slider-set-container-lr remove-if-empty"> <div class="slide-style a-1-left-2-right"> <div class="slider-carousel"> <div class="slider-wrapper row"> <div class="slide-set-1 col-lg-8 p-0 remove-if-empty get-banner-tile" data-tiles="[[0, 1]]"> <z-widget> <div id="home-offer-slider-area_11110" class="home-offer-slider-area"> <script> var _autoplay = $("#offer-banner-").data("autoplay"), _autoplaytimeout = $("#offer-banner-").data("autoplaytimeout"), _autoplayhoverpause = $("#offer-banner-").data("autoplayhoverpause"), _touchdragging = false, _mousedragging = false, _showItems = $("#offer-banner-").parents(".get-banner-tile").data('tiles'); var isHomeOfferSliderWidget = 'False', isTemplateOfferSliderWidget = 'False' _itemCount = (isHomeOfferSliderWidget == 'True' || isTemplateOfferSliderWidget == 'True') ? '4' : '3'; 1 == _autoplay ? $("#offer-banner-").owlCarousel({ autoPlay: _autoplaytimeout, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }) : $("#offer-banner-").owlCarousel({ autoPlay: !1, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }); </script> </div></z-widget> </div> <div class="col-lg-4 py-0 pr-0 slides-col-2 d-flex flex-column"> <div class="slide-set-2 remove-if-empty get-banner-tile" data-tiles="[[0, 1]]"> <z-widget> <div id="home-offer-slider-area_11125" class="home-offer-slider-area"> <script> var _autoplay = $("#offer-banner-").data("autoplay"), _autoplaytimeout = $("#offer-banner-").data("autoplaytimeout"), _autoplayhoverpause = $("#offer-banner-").data("autoplayhoverpause"), _touchdragging = false, _mousedragging = false, _showItems = $("#offer-banner-").parents(".get-banner-tile").data('tiles'); var isHomeOfferSliderWidget = 'False', isTemplateOfferSliderWidget = 'False' _itemCount = (isHomeOfferSliderWidget == 'True' || isTemplateOfferSliderWidget == 'True') ? '4' : '3'; 1 == _autoplay ? $("#offer-banner-").owlCarousel({ autoPlay: _autoplaytimeout, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }) : $("#offer-banner-").owlCarousel({ autoPlay: !1, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }); </script> </div></z-widget> </div> <div class="slide-set-3 remove-if-empty get-banner-tile" data-tiles="[[0, 1]]"> <z-widget> <div id="home-offer-slider-area_11126" class="home-offer-slider-area"> <script> var _autoplay = $("#offer-banner-").data("autoplay"), _autoplaytimeout = $("#offer-banner-").data("autoplaytimeout"), _autoplayhoverpause = $("#offer-banner-").data("autoplayhoverpause"), _touchdragging = false, _mousedragging = false, _showItems = $("#offer-banner-").parents(".get-banner-tile").data('tiles'); var isHomeOfferSliderWidget = 'False', isTemplateOfferSliderWidget = 'False' _itemCount = (isHomeOfferSliderWidget == 'True' || isTemplateOfferSliderWidget == 'True') ? '4' : '3'; 1 == _autoplay ? $("#offer-banner-").owlCarousel({ autoPlay: _autoplaytimeout, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }) : $("#offer-banner-").owlCarousel({ autoPlay: !1, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }); </script> </div></z-widget> </div> </div> </div> </div> </div> </div> </div> <!-- 3. Slide Set - Style A - 2 Left - 1 Right --> <div class="col-12 remove-if-empty"> <div class="container remove-if-empty"> <div class="row"> <div class="col"> <z-widget> </z-widget> </div> </div> </div> </div> <div class="col-12 remove-if-empty"> <div class="container slider-set-container-lr remove-if-empty"> <div class="slide-style a-2-left-1-right"> <div class="slider-carousel"> <div class="slider-wrapper row"> <div class="col-lg-4 py-0 pl-0 slides-col-2 d-flex flex-column"> <div class="slide-set-1 remove-if-empty get-banner-tile" data-tiles="[[0, 1]]"> <z-widget> <div id="home-offer-slider-area_11111" class="home-offer-slider-area"> <script> var _autoplay = $("#offer-banner-").data("autoplay"), _autoplaytimeout = $("#offer-banner-").data("autoplaytimeout"), _autoplayhoverpause = $("#offer-banner-").data("autoplayhoverpause"), _touchdragging = false, _mousedragging = false, _showItems = $("#offer-banner-").parents(".get-banner-tile").data('tiles'); var isHomeOfferSliderWidget = 'False', isTemplateOfferSliderWidget = 'False' _itemCount = (isHomeOfferSliderWidget == 'True' || isTemplateOfferSliderWidget == 'True') ? '4' : '3'; 1 == _autoplay ? $("#offer-banner-").owlCarousel({ autoPlay: _autoplaytimeout, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }) : $("#offer-banner-").owlCarousel({ autoPlay: !1, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }); </script> </div></z-widget> </div> <div class="slide-set-2 remove-if-empty get-banner-tile" data-tiles="[[0, 1]]"> <z-widget> <div id="home-offer-slider-area_11127" class="home-offer-slider-area"> <script> var _autoplay = $("#offer-banner-").data("autoplay"), _autoplaytimeout = $("#offer-banner-").data("autoplaytimeout"), _autoplayhoverpause = $("#offer-banner-").data("autoplayhoverpause"), _touchdragging = false, _mousedragging = false, _showItems = $("#offer-banner-").parents(".get-banner-tile").data('tiles'); var isHomeOfferSliderWidget = 'False', isTemplateOfferSliderWidget = 'False' _itemCount = (isHomeOfferSliderWidget == 'True' || isTemplateOfferSliderWidget == 'True') ? '4' : '3'; 1 == _autoplay ? $("#offer-banner-").owlCarousel({ autoPlay: _autoplaytimeout, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }) : $("#offer-banner-").owlCarousel({ autoPlay: !1, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }); </script> </div></z-widget> </div> </div> <div class="slide-set-3 col-lg-8 p-0 remove-if-empty get-banner-tile" data-tiles="[[0, 1]]"> <z-widget> <div id="home-offer-slider-area_11128" class="home-offer-slider-area"> <script> var _autoplay = $("#offer-banner-").data("autoplay"), _autoplaytimeout = $("#offer-banner-").data("autoplaytimeout"), _autoplayhoverpause = $("#offer-banner-").data("autoplayhoverpause"), _touchdragging = false, _mousedragging = false, _showItems = $("#offer-banner-").parents(".get-banner-tile").data('tiles'); var isHomeOfferSliderWidget = 'False', isTemplateOfferSliderWidget = 'False' _itemCount = (isHomeOfferSliderWidget == 'True' || isTemplateOfferSliderWidget == 'True') ? '4' : '3'; 1 == _autoplay ? $("#offer-banner-").owlCarousel({ autoPlay: _autoplaytimeout, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }) : $("#offer-banner-").owlCarousel({ autoPlay: !1, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }); </script> </div></z-widget> </div> </div> </div> </div> </div> </div> <!-- 4. Full Slider --> <div class="col-12 remove-if-empty"> <div class="container-fluid remove-if-empty"> <div class="row pt-2 mt-1"> <div class="col p-0 home-slider"> <!--Home Page Slider Widget--> <z-widget> <div id="top-slider" data-navigation="" class="owl-carousel slider Top-Slider"> </div> <script> $(function () { if("false" == "true"){ $(".Top-Slider").owlCarousel({ navigation: true, singleItem: true, mouseDrag: false, autoPlay:null, stopOnHover: "false"== "true" ? true : false, transitionStyle: null, navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ], }); }else{ $(".Top-Slider").owlCarousel({ navigation: true, singleItem: true, autoPlay: false, mouseDrag: false, stopOnHover: "false"== "true" ? true : false, transitionStyle: null, //transitionStyle: "fade", navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ], }); } // For Navigation. var navigation = $(".Top-Slider").data("navigation"); if(navigation === "Dots"){ $(".Top-Slider .owl-pagination").css("display","block"); $(".Top-Slider .owl-buttons").css("display","none"); }else{ $(".Top-Slider .owl-buttons").css("display","block"); $(".Top-Slider .owl-pagination").css("display","none"); } }); </script> </z-widget> </div> </div> </div> </div> <!-- 5. Slide Set - Style A - 2 Up --> <div class="col-12 remove-if-empty"> <div class="container remove-if-empty"> <div class="row"> <div class="col"> <z-widget> </z-widget> </div> </div> </div> </div> <div class="col-12 remove-if-empty"> <div class="container slide-set-container remove-if-empty"> <div class="row slide-set"> <div class="col slide-style a-2-up"> <z-widget> <div id="home-offer-slider-area_11112" class="home-offer-slider-area"> <script> var _autoplay = $("#offer-banner-").data("autoplay"), _autoplaytimeout = $("#offer-banner-").data("autoplaytimeout"), _autoplayhoverpause = $("#offer-banner-").data("autoplayhoverpause"), _touchdragging = false, _mousedragging = false, _showItems = $("#offer-banner-").parents(".get-banner-tile").data('tiles'); var isHomeOfferSliderWidget = 'False', isTemplateOfferSliderWidget = 'False' _itemCount = (isHomeOfferSliderWidget == 'True' || isTemplateOfferSliderWidget == 'True') ? '4' : '3'; 1 == _autoplay ? $("#offer-banner-").owlCarousel({ autoPlay: _autoplaytimeout, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }) : $("#offer-banner-").owlCarousel({ autoPlay: !1, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }); </script> </div></z-widget> </div> </div> </div> </div> <!-- 6. OOB Content Block --> <div class="col-12 remove-if-empty"> <div class="container remove-if-empty"> <div class="row"> <div class="col"> <z-widget> <div class="col-12 p-0"> <div style="text-align: center; font-size: 7px; padding-top: 15px;"><span style="color: #000; display: none;">ANA Enterprise</span></div> <div style="font-weight: bold; font-size: 42px; letter-spacing: 1.47px; text-align: center;"><img class="d-xl-block" src="https://summitstoragez.blob.core.windows.net:443/prod/5a3dfc27-9804-4efc-b63b-efb0e93026dd7186a1ec38be-4dc3-b0d8-0def50b19161enterprise-bannef.png?v=0" alt="ANA Enterprise" width="100%"></div> </div> </z-widget> </div> </div> </div> </div> <!-- 7. Promo Slide - Style A - 3 Up --> <div class="col-12 remove-if-empty"> <div class="container remove-if-empty"> <div class="widget-title "> <z-widget> <div class="col-12 p-0"> </div> </z-widget> </div> </div> </div> <div class="col-12 remove-if-empty"> <div class="container slide-set-container remove-if-empty"> <div class="row slide-set"> <div class="col slide-style a-3-up"> <z-widget> <div id="home-offer-slider-area_11200" class="home-offer-slider-area"> <script> var _autoplay = $("#offer-banner-").data("autoplay"), _autoplaytimeout = $("#offer-banner-").data("autoplaytimeout"), _autoplayhoverpause = $("#offer-banner-").data("autoplayhoverpause"), _touchdragging = false, _mousedragging = false, _showItems = $("#offer-banner-").parents(".get-banner-tile").data('tiles'); var isHomeOfferSliderWidget = 'False', isTemplateOfferSliderWidget = 'False' _itemCount = (isHomeOfferSliderWidget == 'True' || isTemplateOfferSliderWidget == 'True') ? '4' : '3'; 1 == _autoplay ? $("#offer-banner-").owlCarousel({ autoPlay: _autoplaytimeout, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }) : $("#offer-banner-").owlCarousel({ autoPlay: !1, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }); </script> </div></z-widget> </div> </div> </div> </div> <!-- 8. Promo Slide - Style 1 - 3 Up --> <div class="col-12 remove-if-empty"> <div class="container remove-if-empty"> <div class="row"> <div class="col"> <z-widget> </z-widget> </div> </div> </div> </div> <div class="col-12 remove-if-empty"> <div class="container promo-set-container remove-if-empty"> <div class="row slide-set"> <div class="col offer-banner pc-style pc-3up"> <z-widget> <div id="home-offer-slider-area_11204" class="home-offer-slider-area"> <script> var _autoplay = $("#offer-banner-").data("autoplay"), _autoplaytimeout = $("#offer-banner-").data("autoplaytimeout"), _autoplayhoverpause = $("#offer-banner-").data("autoplayhoverpause"), _touchdragging = false, _mousedragging = false, _showItems = $("#offer-banner-").parents(".get-banner-tile").data('tiles'); var isHomeOfferSliderWidget = 'False', isTemplateOfferSliderWidget = 'False' _itemCount = (isHomeOfferSliderWidget == 'True' || isTemplateOfferSliderWidget == 'True') ? '4' : '3'; 1 == _autoplay ? $("#offer-banner-").owlCarousel({ autoPlay: _autoplaytimeout, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }) : $("#offer-banner-").owlCarousel({ autoPlay: !1, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }); </script> </div></z-widget> </div> </div> </div> </div> <!-- 9. Promo Cards - 4 Up --> <div class="col-12 remove-if-empty"> <div class="container remove-if-empty"> <div class="row"> <div class="col"> <z-widget> </z-widget> </div> </div> </div> </div> <div class="col-12 remove-if-empty"> <div class="container promo-slide-style-1-3up remove-if-empty"> <div class="row"> <div class="col-sm-12 offer-banner nopadding col-12 p-0 margin-bottom get-banner-tile" data-tiles="[[0, 1], [600, 2], [992, 3], [1200, 4]]"> <z-widget> <div id="home-offer-slider-area_11124" class="home-offer-slider-area"> <script> var _autoplay = $("#offer-banner-").data("autoplay"), _autoplaytimeout = $("#offer-banner-").data("autoplaytimeout"), _autoplayhoverpause = $("#offer-banner-").data("autoplayhoverpause"), _touchdragging = false, _mousedragging = false, _showItems = $("#offer-banner-").parents(".get-banner-tile").data('tiles'); var isHomeOfferSliderWidget = 'False', isTemplateOfferSliderWidget = 'False' _itemCount = (isHomeOfferSliderWidget == 'True' || isTemplateOfferSliderWidget == 'True') ? '4' : '3'; 1 == _autoplay ? $("#offer-banner-").owlCarousel({ autoPlay: _autoplaytimeout, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }) : $("#offer-banner-").owlCarousel({ autoPlay: !1, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }); </script> </div></z-widget> </div> </div> </div> </div> <!-- 10. Promo Slide - Style 1 - 3 Up --> <div class="col-12 remove-if-empty"> <div class="container remove-if-empty"> <div class="row"> <div class="col"> <z-widget> </z-widget> </div> </div> </div> </div> <div class="col-12 remove-if-empty"> <div class="container promo-slide-style-1-3up remove-if-empty"> <div class="row"> <div class="col-sm-12 offer-banner nopadding col-12 p-0 margin-bottom"> <z-widget> <div id="home-offer-slider-area_11205" class="home-offer-slider-area"> <script> var _autoplay = $("#offer-banner-").data("autoplay"), _autoplaytimeout = $("#offer-banner-").data("autoplaytimeout"), _autoplayhoverpause = $("#offer-banner-").data("autoplayhoverpause"), _touchdragging = false, _mousedragging = false, _showItems = $("#offer-banner-").parents(".get-banner-tile").data('tiles'); var isHomeOfferSliderWidget = 'False', isTemplateOfferSliderWidget = 'False' _itemCount = (isHomeOfferSliderWidget == 'True' || isTemplateOfferSliderWidget == 'True') ? '4' : '3'; 1 == _autoplay ? $("#offer-banner-").owlCarousel({ autoPlay: _autoplaytimeout, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }) : $("#offer-banner-").owlCarousel({ autoPlay: !1, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }); </script> </div></z-widget> </div> </div> </div> </div> <!-- 11. Promo Cards - 2 Up --> <div class="col-12 remove-if-empty"> <div class="container remove-if-empty"> <div class="widget-title "> <z-widget> </z-widget> </div> </div> </div> <div class="col-12 remove-if-empty"> <div class="container promo-set-container remove-if-empty"> <div class="row slide-set"> <div class="col offer-banner pc-style pc-2up"> <z-widget> <div id="home-offer-slider-area_11152" class="home-offer-slider-area"> <script> var _autoplay = $("#offer-banner-").data("autoplay"), _autoplaytimeout = $("#offer-banner-").data("autoplaytimeout"), _autoplayhoverpause = $("#offer-banner-").data("autoplayhoverpause"), _touchdragging = false, _mousedragging = false, _showItems = $("#offer-banner-").parents(".get-banner-tile").data('tiles'); var isHomeOfferSliderWidget = 'False', isTemplateOfferSliderWidget = 'False' _itemCount = (isHomeOfferSliderWidget == 'True' || isTemplateOfferSliderWidget == 'True') ? '4' : '3'; 1 == _autoplay ? $("#offer-banner-").owlCarousel({ autoPlay: _autoplaytimeout, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }) : $("#offer-banner-").owlCarousel({ autoPlay: !1, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }); </script> </div></z-widget> </div> </div> </div> </div> <!-- 12. OOB Content Block --> <div class="col-12 remove-if-empty"> <div class="container remove-if-empty"> <div class="row"> <div class="col"> <z-widget> </z-widget> </div> </div> </div> </div> <!-- 13. Category List --> <div class="col-12 carousel-card remove-if-empty"> <div class="container"> <div class="row"> <div class="col p-0"> <!--BestSelling Widget--> <z-widget> <div class=home-categorylist-area1992> </div></z-widget> </div> </div> </div> </div> <!-- 14. OOB Content Block --> <div class="col-12 remove-if-empty"> <div class="container remove-if-empty"> <div class="row"> <div class="col"> <z-widget> <div class="col-12 p-0"> <div class="col-12 p-0"> <div class="d-none d-lg-block d-md-none"> <div class="col-12 p-0"> <div style="padding-top: 45px; font-size: 30px; color: #009785; letter-spacing: 0px; text-align: center;">Featured Items</div> </div> </div> <div class="d-none d-md-block d-lg-none"> <div class="col-12 p-0"> <div style="padding-top: 45px; font-size: 30px; color: #009785; letter-spacing: 0px; text-align: center;">Featured Items</div> </div> </div> <div class="d-sm-none"> <div class="col-12 p-0"> <div style="color: #009785; font-size: 25px; text-align: center; letter-spacing: 0px; padding-top: 1em;">Featured Items</div> </div> </div> </div> </div> </z-widget> </div> </div> </div> </div> <!-- 15. Featured Products --> <div class="col-12 carousel-card remove-if-empty"> <div class="container featured-products"> <div class="row"> <div class="col featured-products-block"> <z-widget> <div class="product-list-widget"> <div class="owl-carousel Product_List_Widget" id="Product_List_Widget"> <div class="item b2b-products"> <div class="product-item"> <div class="view-item"> <div class="product-img" data-test-selector="divProductImage"> <a href="https://www.shopana.org/product/15778"> <div class="row no-gutters align-items-center"> <div class="image col-md-12 p-0 text-center"> <img id="15778" class="img-fluid b-lazy" data-src="https://summitstoragez.blob.core.windows.net:443/prod/Catalog/250/bf4e4db5-4250-43c2-9b86-badee5b113c0ANCCP0004.jpg" alt="Pathway Designated Tab Notebook" /> </div> <div class="title col-md-12 px-md-0" title="Pathway Designated Tab Notebook" data-test-selector="divProductTitle">Pathway Designated Tab Notebook</div> </div> </a> </div> <div class="product-sku" data-test-selector="divProductSku"> ANCCP0004 </div> <div class="product-details" data-test-selector="divProductDetails"> <div class="product_highlight"> </div> <div class="price" data-test-selector="divProductPrice" data-sku="ANCCP0004" data-type="Simple Product"> <span data-test-selector="lblPrice" class=""> $6.50 </span> <span class="cut-price" data-test-selector="lblCutPrice"> $12.99 </span> </div> <div class="item-error-msg"> <p class="error-msg"></p> </div> </div> </div> </div> </div> <div class="item b2b-products"> <div class="product-item"> <div class="view-item"> <div class="product-img" data-test-selector="divProductImage"> <a href="https://www.shopana.org/product/13878"> <div class="row no-gutters align-items-center"> <div class="image col-md-12 p-0 text-center"> <img id="13878" class="img-fluid b-lazy" data-src="https://summitstoragez.blob.core.windows.net:443/prod/Catalog/250/abdd4e3b-26b6-449f-b60e-6098bb8eeb77ANCCP1202 (1).jpg" alt="1" Pathway Long Term Care Lapel Pin" /> </div> <div class="title col-md-12 px-md-0" title="1" Pathway Long Term Care Lapel Pin" data-test-selector="divProductTitle">1" Pathway Long Term Care Lapel Pin</div> </div> </a> </div> <div class="product-sku" data-test-selector="divProductSku"> ANCCP1202 </div> <div class="product-details" data-test-selector="divProductDetails"> <div class="product_highlight"> </div> <div class="price" data-test-selector="divProductPrice" data-sku="ANCCP1202" data-type="Simple Product"> <span data-test-selector="lblPrice" class=""> $3.98 </span> <span class="cut-price" data-test-selector="lblCutPrice"> $7.95 </span> </div> <div class="item-error-msg"> <p class="error-msg"></p> </div> </div> </div> </div> </div> <div class="item b2b-products"> <div class="product-item"> <div class="view-item"> <div class="product-img" data-test-selector="divProductImage"> <a href="https://www.shopana.org/product/9462"> <div class="row no-gutters align-items-center"> <div class="image col-md-12 p-0 text-center"> <img id="9462" class="img-fluid b-lazy" data-src="https://summitstoragez.blob.core.windows.net:443/prod/Catalog/250/8ff72785-2e1b-4204-9bfe-5a2ec8dc851dANCCM1901 - Copy.jpg" alt="1" Magnet Recognized RN Lapel Pin" /> </div> <div class="title col-md-12 px-md-0" title="1" Magnet Recognized RN Lapel Pin" data-test-selector="divProductTitle">1" Magnet Recognized RN Lapel Pin</div> </div> </a> </div> <div class="product-sku" data-test-selector="divProductSku"> ANCCM1901CUST </div> <div class="product-details" data-test-selector="divProductDetails"> <div class="product_highlight"> </div> <div class="price" data-test-selector="divProductPrice" data-sku="ANCCM1901CUST" data-type="Simple Product"> <span data-test-selector="lblPrice" class=""> $5.00 </span> <span class="cut-price" data-test-selector="lblCutPrice"> $9.99 </span> </div> <div class="item-error-msg"> <p class="error-msg"></p> </div> </div> </div> </div> </div> <div class="item b2b-products"> <div class="product-item"> <div class="view-item"> <div class="product-img" data-test-selector="divProductImage"> <a href="https://www.shopana.org/product/9461"> <div class="row no-gutters align-items-center"> <div class="image col-md-12 p-0 text-center"> <img id="9461" class="img-fluid b-lazy" data-src="https://summitstoragez.blob.core.windows.net:443/prod/Catalog/250/056f29f1-01c0-4220-bf10-d183b160e866ANCCM1207.jpg" alt="3" Magnet Embroidered Patch" /> </div> <div class="title col-md-12 px-md-0" title="3" Magnet Embroidered Patch" data-test-selector="divProductTitle">3" Magnet Embroidered Patch</div> </div> </a> </div> <div class="product-sku" data-test-selector="divProductSku"> ANCCM1207CUST </div> <div class="product-details" data-test-selector="divProductDetails"> <div class="product_highlight"> </div> <div class="price" data-test-selector="divProductPrice" data-sku="ANCCM1207CUST" data-type="Simple Product"> <span data-test-selector="lblPrice" class=""> $3.00 </span> <span class="cut-price" data-test-selector="lblCutPrice"> $5.99 </span> </div> <div class="item-error-msg"> <p class="error-msg"></p> </div> </div> </div> </div> </div> </div> <script> $(document).ready(function () { var async = 'False'; if (async == 'True') { Product.prototype.GetPriceAsync(); } InitbLazy(); $(".Product_List_Widget").owlCarousel({ autoPlay: false, navigation: 4 > 4, mouseDrag: false, items: 4, itemsCustom: [ [0, 1], [320, 1], [480, 2], [600, 2], [768, 2], [992, 3], [1200, 4] ], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }); }); </script> </div> </z-widget> </div> </div> </div> </div> <!-- 16. OOB Content Block --> <div class="col-12 remove-if-empty"> <div class="container remove-if-empty"> <div class="row"> <div class="col"> <z-widget> </z-widget> </div> </div> </div> </div> <!-- 17. Full Slider --> <div class="container-fluid remove-if-empty"> <div class="row pt-2 mt-1"> <div class="col p-0 home-slider"> <!--Home Page Slider Widget--> <z-widget> <div id="top-slider" data-navigation="" class="owl-carousel slider Top-Slider"> </div> <script> $(function () { if("false" == "true"){ $(".Top-Slider").owlCarousel({ navigation: true, singleItem: true, mouseDrag: false, autoPlay:null, stopOnHover: "false"== "true" ? true : false, transitionStyle: null, navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ], }); }else{ $(".Top-Slider").owlCarousel({ navigation: true, singleItem: true, autoPlay: false, mouseDrag: false, stopOnHover: "false"== "true" ? true : false, transitionStyle: null, //transitionStyle: "fade", navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ], }); } // For Navigation. var navigation = $(".Top-Slider").data("navigation"); if(navigation === "Dots"){ $(".Top-Slider .owl-pagination").css("display","block"); $(".Top-Slider .owl-buttons").css("display","none"); }else{ $(".Top-Slider .owl-buttons").css("display","block"); $(".Top-Slider .owl-pagination").css("display","none"); } }); </script> </z-widget> </div> </div> </div> <!-- 18. Slide Set - Style A - 2 Up --> <div class="col-12 remove-if-empty"> <div class="container remove-if-empty"> <div class="widget-title "> <z-widget> </z-widget> </div> </div> </div> <div class="col-12 remove-if-empty"> <div class="container slide-set-container remove-if-empty"> <div class="row slide-set"> <div class="col slide-style a-2-up"> <z-widget> <div id="home-offer-slider-area_11113" class="home-offer-slider-area"> <script> var _autoplay = $("#offer-banner-").data("autoplay"), _autoplaytimeout = $("#offer-banner-").data("autoplaytimeout"), _autoplayhoverpause = $("#offer-banner-").data("autoplayhoverpause"), _touchdragging = false, _mousedragging = false, _showItems = $("#offer-banner-").parents(".get-banner-tile").data('tiles'); var isHomeOfferSliderWidget = 'False', isTemplateOfferSliderWidget = 'False' _itemCount = (isHomeOfferSliderWidget == 'True' || isTemplateOfferSliderWidget == 'True') ? '4' : '3'; 1 == _autoplay ? $("#offer-banner-").owlCarousel({ autoPlay: _autoplaytimeout, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }) : $("#offer-banner-").owlCarousel({ autoPlay: !1, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }); </script> </div></z-widget> </div> </div> </div> </div> <!-- 19. Slide Set - Style A - 1 Left - 2 Right --> <div class="col-12 remove-if-empty"> <div class="container remove-if-empty"> <div class="widget-title "> <z-widget> </z-widget> </div> </div> </div> <div class="col-12 remove-if-empty"> <div class="container slider-set-container-lr remove-if-empty"> <div class="slide-style a-1-left-2-right"> <div class="slider-carousel"> <div class="slider-wrapper row"> <div class="slide-set-1 col-lg-8 p-0 remove-if-empty get-banner-tile" data-tiles="[[0, 1]]"> <z-widget> <div id="home-offer-slider-area_11114" class="home-offer-slider-area"> <script> var _autoplay = $("#offer-banner-").data("autoplay"), _autoplaytimeout = $("#offer-banner-").data("autoplaytimeout"), _autoplayhoverpause = $("#offer-banner-").data("autoplayhoverpause"), _touchdragging = false, _mousedragging = false, _showItems = $("#offer-banner-").parents(".get-banner-tile").data('tiles'); var isHomeOfferSliderWidget = 'False', isTemplateOfferSliderWidget = 'False' _itemCount = (isHomeOfferSliderWidget == 'True' || isTemplateOfferSliderWidget == 'True') ? '4' : '3'; 1 == _autoplay ? $("#offer-banner-").owlCarousel({ autoPlay: _autoplaytimeout, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }) : $("#offer-banner-").owlCarousel({ autoPlay: !1, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }); </script> </div></z-widget> </div> <div class="col-lg-4 py-0 pr-0 slides-col-2 d-flex flex-column"> <div class="slide-set-2 remove-if-empty get-banner-tile" data-tiles="[[0, 1]]"> <z-widget> <div id="home-offer-slider-area_11131" class="home-offer-slider-area"> <script> var _autoplay = $("#offer-banner-").data("autoplay"), _autoplaytimeout = $("#offer-banner-").data("autoplaytimeout"), _autoplayhoverpause = $("#offer-banner-").data("autoplayhoverpause"), _touchdragging = false, _mousedragging = false, _showItems = $("#offer-banner-").parents(".get-banner-tile").data('tiles'); var isHomeOfferSliderWidget = 'False', isTemplateOfferSliderWidget = 'False' _itemCount = (isHomeOfferSliderWidget == 'True' || isTemplateOfferSliderWidget == 'True') ? '4' : '3'; 1 == _autoplay ? $("#offer-banner-").owlCarousel({ autoPlay: _autoplaytimeout, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }) : $("#offer-banner-").owlCarousel({ autoPlay: !1, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }); </script> </div></z-widget> </div> <div class="slide-set-3 remove-if-empty get-banner-tile" data-tiles="[[0, 1]]"> <z-widget> <div id="home-offer-slider-area_11132" class="home-offer-slider-area"> <script> var _autoplay = $("#offer-banner-").data("autoplay"), _autoplaytimeout = $("#offer-banner-").data("autoplaytimeout"), _autoplayhoverpause = $("#offer-banner-").data("autoplayhoverpause"), _touchdragging = false, _mousedragging = false, _showItems = $("#offer-banner-").parents(".get-banner-tile").data('tiles'); var isHomeOfferSliderWidget = 'False', isTemplateOfferSliderWidget = 'False' _itemCount = (isHomeOfferSliderWidget == 'True' || isTemplateOfferSliderWidget == 'True') ? '4' : '3'; 1 == _autoplay ? $("#offer-banner-").owlCarousel({ autoPlay: _autoplaytimeout, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }) : $("#offer-banner-").owlCarousel({ autoPlay: !1, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }); </script> </div></z-widget> </div> </div> </div> </div> </div> </div> </div> <!-- 20. Slide Set - Style A - 2 Left - 1 Right --> <div class="col-12 remove-if-empty"> <div class="container remove-if-empty"> <div class="widget-title "> <z-widget> </z-widget> </div> </div> </div> <div class="col-12 remove-if-empty"> <div class="container slider-set-container-lr remove-if-empty"> <div class="slide-style a-2-left-1-right"> <div class="slider-carousel"> <div class="slider-wrapper row"> <div class="col-lg-4 py-0 pl-0 slides-col-2 d-flex flex-column"> <div class="slide-set-1 remove-if-empty get-banner-tile" data-tiles="[[0, 1]]"> <z-widget> <div id="home-offer-slider-area_11115" class="home-offer-slider-area"> <script> var _autoplay = $("#offer-banner-").data("autoplay"), _autoplaytimeout = $("#offer-banner-").data("autoplaytimeout"), _autoplayhoverpause = $("#offer-banner-").data("autoplayhoverpause"), _touchdragging = false, _mousedragging = false, _showItems = $("#offer-banner-").parents(".get-banner-tile").data('tiles'); var isHomeOfferSliderWidget = 'False', isTemplateOfferSliderWidget = 'False' _itemCount = (isHomeOfferSliderWidget == 'True' || isTemplateOfferSliderWidget == 'True') ? '4' : '3'; 1 == _autoplay ? $("#offer-banner-").owlCarousel({ autoPlay: _autoplaytimeout, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }) : $("#offer-banner-").owlCarousel({ autoPlay: !1, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }); </script> </div></z-widget> </div> <div class="slide-set-2 remove-if-empty get-banner-tile" data-tiles="[[0, 1]]"> <z-widget> <div id="home-offer-slider-area_11129" class="home-offer-slider-area"> <script> var _autoplay = $("#offer-banner-").data("autoplay"), _autoplaytimeout = $("#offer-banner-").data("autoplaytimeout"), _autoplayhoverpause = $("#offer-banner-").data("autoplayhoverpause"), _touchdragging = false, _mousedragging = false, _showItems = $("#offer-banner-").parents(".get-banner-tile").data('tiles'); var isHomeOfferSliderWidget = 'False', isTemplateOfferSliderWidget = 'False' _itemCount = (isHomeOfferSliderWidget == 'True' || isTemplateOfferSliderWidget == 'True') ? '4' : '3'; 1 == _autoplay ? $("#offer-banner-").owlCarousel({ autoPlay: _autoplaytimeout, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }) : $("#offer-banner-").owlCarousel({ autoPlay: !1, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }); </script> </div></z-widget> </div> </div> <div class="slide-set-3 col-lg-8 p-0 remove-if-empty get-banner-tile" data-tiles="[[0, 1]]"> <z-widget> <div id="home-offer-slider-area_11130" class="home-offer-slider-area"> <script> var _autoplay = $("#offer-banner-").data("autoplay"), _autoplaytimeout = $("#offer-banner-").data("autoplaytimeout"), _autoplayhoverpause = $("#offer-banner-").data("autoplayhoverpause"), _touchdragging = false, _mousedragging = false, _showItems = $("#offer-banner-").parents(".get-banner-tile").data('tiles'); var isHomeOfferSliderWidget = 'False', isTemplateOfferSliderWidget = 'False' _itemCount = (isHomeOfferSliderWidget == 'True' || isTemplateOfferSliderWidget == 'True') ? '4' : '3'; 1 == _autoplay ? $("#offer-banner-").owlCarousel({ autoPlay: _autoplaytimeout, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }) : $("#offer-banner-").owlCarousel({ autoPlay: !1, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }); </script> </div></z-widget> </div> </div> </div> </div> </div> </div> <!-- 21. Slide Set - Style A - 2 Up --> <div class="col-12 remove-if-empty"> <div class="container remove-if-empty"> <div class="widget-title "> <z-widget> </z-widget> </div> </div> </div> <div class="col-12 remove-if-empty"> <div class="container slide-set-container remove-if-empty"> <div class="row slide-set"> <div class="col slide-style a-2-up"> <z-widget> <div id="home-offer-slider-area_11116" class="home-offer-slider-area"> <script> var _autoplay = $("#offer-banner-").data("autoplay"), _autoplaytimeout = $("#offer-banner-").data("autoplaytimeout"), _autoplayhoverpause = $("#offer-banner-").data("autoplayhoverpause"), _touchdragging = false, _mousedragging = false, _showItems = $("#offer-banner-").parents(".get-banner-tile").data('tiles'); var isHomeOfferSliderWidget = 'False', isTemplateOfferSliderWidget = 'False' _itemCount = (isHomeOfferSliderWidget == 'True' || isTemplateOfferSliderWidget == 'True') ? '4' : '3'; 1 == _autoplay ? $("#offer-banner-").owlCarousel({ autoPlay: _autoplaytimeout, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }) : $("#offer-banner-").owlCarousel({ autoPlay: !1, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }); </script> </div></z-widget> </div> </div> </div> </div> <!-- 22. Full Slider --> <div class="container-fluid remove-if-empty"> <div class="row pt-2 mt-1"> <div class="col p-0 home-slider"> <!--Home Page Slider Widget--> <z-widget> <div id="top-slider" data-navigation="" class="owl-carousel slider Top-Slider"> </div> <script> $(function () { if("false" == "true"){ $(".Top-Slider").owlCarousel({ navigation: true, singleItem: true, mouseDrag: false, autoPlay:null, stopOnHover: "false"== "true" ? true : false, transitionStyle: null, navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ], }); }else{ $(".Top-Slider").owlCarousel({ navigation: true, singleItem: true, autoPlay: false, mouseDrag: false, stopOnHover: "false"== "true" ? true : false, transitionStyle: null, //transitionStyle: "fade", navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ], }); } // For Navigation. var navigation = $(".Top-Slider").data("navigation"); if(navigation === "Dots"){ $(".Top-Slider .owl-pagination").css("display","block"); $(".Top-Slider .owl-buttons").css("display","none"); }else{ $(".Top-Slider .owl-buttons").css("display","block"); $(".Top-Slider .owl-pagination").css("display","none"); } }); </script> </z-widget> </div> </div> </div> <!-- 23. OOB Content Block --> <div class="col-12 remove-if-empty"> <div class="container remove-if-empty"> <div class="row"> <div class="col"> <z-widget> </z-widget> </div> </div> </div> </div> <!-- 24. Slide Set - Style B - One Extra Wide Slide --> <div class="col-12 remove-if-empty"> <div class="container remove-if-empty"> <div class="widget-title "> <z-widget> </z-widget> </div> </div> </div> <div class="col-12 remove-if-empty"> <div class="container slide-set-container remove-if-empty"> <div class="row slide-set"> <div class="col slide-style b-1-e-w-s"> <z-widget> <div id="home-offer-slider-area_11117" class="home-offer-slider-area"> <script> var _autoplay = $("#offer-banner-").data("autoplay"), _autoplaytimeout = $("#offer-banner-").data("autoplaytimeout"), _autoplayhoverpause = $("#offer-banner-").data("autoplayhoverpause"), _touchdragging = false, _mousedragging = false, _showItems = $("#offer-banner-").parents(".get-banner-tile").data('tiles'); var isHomeOfferSliderWidget = 'False', isTemplateOfferSliderWidget = 'False' _itemCount = (isHomeOfferSliderWidget == 'True' || isTemplateOfferSliderWidget == 'True') ? '4' : '3'; 1 == _autoplay ? $("#offer-banner-").owlCarousel({ autoPlay: _autoplaytimeout, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }) : $("#offer-banner-").owlCarousel({ autoPlay: !1, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }); </script> </div></z-widget> </div> </div> </div> </div> <!-- 25. Slide Set - Style B - Small Left - Wide Right --> <div class="col-12 remove-if-empty"> <div class="container remove-if-empty"> <div class="widget-title "> <z-widget> </z-widget> </div> </div> </div> <div class="col-12 remove-if-empty"> <div class="container slide-set-container remove-if-empty"> <div class="row slide-set"> <div class="col slide-style b-sl-wr"> <z-widget> <div id="home-offer-slider-area_11118" class="home-offer-slider-area"> <script> var _autoplay = $("#offer-banner-").data("autoplay"), _autoplaytimeout = $("#offer-banner-").data("autoplaytimeout"), _autoplayhoverpause = $("#offer-banner-").data("autoplayhoverpause"), _touchdragging = false, _mousedragging = false, _showItems = $("#offer-banner-").parents(".get-banner-tile").data('tiles'); var isHomeOfferSliderWidget = 'False', isTemplateOfferSliderWidget = 'False' _itemCount = (isHomeOfferSliderWidget == 'True' || isTemplateOfferSliderWidget == 'True') ? '4' : '3'; 1 == _autoplay ? $("#offer-banner-").owlCarousel({ autoPlay: _autoplaytimeout, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }) : $("#offer-banner-").owlCarousel({ autoPlay: !1, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }); </script> </div></z-widget> </div> </div> </div> </div> <!-- 26. Slide Set - Style B - One Extra Wide Slide --> <div class="col-12 remove-if-empty"> <div class="container remove-if-empty"> <div class="widget-title "> <z-widget> </z-widget> </div> </div> </div> <div class="col-12 remove-if-empty"> <div class="container slide-set-container remove-if-empty"> <div class="row slide-set"> <div class="col slide-style b-1-e-w-s"> <z-widget> <div id="home-offer-slider-area_11119" class="home-offer-slider-area"> <script> var _autoplay = $("#offer-banner-").data("autoplay"), _autoplaytimeout = $("#offer-banner-").data("autoplaytimeout"), _autoplayhoverpause = $("#offer-banner-").data("autoplayhoverpause"), _touchdragging = false, _mousedragging = false, _showItems = $("#offer-banner-").parents(".get-banner-tile").data('tiles'); var isHomeOfferSliderWidget = 'False', isTemplateOfferSliderWidget = 'False' _itemCount = (isHomeOfferSliderWidget == 'True' || isTemplateOfferSliderWidget == 'True') ? '4' : '3'; 1 == _autoplay ? $("#offer-banner-").owlCarousel({ autoPlay: _autoplaytimeout, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }) : $("#offer-banner-").owlCarousel({ autoPlay: !1, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }); </script> </div></z-widget> </div> </div> </div> </div> <!-- 27. Slide Set - Style B - Three Small --> <div class="col-12 remove-if-empty"> <div class="container remove-if-empty"> <div class="widget-title "> <z-widget> </z-widget> </div> </div> </div> <div class="col-12 remove-if-empty"> <div class="container slide-set-container remove-if-empty"> <div class="row slide-set"> <div class="col slide-style b-3small"> <z-widget> <div id="home-offer-slider-area_11120" class="home-offer-slider-area"> <script> var _autoplay = $("#offer-banner-").data("autoplay"), _autoplaytimeout = $("#offer-banner-").data("autoplaytimeout"), _autoplayhoverpause = $("#offer-banner-").data("autoplayhoverpause"), _touchdragging = false, _mousedragging = false, _showItems = $("#offer-banner-").parents(".get-banner-tile").data('tiles'); var isHomeOfferSliderWidget = 'False', isTemplateOfferSliderWidget = 'False' _itemCount = (isHomeOfferSliderWidget == 'True' || isTemplateOfferSliderWidget == 'True') ? '4' : '3'; 1 == _autoplay ? $("#offer-banner-").owlCarousel({ autoPlay: _autoplaytimeout, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }) : $("#offer-banner-").owlCarousel({ autoPlay: !1, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }); </script> </div></z-widget> </div> </div> </div> </div> <!-- 28. Slide Set - Style B - One Extra Wide Slide --> <div class="col-12 remove-if-empty"> <div class="container remove-if-empty"> <div class="widget-title "> <z-widget> </z-widget> </div> </div> </div> <div class="col-12 remove-if-empty"> <div class="container slide-set-container remove-if-empty"> <div class="row slide-set"> <div class="col slide-style b-1-e-w-s"> <z-widget> <div id="home-offer-slider-area_11121" class="home-offer-slider-area"> <script> var _autoplay = $("#offer-banner-").data("autoplay"), _autoplaytimeout = $("#offer-banner-").data("autoplaytimeout"), _autoplayhoverpause = $("#offer-banner-").data("autoplayhoverpause"), _touchdragging = false, _mousedragging = false, _showItems = $("#offer-banner-").parents(".get-banner-tile").data('tiles'); var isHomeOfferSliderWidget = 'False', isTemplateOfferSliderWidget = 'False' _itemCount = (isHomeOfferSliderWidget == 'True' || isTemplateOfferSliderWidget == 'True') ? '4' : '3'; 1 == _autoplay ? $("#offer-banner-").owlCarousel({ autoPlay: _autoplaytimeout, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }) : $("#offer-banner-").owlCarousel({ autoPlay: !1, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }); </script> </div></z-widget> </div> </div> </div> </div> <!-- 29. Slide Set - Style B - Wide Left - Small Right --> <div class="col-12 remove-if-empty"> <div class="container remove-if-empty"> <div class="widget-title "> <z-widget> </z-widget> </div> </div> </div> <div class="col-12 remove-if-empty"> <div class="container slide-set-container remove-if-empty"> <div class="row slide-set"> <div class="col slide-style b-wl-sr"> <z-widget> <div id="home-offer-slider-area_11122" class="home-offer-slider-area"> <script> var _autoplay = $("#offer-banner-").data("autoplay"), _autoplaytimeout = $("#offer-banner-").data("autoplaytimeout"), _autoplayhoverpause = $("#offer-banner-").data("autoplayhoverpause"), _touchdragging = false, _mousedragging = false, _showItems = $("#offer-banner-").parents(".get-banner-tile").data('tiles'); var isHomeOfferSliderWidget = 'False', isTemplateOfferSliderWidget = 'False' _itemCount = (isHomeOfferSliderWidget == 'True' || isTemplateOfferSliderWidget == 'True') ? '4' : '3'; 1 == _autoplay ? $("#offer-banner-").owlCarousel({ autoPlay: _autoplaytimeout, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }) : $("#offer-banner-").owlCarousel({ autoPlay: !1, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }); </script> </div></z-widget> </div> </div> </div> </div> <!-- 30. Slide Set - Style B - One Extra Wide Slide --> <div class="col-12 remove-if-empty"> <div class="container remove-if-empty"> <div class="widget-title "> <z-widget> </z-widget> </div> </div> </div> <div class="col-12 remove-if-empty"> <div class="container slide-set-container remove-if-empty"> <div class="row slide-set"> <div class="col slide-style b-1-e-w-s"> <z-widget> <div id="home-offer-slider-area_11123" class="home-offer-slider-area"> <script> var _autoplay = $("#offer-banner-").data("autoplay"), _autoplaytimeout = $("#offer-banner-").data("autoplaytimeout"), _autoplayhoverpause = $("#offer-banner-").data("autoplayhoverpause"), _touchdragging = false, _mousedragging = false, _showItems = $("#offer-banner-").parents(".get-banner-tile").data('tiles'); var isHomeOfferSliderWidget = 'False', isTemplateOfferSliderWidget = 'False' _itemCount = (isHomeOfferSliderWidget == 'True' || isTemplateOfferSliderWidget == 'True') ? '4' : '3'; 1 == _autoplay ? $("#offer-banner-").owlCarousel({ autoPlay: _autoplaytimeout, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }) : $("#offer-banner-").owlCarousel({ autoPlay: !1, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }); </script> </div></z-widget> </div> </div> </div> </div> <!-- 31. OOB Content Block --> <div class="col-12 remove-if-empty"> <div class="container remove-if-empty"> <div class="row"> <div class="col"> <z-widget> </z-widget> </div> </div> </div> </div> <!-- 32. Featured Products --> <div class="col-12 carousel-card remove-if-empty"> <div class="container featured-products"> <div class="row"> <div class="col featured-products-block"> <z-widget> <div class="product-list-widget"> <div class="owl-carousel Product_List_Widget" id="Product_List_Widget"> </div> <script> $(document).ready(function () { var async = 'False'; if (async == 'True') { Product.prototype.GetPriceAsync(); } InitbLazy(); $(".Product_List_Widget").owlCarousel({ autoPlay: false, navigation: 0 > 4, mouseDrag: false, items: 4, itemsCustom: [ [0, 1], [320, 1], [480, 2], [600, 2], [768, 2], [992, 3], [1200, 4] ], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }); }); </script> </div> </z-widget> </div> </div> </div> </div> <!-- 33. OOB Content Block --> <div class="col-12 remove-if-empty"> <div class="container remove-if-empty"> <div class="row"> <div class="col"> <z-widget> <div class="col-12 p-0"> <div class="col-12 p-0"> <div class="col-12 p-0"> <div class="d-none d-lg-block d-md-none"> <div class="col-12 p-0"> <div style="padding-top: 5px; font-size: 30px; color: #009785; letter-spacing: 0px; text-align: center;">More Ways to Connect</div> </div> </div> <div class="d-none d-md-block d-lg-none"> <div class="col-12 p-0"> <div style="padding-top: 5px; font-size: 30px; color: #009785; letter-spacing: 0px; text-align: center;">More Ways to Connect</div> </div> </div> <div class="d-sm-none"> <div class="col-12 p-0"> <div style="color: #009785; font-size: 25px; text-align: center; letter-spacing: 0px;">More Ways to Connect</div> </div> </div> </div> </div> </div> </z-widget> </div> </div> </div> </div> <!-- 34. Promo Slide - Style 1 - 3 Up --> <div class="col-12 remove-if-empty"> <div class="container remove-if-empty"> <div class="widget-title "> <z-widget> </z-widget> </div> </div> </div> <div class="col-12 remove-if-empty"> <div class="container promo-slide-style-1-3up remove-if-empty"> <div class="row"> <div class="col-sm-12 offer-banner nopadding col-12 p-0 margin-bottom"> <z-widget> <div id="home-offer-slider-area_11202" class="home-offer-slider-area"> <div class="banner-widget"> <div id="offer-banner-11202" class="owl-carousel OfferAdvBanner" data-autoplay="false" data-autoplaytimeout="null" data-autoplayhoverpause="false"> <div class="item item active"> <div class="offer-banner-img promo-img" data-test-selector="linkAdvSpecialOfferBannerImg"> <img src="https://summitstoragez.blob.core.windows.net:443/prod/2f5375f4-feaf-4d84-ab7e-400f27b24f01NursesMonth.jpg" alt="" class="img-fluid" data-test-selector="imgAdvSpecialOfferBannerImg" /> <div class="carousel-caption promo-caption btn-bottom-center Left Align"> <div class="promo-title" style="color: #009785; letter-spacing: 0px;">Nurses Week</div> <p class="promo-description" style="font-weight: 300; letter-spacing: 0px;">Celebrate Nurses Week in style. Visit our pop-up shop for the latest gifts.</p> <div></div> <div></div> <p><button class="btn btn-secondary" onclick="window.location.href='/category/785'">SHOP NOW</button></p> <a class="btn btn-primary slide-action-btn" href="" target="_self">Nurses Week</a> </div> </div> </div> <div class="item item"> <div class="offer-banner-img promo-img" data-test-selector="linkAdvSpecialOfferBannerImg"> <img src="https://summitstoragez.blob.core.windows.net:443/prod/4f75aa7b-4359-4e60-abec-a34b4c669a7cANACustomOrders.jpg" alt="" class="img-fluid" data-test-selector="imgAdvSpecialOfferBannerImg" /> <div class="carousel-caption promo-caption btn-bottom-center Left Align"> <div class="promo-title" style="color: #009785; letter-spacing: 0px;">Custom Order</div> <p class="promo-description" style="font-weight: 300; letter-spacing: 0px;">Contact us today and let's turn your idea into reality.</p> <div></div> <p><button class="btn btn-secondary" onclick="window.location.href='/customquoterequest'">CUSTOM ORDER</button></p> <a class="btn btn-primary slide-action-btn" href="" target="_self">Custom order</a> </div> </div> </div> <div class="item item"> <div class="offer-banner-img promo-img" data-test-selector="linkAdvSpecialOfferBannerImg"> <img src="https://summitstoragez.blob.core.windows.net:443/prod/4f748e67-28b7-4d11-a133-656e65fe448aMakeADonation.jpg" alt="" class="img-fluid" data-test-selector="imgAdvSpecialOfferBannerImg" /> <div class="carousel-caption promo-caption btn-bottom-center Left Align"> <div class="promo-title" style="color: #009785; text-transform: initial; letter-spacing: 0px;">Make a Donation</div> <p class="promo-description" style="font-weight: 300; letter-spacing: 0px;">Donate to help us shape the future of nursing and health care.</p> <div></div> <p><button class="btn btn-secondary" onclick="window.open('https://ebiz.nursingworld.org/anfdonation?_ga=2.175738722.1727089847.1572637598-1032106019.1572386765');">MAKE A DONATION</button></p> <a class="btn btn-primary slide-action-btn" href="" target="_self">Make a Donation</a> </div> </div> </div> </div> </div> <script> var _autoplay = $("#offer-banner-11202").data("autoplay"), _autoplaytimeout = $("#offer-banner-11202").data("autoplaytimeout"), _autoplayhoverpause = $("#offer-banner-11202").data("autoplayhoverpause"), _touchdragging = false, _mousedragging = false, _showItems = $("#offer-banner-11202").parents(".get-banner-tile").data('tiles'); var isHomeOfferSliderWidget = 'False', isTemplateOfferSliderWidget = 'False' _itemCount = (isHomeOfferSliderWidget == 'True' || isTemplateOfferSliderWidget == 'True') ? '4' : '3'; 1 == _autoplay ? $("#offer-banner-11202").owlCarousel({ autoPlay: _autoplaytimeout, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }) : $("#offer-banner-11202").owlCarousel({ autoPlay: !1, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }); </script> </div></z-widget> </div> </div> </div> </div> <!-- 35. Promo Cards - 3 Up --> <div class="col-12 remove-if-empty"> <div class="container remove-if-empty"> <div class="widget-title "> <z-widget> </z-widget> </div> </div> </div> <div class="col-12 remove-if-empty"> <div class="container promo-set-container remove-if-empty"> <div class="row slide-set"> <div class="col offer-banner pc-style pc-3up"> <z-widget> <div id="home-offer-slider-area_11153" class="home-offer-slider-area"> <script> var _autoplay = $("#offer-banner-").data("autoplay"), _autoplaytimeout = $("#offer-banner-").data("autoplaytimeout"), _autoplayhoverpause = $("#offer-banner-").data("autoplayhoverpause"), _touchdragging = false, _mousedragging = false, _showItems = $("#offer-banner-").parents(".get-banner-tile").data('tiles'); var isHomeOfferSliderWidget = 'False', isTemplateOfferSliderWidget = 'False' _itemCount = (isHomeOfferSliderWidget == 'True' || isTemplateOfferSliderWidget == 'True') ? '4' : '3'; 1 == _autoplay ? $("#offer-banner-").owlCarousel({ autoPlay: _autoplaytimeout, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }) : $("#offer-banner-").owlCarousel({ autoPlay: !1, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }); </script> </div></z-widget> </div> </div> </div> </div> <!-- 36. Promo Cards - 2 Up --> <div class="col-12 remove-if-empty"> <div class="container remove-if-empty"> <div class="widget-title "> <z-widget> </z-widget> </div> </div> </div> <div class="col-12 remove-if-empty"> <div class="container promo-set-container remove-if-empty"> <div class="row slide-set"> <div class="col offer-banner pc-style pc-2up"> <z-widget> <div id="home-offer-slider-area_11154" class="home-offer-slider-area"> <script> var _autoplay = $("#offer-banner-").data("autoplay"), _autoplaytimeout = $("#offer-banner-").data("autoplaytimeout"), _autoplayhoverpause = $("#offer-banner-").data("autoplayhoverpause"), _touchdragging = false, _mousedragging = false, _showItems = $("#offer-banner-").parents(".get-banner-tile").data('tiles'); var isHomeOfferSliderWidget = 'False', isTemplateOfferSliderWidget = 'False' _itemCount = (isHomeOfferSliderWidget == 'True' || isTemplateOfferSliderWidget == 'True') ? '4' : '3'; 1 == _autoplay ? $("#offer-banner-").owlCarousel({ autoPlay: _autoplaytimeout, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }) : $("#offer-banner-").owlCarousel({ autoPlay: !1, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }); </script> </div></z-widget> </div> </div> </div> </div> <!-- 37. Promo Slide - Style 1 - 3 Up --> <div class="col-12 remove-if-empty"> <div class="container remove-if-empty"> <div class="widget-title "> <z-widget> </z-widget> </div> </div> </div> <div class="col-12 remove-if-empty"> <div class="container promo-slide-style-1-3up remove-if-empty"> <div class="row"> <div class="col-sm-12 offer-banner nopadding col-12 p-0 margin-bottom"> <z-widget> <div id="home-offer-slider-area_11203" class="home-offer-slider-area"> <script> var _autoplay = $("#offer-banner-").data("autoplay"), _autoplaytimeout = $("#offer-banner-").data("autoplaytimeout"), _autoplayhoverpause = $("#offer-banner-").data("autoplayhoverpause"), _touchdragging = false, _mousedragging = false, _showItems = $("#offer-banner-").parents(".get-banner-tile").data('tiles'); var isHomeOfferSliderWidget = 'False', isTemplateOfferSliderWidget = 'False' _itemCount = (isHomeOfferSliderWidget == 'True' || isTemplateOfferSliderWidget == 'True') ? '4' : '3'; 1 == _autoplay ? $("#offer-banner-").owlCarousel({ autoPlay: _autoplaytimeout, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }) : $("#offer-banner-").owlCarousel({ autoPlay: !1, stopOnHover: _autoplayhoverpause, items: 1, navigation: true, touchDrag: _touchdragging, mouseDrag: _mousedragging, itemsCustom: _showItems || [[0, 1], [320, 1], [600, 2], [768, 2], [992, 3], [1200, _itemCount]], navigationText: [ "<span class='left-icon'></span>", "<span class='right-icon'></span>" ] }); </script> </div></z-widget> </div> </div> </div> </div> <!-- 38. OOB Content Block --> <div class="col-12 remove-if-empty"> <div class="container remove-if-empty"> <div class="row"> <div class="col"> <z-widget> </z-widget> </div> </div> </div> </div> <!-- 39. Category List --> <div class="col-12 carousel-card remove-if-empty"> <div class="container"> <div class="row"> <div class="col p-0"> <!--BestSelling Widget--> <z-widget> <div class=home-categorylist-area1993> </div></z-widget> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!--Footer Widgets--> <footer id="layout-footer" class="footer" role="contentinfo"> <z-widget><div class="container"> <div class="row footer-container pb-4"> <div class="col-12"> <div class="row" itemscope itemtype="http://schema.org/WebPage"> <div class="col-12 col-lg-2 col-md-4 footer-block mt-5"> <div class="footer-header" data-test-selector="lblFooterHelpHeading">Support Center</div> <div class="default-footer footer-help-section-link"> <ul> <li id="footerContactUs"><a href="/caserequest/contactus" target="_self" data-test-selector="linkInfoList" class="smtTT">Contact us</a> </li> <li id="footerLogin"><a href="#sign-in-nav" data-target="#sign-in-nav" data-test-selector="linkInfoList" class="OpenNav smtTT" onclick="User.prototype.LoginInPopup()">Sign in</a> </li> <li id="footerFAQ"><a href="/FAQs" target="_self" data-test-selector="linkInfoList" class="smtTT">FAQ</a> </li> <li id="footerTrackOrder"><a href="/user/getorderdetails?Length=0" target="_self" data-test-selector="linkInfoList" class="smtTT">Track order</a></li> <li id="footerCustomQuote"><a href="/CustomQuoteRequest" target="_self" data-test-selector="linkInfoList" class="smtTT">Custom quote request</a> </li> <li id="footerSiteMap"><a href="/sitemap" target="_self" data-test-selector="linkInfoList" class="smtTT">Site map</a></li> </ul> </div> <div class="footer-help-section-link"> <z-widget> <ul class="link-panel-widget"> <li> <a href="https://ebiz.nursingworld.org/anfdonation?_ga=2.175738722.1727089847.1572637598-1032106019.1572386765" target="_blank" data-test-selector="linkInfoList">Make a Donation</a> </li> </ul> </z-widget> </div> </div> <div class="col-12 col-lg-2 col-md-4 footer-block mt-5"> <div class="footer-header" data-test-selector="lblFooterStoreInfo">Our Policies</div> <div class="default-footer footer-help-section-link"> <ul> </ul> </div> <z-widget> <ul class="link-panel-widget"> <li> <a href="/PrivacyPolicy" target="_self" data-test-selector="linkInfoList">Privacy Policy</a> </li> <li> <a href="/TermsConditions" target="_self" data-test-selector="linkInfoList">Terms and Conditions</a> </li> <li> <a href="/ProductSafety" target="_self" data-test-selector="linkInfoList">Product Safety</a> </li> </ul> </z-widget> </div> <div class="col-12 col-md-1 footer-block mt-5 news-letter-small"> <!-- Newsletter was here --> </div> <div class="col-12 col-lg-5 col-md-6 footer-block mt-4 mt-md-5"> <div class="newsletter-widget pb-4 b2b-new-customer-text"> <div class="col-12 pl-0 mb-2 SignUpLabel"> <label data-test-selector="lblSubscribeNewsLetter" for="lblSignUp">Sign up for emails now and you'll be the first one to know about latest sales, new arrivals and special offers.</label> </div> <div class="col-12 input-field p-0 text-left"> <form action="/SMTHome/SignUpForNewsLetter?Length=4" data-ajax="true" id="searchform" method="post"> <div class="input-group" id="newsletter"> <input class="col-xl-7" data-test-selector="txtNewsLetterEmail" id="txtNewsLetterSignUp" name="txtNewsLetterSignUp" placeholder="Email address" type="text" value="" /> <span class="btn-newsletter col-xl-5 pt-2 pt-xl-0 pl-0 pl-xl-1"> <button class="btn btn-primary" id="btnNewsLetterSignUp" type="button" onclick="Home.prototype.ValidationForEmailID();" data-test-selector="btnNewsLetterSignUp">Subscribe</button> </span> <input id="signupSuccess" name="signupSuccess" type="hidden" value="Thank you for signing up!" /> </div> </form> <p id="newslettererrormessage" style="display:none" data-test-selector="lblnewslettererrmsg"></p> </div> </div> <div class="social-media-icons pt-3"> <z-widget> <ul class="link-panel-widget"> <li> <a href="https://www.facebook.com/AmericanNursesAssociation/" target="_blank"> <img class="img-fluid b-lazy" data-src="https://summitstoragez.blob.core.windows.net:443/prod/Thumbnail/174f2acf-38dd-4b1f-880f-f370a2590f70fb-logo-03.png" alt="Facebook" title="Facebook" data-test-selector="Facebook" /> </a> </li> <li> <a href="https://twitter.com/ANANursingWorld?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor" target="_blank"> <img class="img-fluid b-lazy" data-src="https://summitstoragez.blob.core.windows.net:443/prod/Thumbnail/40246bb8-5ebe-431e-b97b-8f955d23bca5logo-white-x.png" alt="Twitter" title="Twitter" data-test-selector="Twitter" /> </a> </li> <li> <a href="https://www.linkedin.com/company/american-nurses-association/" target="_blank"> <img class="img-fluid b-lazy" data-src="https://summitstoragez.blob.core.windows.net:443/prod/Thumbnail/7fe0e368-277f-458b-9659-c7ea9d0ccb63linkedin-icon-white-04.png" alt="Linkedin" title="Linkedin" data-test-selector="Linkedin" /> </a> </li> </ul> </z-widget> </div> </div> </div> </div> </div> <a href="javascript:void(0);" class="back-to-top" data-test-selector="linkBackToTop" aria-hidden="true" tabindex="-1"><span class="up-icon"></span></a> <script>$('[itemtype = "http://schema.org/WebPage"] a').attr("itemprop", "significantLinks"); $('.back-to-top').click(function () { $("html, body").animate({ scrollTop: 0 }, 600); });</script> </div> <div class="col-12 mt-1 footer-copyright"> <div class="p-3 text-center key-FooterCopyrightText"><strong>American Nurses Association Apparel and Gift Store</strong><br />Copyright 漏 <script type="text/javascript">// <![CDATA[ document.write(new Date().getFullYear()); // ]]></script> Summit Group | All rights reserved | Powered by Summit Group LLC. | Summit Group Branded Merchandise | 160 E Fullerton Avenue, Carol Stream, IL 60188, USA</div> <a href="" class="back-to-top" data-test-selector="linkBackToTop" aria-hidden="true" tabindex="-1"><span class="up-icon"></span></a> </div> <script> $(document).ready(function () { var bodyID = $('body').attr('id'); $('#layout-footer .back-to-top').attr( 'href','#'+bodyID); }); </script></z-widget> </footer> </div> <div class="mega-menu-overlay" id="megamenuoverlay" onclick="closeNav()"></div> <script id="tmpl-typeahead-results" type="text/template"> <a href="#" class="close"><span class="close-icon close"></span></a> <ul> {{#matches}} <li><a href="/Search?searchTerm={{term}}&category={{category}}"><strong>{{product}}</strong> {{suffix}}</a></li> {{/matches}} </ul> </script> <script id="tmpl-alertmessage" type="text/template"> <div id="status-message" class="{{style}} alert alert-info text-center">{{message}}</div> </script> <input id="hdnPaymentAppUrl" name="hdnPaymentAppUrl" type="hidden" value="https://zpayment.summitmg.com" /> <script src="/bundles/CoreJs?v=wG2zvO31sicNNKo2R33ZlBVQN5sMML7qQRbcln1pIUk1"></script> <script src="/bundles/ZnodeCoreJs?v=sWvJ5xHxQ8g01GtA1P4ZkDNEtMjvawEymOjoHmk3bSw1"></script> <script src="/bundles/ZnodeCustomJs?v=fXGa-MvW5fiedZJxsR9rI1n85X9pLQ_gKaxc92IhZHo1"></script> <div class="modal fade quick-view-popup" id="quick-view-popup-ipad" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-centered"> <!-- Modal content--> <div class="modal-content"> <button type="button" class="btn close close-circle-icon" data-dismiss="modal" data-test-selector="btnQuickViewClose" aria-label="Close"></button> <div class="modal-body"> <div id="quick-view-content" class="quick-view-content"> </div> </div> </div> </div> </div> <!--inventory popup--> <div class="modal fade inventory-popup" id="inventory-popup" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-centered"> <!-- Modal content--> <div class="modal-content"> <button type="button" class="btn close close-circle-icon" data-dismiss="modal" data-test-selector="btnInventoryClose" aria-label="Close"></button> <div class="modal-body p-0"> <div id="inventory-popup-content" class="inventory-popup-content"> </div> </div> </div> </div> </div> <div id="loginModal" class="modal fade" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header justify-content-start"> <h4 class="modal-title">Our Terms and Conditions Have Changed</h4> </div> <div class="modal-body"> <div class="d-flex align-items-end t-and-c-modal"> <input id="loginterms_condition" name="" value="true" required type="checkbox" onclick="SMTValidateTermsAndConditions()"> <label for="loginterms_condition"> I have read and accept the terms and conditions. Click<a href="/TermsConditions" target="_terms">here</a> to read more. </label> </div> </div> <div class="modal-footer"> <button type="button" id="btn_accept" onclick="SMTUser.prototype.SMTSubmitLogin()" class="btn btn-primary" data-dismiss="modal">Accept</button> <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button> </div> </div> </div> </div> <div class="modal fade" id="NoCheckboxSelected" role="dialog"> <div class="modal-dialog modal-md"> <div class="modal-content"> <div class="modal-header d-flex align-items-center justify-content-start"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="z-close-circle"></i></button> <h4 class="modal-title">Error!!</h4> </div> <div class="modal-body"> <p>Please select at least one record.</p> </div> <div class="modal-footer"> <div class="pull-right"> <button type="button" id="btn-cancel-popup" class="btn btn-primary" data-dismiss="modal"><i class='z-ok'></i>Ok</button> </div> </div> </div> </div> </div> <div class="modal fade" id="PopUpConfirm" role="dialog"> <div class="modal-dialog modal-md"> <div class="modal-content"> <div class="modal-header d-flex align-items-center justify-content-start"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="z-close-circle"></i></button> <h4 class="modal-title">Confirm delete?</h4> </div> <div class="modal-body"> <p>Are you sure you want to delete the selected record?</p> </div> <div class="modal-footer"> <div class="pull-right"> <button type='button' class='btn btn-primary' data-dismiss="modal" onclick="javascript:$('body').removeClass('modal-open');$('body').removeAttr('style'); DynamicGrid.prototype.RedirectToDelete(this)"><i class='z-ok'></i>Ok</button> <button type="button" id="btn-cancel-popup" class="btn btn-secondary ml-2" data-dismiss="modal"><i class='z-cancel'></i>Cancel</button> </div> </div> </div> </div> </div> <div id="divAddedForCompare" class="modal fade comparepopup" role="dialog"> <div class="compare-product-popup modal-dialog modal-md modal-dialog-centered" id="popUp_content"> </div> </div> <button data-test-selector="btnCompare" id="btnAddCompare" style="display:none" data-toggle="modal" data-target=".comparepopup">Compare</button> <input id="hdnPortalId" name="hdnPortalId" type="hidden" value="43" /> <div id='Single-loader-content-backdrop' class='loader modal-backdrop' style="display:none"> <div id='loading' class='d-flex modal-dialog-centered justify-content-center'> <img src="/Views/Themes/SMTBranded/Images/loading.svg" aria-hidden="true" alt="Loading" /> </div> </div> <script> $(window).on("scroll touchmove", function () { if ($('header').offset().top < 200) { $("body").css('padding-top', $("header").height()); } }); function SMTValidateTermsAndConditions() { var isChecked = $("#loginterms_condition").is(":checked"); if (!isChecked) { $("#btn_accept").attr('disabled', 'disabled') } else { $("#btn_accept").removeAttr("disabled") }; } var dataLayer = []; $(document).ready(function () { var notification = new ZnodeNotification(); notification.DisplayNotificationMessages(); $("#inventory-popup button.close").click(function () { if ($("#quick-view-popup-ipad").hasClass("show")) { setTimeout( function () { $('body').addClass('modal-open'); }, 350); } }); if ($("#loginterms_condition").length > 0) { $("#btn_accept").attr('disabled', 'disabled'); } $('#layout-home z-widget').each(function (k, v) { // Check if element contains any text if ($(this).is('z-widget')) { if (($.trim($(this).text()).length == 0)) { $(this).closest('.remove-if-empty').remove(); } else if (($.trim($(this).html()) == '' || $(this).children().children().length == 0 || ($(this).children().children().prop('tagName') == "SCRIPT"))) { $(this).closest('.remove-if-empty').remove(); } } }); $('#layout-home .remove-if-empty').each(function () { // Check if element contains any text or else remove margin if ($(this).find('z-widget').length == 0) { $(this).find('.slide-style').addClass('mb-0'); } }); }); </script> </body> </html> <input id="currentThemePath" name="currentThemePath" type="hidden" value="SMTBranded" /> <script type="application/ld+json"> { "@context" : "http://schema.org", "@type" : "Organization", "@id" : "https://www.shopana.org", "name" : "ANA Shop", "url" : "https://www.shopana.org", "logo" : "5bb58507-884f-484b-bff5-caf16ebc86fcANA.Flame.Logo.png", "contactPoint": [{ "@type" : "ContactPoint", "telephone" : "Customer Support", "contactType" : "customer service", "contactOption" : "TollFree" }], "sameAs" : [ "https://www.facebook.com/", "https://twitter.com/", "https://www.linkedin.com/", "https://plus.google.com/", "https://www.instagram.com/", "https://www.pinterest.com/" ] } </script> <script type=application/ld+json> {"@context": "http://schema.org", "@type": "WebSite", "url": "https://www.shopana.org", "potentialAction": { "@type": "SearchAction" , "target": "https://www.shopana.org/search?SearchTerm={search_term}", "query-input": "{search_term}" } } </script> <script type="application/ld+json"> { "@context": "http://schema.org/", "@type": "LocalBusiness", "name": "ANA Shop", "image": "5bb58507-884f-484b-bff5-caf16ebc86fcANA.Flame.Logo.png", "priceRange" : "$", "telephone": "Customer Support", "email": "cs.ana@summitmg.com", "url" : "https://www.shopana.org", "address": { "@context": "http://schema.org/", "@type": "PostalAddress", "streetAddress": "Street One", "addressLocality": "Example area", "addressRegion": "OH", "postalCode": "45828" } } </script> <!--5 20250327.1 -->