ClientPortal
Client Portal >
<header id="header"> <div class="header_top" style="background-color: #cd1316;"> <div class="container"> <div id="desktop-only"> <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;"> <tr> <td style="width: 76%"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top"><div style="padding-top: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 8px;"><span style="font-size: 12px; color: #ffffff;">AUSTRALIA:</span></div></td> <td valign="top"><div style="padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 8px;"><span style="font-size: 12px; color: #ffffff;"><i class="fa fa-phone"></i> +61 2 8667 4600</span></div></td> <td valign="top"><div style="padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;"><span style="font-size: 12px; color: #ffffff;"><i class="fa fa-envelope"></i> sales@sposgroup.com</span></div></td> <td valign="top"><div style="padding-top: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 10px;"><span style="font-size: 12px; color: #ffffff;">|</span></div></td> <td valign="top"><div style="padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 8px;"><span style="font-size: 12px; color: #ffffff;">NEW ZEALAND:</span></div></td> <td valign="top"><div style="padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 8px;"><span style="font-size: 12px; color: #ffffff;"><i class="fa fa-phone"></i> +64 9 414 2210</span></div></td> <td valign="top"><div style="padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;"><span style="font-size: 12px; color: #ffffff;"><i class="fa fa-envelope"></i> sales@nzpos.co.nz</span></div></td> </tr> </table> </td> <td style="width: 24%;" valign="top" align="right"> <div class="social-icons pull-right" style="display: none;"> <ul class="nav navbar-nav" style="white-space: nowrap;"> <li><a href="#"><i class="fa fa-facebook"></i></a></li> <li><a href="#"><i class="fa fa-twitter"></i></a></li> <li><a href="#"><i class="fa fa-linkedin"></i></a></li> <li><a href="#"><i class="fa fa-google-plus"></i></a></li> </ul> </div> <div style="padding-top: 5px; padding-bottom: 5px;"> <table border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td style="white-space: nowrap;"><div style="margin-top: 5px; padding-right: 8px;"><span style="font-size: 12px; color: #ffffff;">SELECT COUNTRY:</span></div></td> <td style="white-space: nowrap;"> <div class="social-icons" style="display: none;"> <ul class="nav navbar-nav" style="white-space: nowrap;"> <li><a href="#"><i class="fa fa-facebook"></i></a></li> <li><a href="#"><i class="fa fa-twitter"></i></a></li> <li><a href="#"><i class="fa fa-linkedin"></i></a></li> <li><a href="#"><i class="fa fa-google-plus"></i></a></li> </ul> </div> <div id="country-selector" class="btn-group"> <div class="btn-group"> <button type="button" class="btn btn-default dropdown-toggle aus" data-toggle="dropdown">Australia <span class="caret"></span></button> <ul class="dropdown-menu" style="font-size: 12px; min-width: auto;"> <li><a href="javascript: gotoICandySiteContactUs();">New Zealand</a></li> </ul> </div> </div> </td> </tr> </table> </div> </td> </tr> </table> </div> <div id="mobile-only"> <table border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td valign="top"><div style="padding-top: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 8px;"><span style="font-size: 12px; color: #ffffff;">AUSTRALIA:</span></div></td> <td valign="top"><div style="padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 8px;"><span style="font-size: 12px; color: #ffffff;"><i class="fa fa-phone"></i> +61 2 8667 4600</span></div></td> <td valign="top"><div style="padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;"><span style="font-size: 12px; color: #ffffff;"><i class="fa fa-envelope"></i> sales@spos.com.au</span></div></td> </tr> </table> <table border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td valign="top"><div style="padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 8px;"><span style="font-size: 12px; color: #ffffff;">NEW ZEALAND:</span></div></td> <td valign="top"><div style="padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 8px;"><span style="font-size: 12px; color: #ffffff;"><i class="fa fa-phone"></i> +64 9 313 2210</span></div></td> <td valign="top"><div style="padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;"><span style="font-size: 12px; color: #ffffff;"><i class="fa fa-envelope"></i> sales@nzpos.co.nz</span></div></td> </tr> </table> <div style="padding-bottom: 7px;"> <table border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td><div style="margin-top: 5px; padding-right: 8px;"><span style="font-size: 12px; color: #ffffff;">SELECT COUNTRY:</span></div></td> <td> <div class="social-icons" style="display: none;"> <ul class="nav navbar-nav" style="white-space: nowrap;"> <li><a href="#"><i class="fa fa-facebook"></i></a></li> <li><a href="#"><i class="fa fa-twitter"></i></a></li> <li><a href="#"><i class="fa fa-linkedin"></i></a></li> <li><a href="#"><i class="fa fa-google-plus"></i></a></li> </ul> </div> <div id="country-selector" class="btn-group"> <div class="btn-group"> <button type="button" class="btn btn-default dropdown-toggle aus" data-toggle="dropdown">Australia <span class="caret"></span></button> <ul class="dropdown-menu" style="font-size: 12px; min-width: auto;"> <li><a href="javascript: gotoICandySiteContactUs();">New Zealand</a></li> </ul> </div> </div> </td> </tr> </table> </div> </div> </div> </div><!--/header_top--> <div class="header-middle"><!--header-middle--> <div class="container"> <div id="desktop-only" class="row"> <div class="col-sm-6" style="padding-right: 0px;"> <div id="container-logo-top-desktop" class="logo pull-left" style="margin-right: 25px;"> <div id="top-logo"><a href="/"><img src="/avt-spos-retail/images/common/logo-spos-red-text.png" alt="" style="width: 75%;"/></a></div> </div> <div id="container-currency-desktop"> {if HAS_CURRENCY_LOOP == 'T'} <div id="currency-selector" class="btn-group"> <div style="margin-top: 15px; text-align: center;"><span style="font-size: 12px; color: #cd1316;">CURRENCY SELECTOR</span></div> <div class="btn-group"> {var CURRENCY_SELECTED} {for CURRENCY_SELECTED in CURRENCY_LOOP} {if CURRENCY_SELECTED.IS_SELECTED == 'T'} <button type="button" class="btn btn-default dropdown-toggle aus" data-toggle="dropdown">${CURRENCY_SELECTED.TEXT} <span class="caret"></span></button> {/if} {/for} <ul class="dropdown-menu" style="font-size: 12px;"> {var CURRENCY_LIST} {for CURRENCY_LIST in CURRENCY_LOOP} {if CURRENCY_LIST.IS_SELECTED != 'T'} <li currency-value="${CURRENCY_LIST.VALUE}"><a href="javascript: changeSelectedCurrency('${CURRENCY_LIST.VALUE}');" currency-value="${CURRENCY_LIST.VALUE}">${CURRENCY_LIST.TEXT}</a></li> {/if} {/for} </ul> </div> </div> {/if} </div> </div> <div class="col-sm-6" style="padding-left: 0px;"> <div id="container-login-top-desktop" class="pull-right"> <div id="login-top" class="shop-menu" style="margin-top: 15px;"> <ul id="ul-login" class="nav navbar-nav"> {if HAS_SESSION} {if ISBUNNING_RANGE} <li><a href="/Images/SPOS Bunnings Web Portal Guide.pdf" target="_blank">Website Guide</a></li> {/if} <li><a href="${CUSTOMER_CENTER_URL}"><i class="fa fa-user"></i> My Account</a></li> {else} <li><a href="${REGISTRATION_URL}"><i class="fa fa-user"></i> Register</a></li> {/if} <li><a href="${CHECKOUT_URL}"><i class="fa fa-crosshairs"></i> Checkout</a></li> <li><a href="${CART_URL}"><i class="fa fa-shopping-cart"></i> Cart</a></li> {if HAS_SESSION} <li><a href="${LOGOUT_URL}"><i class="fa fa-lock"></i> Logout</a></li> {else} <li><a href="${LOGIN_URL}"><i class="fa fa-lock"></i> Login</a></li> {/if} </ul> </div> </div> </div> </div> <div id="mobile-only" class="row"> <div id="container-logo-top-mobile" style="text-align: center;"></div> <div id="container-currency-mobile" style="text-align: center;"></div> <div id="container-login-top-mobile" style="text-align: center;"></div> </div> </div> </div><!--/header-middle--> <div class="header-bottom"><!--header-bottom--> <div class="container"> <div class="row"> <div class="col-sm-9"> <div class="navbar-header"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td> <button id="butt-toggle-mobile" type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <BR> </td> <td width="100%" id="td-global-search-mobile"> </td> </tr> </table> </div> <style> .sub-menu > li:hover > ul.sub-menu-level-two { display: block; -webkit-animation: fadeInUp 400ms; -moz-animation: fadeInUp 400ms; -ms-animation: fadeInUp 400ms; -o-animation: fadeInUp 400ms; animation: fadeInUp 400ms; } ul.sub-menu-level-two { position: absolute; top: 0px; left: 220px; background-color: #cd1316; list-style: none; padding: 0; margin: 0; width: 220px; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); display: none; z-index: 999; } /* xs */ @media (max-width: 767px) { ul.sub-menu-level-two{ position: relative; width: auto; display: block; background: transparent; box-shadow: none; top: 0; left: 0px; } .sub-menu-level-two li{ background: transparent; } .sub-menu > li:hover > ul.sub-menu-level-two{ background: transparent; padding-bottom:0; } .sub-menu > li:hover > ul.sub-menu-level-two{ -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; box-shadow: none; } .fa-angle-right{ display: none; } } @media (max-width: 480px) { .fa-angle-right{ display: none; } ul.sub-menu-level-two{ position: relative; width: auto; display: block; background: transparent; box-shadow: none; top: 0; left: 0px; } .sub-menu > li:hover > ul.sub-menu-level-two{ background: transparent; padding-bottom:0; } .sub-menu > li:hover > ul.sub-menu-level-two{ -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; box-shadow: none; } } </style> <div class="mainmenu pull-left"> <ul id="top-nav-links" class="nav navbar-nav collapse navbar-collapse" style="margin-top: 8px;"> <li><a id="header-first-link" href="/" category-id="-101">Home</a></li> <li class="dropdown"><a href="/Catalogue/" category-id="-124">Catalogue <i class="fa fa-angle-down"></i></a> <ul role="menu" class="sub-menu"> <li> <a href="/Catalogue/Datastrip/">Datastrip <i class="fa fa-angle-right" style="float:right;"></i></a> <ul role="menu" class="sub-menu-level-two"> <li><a href="/Catalogue/Datastrip/Angled/">Angled</a></li> <li><a href="/Catalogue/Datastrip/Curved-branding/">Curved & Branding</a></li> <li><a href="/Catalogue/Datastrip/Clip-On/">Clip On</a></li> <li><a href="/Catalogue/Datastrip/Flat/">Flat</a></li> <li><a href="/Catalogue/Datastrip/Hanging/">Hanging</a></li> <li><a href="/Catalogue/Datastrip/Specialty/">Specialty</a></li> </ul> </li> <li> <a href="/Catalogue/Holders/">Holders <i class="fa fa-angle-right" style="float:right;"></i></a> <ul role="menu" class="sub-menu-level-two"> <li><a href="/Catalogue/Holders/Brochures-And-Literature/">Brochures & Literature</a></li> <li><a href="/Catalogue/Holders/Menu/">Menu</a></li> </ul> </li> <li> <a href="/Catalogue/Hooks/">Hooks <i class="fa fa-angle-right" style="float:right;"></i></a> <ul role="menu" class="sub-menu-level-two"> <li><a href="/Catalogue/Hooks/Plastic/">Plastic</a></li> <li><a href="/Catalogue/Hooks/Single/">Single</a></li> <li><a href="/Catalogue/Hooks/Flip-Scan/">Flip Scan</a></li> <li><a href="/Catalogue/Hooks/Hooks-Specialty/">Specialty</a></li> <li><a href="/Catalogue/Hooks/Hooks-Loss-Prevention/">Loss Prevention</a></li> <li><a href="/Catalogue/Hooks/Flip-Up-Label-Holder/">Flip-Up Label Holder</a></li> <li><a href="/Catalogue/Hooks/Hook-Accessories/">Hook Accessories</a></li> </ul> </li> <li><a href="/Catalogue/POP-Accessories/">POP Accessories</a></li> <li> <a href="/Catalogue/Signage-Systems/">Signage Systems <i class="fa fa-angle-right" style="float:right;"></i></a> <ul role="menu" class="sub-menu-level-two"> <li><a href="/Catalogue/Signage-Systems/Frames/">Frames</a></li> <li><a href="/Catalogue/Signage-Systems/Frame-Accessories/">Frame Accessories</a></li> <li><a href="/Catalogue/Signage-Systems/Hanging-Accessories/">Hanging Accessories</a></li> <li><a href="/Catalogue/Signage-Systems/Poster-Holders/">Poster Holders</a></li> <li><a href="/Catalogue/Signage-Systems/Sellstrips/">Sellstrips</a></li> <li><a href="/Catalogue/Signage-Systems/Suction-Cups/">Suction Cups</a></li> <li><a href="/Catalogue/Signage-Systems/Grippers/">Grippers</a></li> <li><a href="/Catalogue/Signage-Systems/Ticketing/">Ticketing</a></li> <li><a href="/Catalogue/Signage-Systems/Other/">Other</a></li> </ul> </li> <li> <a href="/Catalogue/Shelf-Management/">Shelf Management <i class="fa fa-angle-right" style="float:right;"></i></a> <ul role="menu" class="sub-menu-level-two"> <li><a href="/Catalogue/Shelf-Management/Dividers/">Dividers</a></li> <li><a href="/Catalogue/Shelf-Management/Pushers/">Pushers</a></li> <li><a href="/Catalogue/Shelf-Management/Risers/">Risers</a></li> <li><a href="/Catalogue/Shelf-Management/Rails/">Rails</a></li> <li><a href="/Catalogue/Shelf-Management/Shelf-Management-Specialty/">Specialty</a></li> <li><a href="/Catalogue/Shelf-Management/WavFlo-Mats/">Shelf Mats</a></li> </ul> </li> <li> <li><a href="/Catalogue/Cafe-Food-Display/">Cafe & Food Display</a></li> </li> </ul> </li> <li><a href="/Catalogue/FlexRoller/">FlexRoller™</a></li> <li class="dropdown"><a href="/legalstuff/" category-id="-130">Contacts and Legals <i class="fa fa-angle-down"></i></a> <ul role="menu" class="sub-menu"> <li><a href="/legalstuff/About-Us.html">About Us</a></li> <li><a href="/legalstuff/Returns-Shipping.html">Returns & Shipping</a></li> <li><a href="/legalstuff/Orders-Pricing.html">Orders & Pricing</a></li> <li><a href="/legalstuff/Privacy-Notice.html">Privacy Notice</a></li> <li><a href="/legalstuff/Terms-of-Use.html">Terms of Use</a></li> <li><a href="/legalstuff/Email-Us.html">Email us</a></li> </ul> </li> <!--li class="dropdown"><a href="/TempTab/" category-id="-142">Temp Tab <i class="fa fa-angle-down"></i></a></li--> <li><a href="http://www.icandycreative.com.au/">iCandy</a></li> {if ISBUNNING_RANGE} <li><a href="/Bunnings-Range/">Bunnings Range</a></li> {/if} </ul> </div> </div> <div class="col-sm-3"> <div id="container-global-search-desktop" class="pull-right"> <table id="table-global-search" border="0" cellpadding="0" cellspacing="0" style="width: 100%;"> <tr> <td style="width: 100%;"> <div style="background-color: #cd1316; padding: 8px;"> <!--input type="text" name="global-search" id="global-search" value="Search Product" style="padding: 0px; margin: 0px; background-color: #cd1316; font-size: 12px; color: #ffffff; font-style: italic; border: none; width: 100%;"--> <form id="searchportlettag" name="searchportlettag" onsubmit="window.location.href='/s.nl?${APPEND_URL}&search='+escape(document.forms['searchportlettag'].elements['search'].value);return false;"> <input type="text" id="search" name="search" value="Search" style="padding: 0px; margin: 0px; background-color: #cd1316; font-size: 12px; color: #ffffff; font-style: italic; border: none; width: 100%;"/> </form> </div> </td> <td><div id="butt-global-search" style="background-color: #cd1316; padding: 8px;"><span style="font-size: 12px; color: #ffffff; cursor: pointer;"><i class="fa fa-search"></i></span></div></td> </tr> </table> </div> </div> </div> </div> </div><!--/header-bottom--> </header><!--/header--> <!-- #### start main slider top ### --> <section id="slider" style="display: none;"></section> <!-- #### end main slider top ### --> <!-- #### start main contents ### --> <section id="da-main-contents"></section> <!-- #### end main contents ### --> <script> $(function() { var currentCategoryId = '${CURRENT_CATEGORYID}'; $("a[category-id='" + currentCategoryId + "']").addClass("active"); /** start global search event script **/ $("input[id='search']").keypress(function(event) { var searchValue = $(this).val(); var hasSearchValue = (!$.isBlank(searchValue)) ? true : false; if (event.keyCode == 13 && !hasSearchValue) { event.preventDefault(); } if (event.keyCode == 13 && hasSearchValue) { return true; } }); var searchDefaultInputText = 'Search'; $("input[id='search']").focusin(function() { var searchValue = $(this).val(); var hasSearchValue = (!$.isBlank(searchValue)) ? true : false; if (hasSearchValue) { if (searchValue == searchDefaultInputText) { $(this).val(""); } } }); $("input[id='search']").focusout(function() { var searchValue = $(this).val(); var hasSearchValue = (!$.isBlank(searchValue)) ? true : false; if (!hasSearchValue) { $(this).val(searchDefaultInputText); } }); $("div[id='butt-global-search']").click(function(){ var searchDefaultInputText = 'What Are You Looking For?'; var searchValue = $("input[id='search']").val(); var hasSearchValue = (!$.isBlank(searchValue)) ? true : false; if (hasSearchValue && searchValue != searchDefaultInputText) { //console.log("Trigger Search"); $("#searchportlettag").submit(); } }); /** end global search event script **/ }); </script>
<footer id="footer" style="background-color: #8b8b8b;"><!--Footer--> <div class="footer-top"> <div class="container"> <div class="row"> <div class="col-sm-8"> <div class="row"> <div class="col-sm-6"> <div class="bg-img-map-au" style="padding: 40px;"> <p><span style="font-size: 20px; font-weight: bold; color: #ffffff;">AUSTRALIA</span></p> <p><span style="color: #ffffff; font-size: 14px; font-weight: 400;">Unit 4, 17 Stanton Road, Seven Hills<br>NSW 2147, Australia<br>Phone: +61 2 8667 4600<br>Fax: +61 2 8667 4699</span></p> </div> </div> <div class="col-sm-6"> <div class="bg-img-map-nz" style="padding: 40px;"> <p><span style="font-size: 20px; font-weight: bold; color: #ffffff;">NEW ZEALAND</span></p> <p><span style="color: #ffffff; font-size: 14px; font-weight: 400;">Unit 1, 7 Henry Rose Place, Albany<br>Auckland 0632<br>Phone: +64 9 414 2210<br>Fax: +64 9 414 2219</span></p> </div> </div> </div> </div> <div class="col-sm-4"> <div style="padding: 40px;"> <!-- <h4 style="font-weight: bold; color: #ffffff;">NEWSLETTER SIGN UP</h4> <form action="#"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="100%" style="background-color: #ffffff;"><div style="padding: 6px; border: 1px solid #ffffff; background-color: #ffffff;"><input type="text" value="Your email address" style="padding: 0px; margin: 0px; font-size: 14px; color: #333333; border: none; width: 100%;"/></div></td> <td><button type="submit" class="btn btn-default" style="background: none repeat scroll 0 0 #000000; border: medium none; border-radius: 0; padding: 7px 17px; font-size: 18px; color: #ffffff; margin-top: 0px;"><i class="fa fa-arrow-circle-o-right"></i></button><BR></td> </tr> </table> <div style="margin-top: 25px;"> <p><span style="font-size: 14px; font-weight: 300; color: #ffffff;">Get the most recent updates from SPOS...</span></p> </div> </form> --> <h4 style="font-weight: bold; color: #ffffff; text-align: center;">SPOSGROUP Group of Companies</h4> <!-- <table border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td><a href="http://sposgroup.com/" style="text-decoration: none; border: none;" target="_blank"><img src="/avt-spos-retail/images/common/footer-sposgroup-of-companies-sposgroup.gif" alt="" class="img-responsive-table"></a><BR></td> <td><a href="http://www.icandycreative.com.au/" style="text-decoration: none; border: none;" target="_blank"><img src="/avt-spos-retail/images/common/footer-sposgroup-of-companies-icandy.gif" alt="" class="img-responsive-table"></a><BR></td> <td><a href="http://webstore.sposgroup.com/" style="text-decoration: none; border: none;" target="_blank"><img src="/avt-spos-retail/images/common/footer-sposgroup-of-companies-spos.gif" alt="" class="img-responsive-table"></a><BR></td> </tr> </table> --> <table border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td> <a href="http://sposgroup.com/" style="text-decoration: none; border: none;" target="_blank"><img src="/avt-spos-retail/images/common/footer-logo-sposgroup.jpg" alt="" class="img-responsive-table"></a><BR> <a href="http://www.icandycreative.com.au/" style="text-decoration: none; border: none;" target="_blank"><img src="/avt-spos-retail/images/common/footer-logo-icandy.jpg" alt="" class="img-responsive-table"></a><BR> <a href="http://webstore.sposgroup.com/" style="text-decoration: none; border: none;" target="_blank"><img src="/avt-spos-retail/images/common/footer-logo-spos.jpg" alt="" class="img-responsive-table"></a><BR> <BR> </td> </tr> </table> </div> </div> </div> </div> </div> </footer><!--/Footer-->
< end page footer -->
{if HAS_MAIN_SLIDES_LOOP == 'T'} <div class="container"> <div class="row"> <div class="col-sm-12"> <div id="slider-carousel" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators" style="display: none;"> {var INDICATOR} {for INDICATOR in MAIN_SLIDES_LOOP} {if INDICATOR.INDICATOR_CTR == 0} <li data-target="#slider-carousel" data-slide-to="${INDICATOR.INDICATOR_CTR}" class="active"></li> {else} <li data-target="#slider-carousel" data-slide-to="${INDICATOR.INDICATOR_CTR}"></li> {/if} {/for} </ol> <div class="carousel-inner"> {var SLIDES} {for SLIDES in MAIN_SLIDES_LOOP} {if SLIDES.CTR == 1} <div class="item active"> {else} <div class="item"> {/if} <div class="col-sm-6"> {if SLIDES.HAS_HEADER == 'T'} <h1><span>${SLIDES.HEADER}</span></h1> {/if} {if SLIDES.HAS_SUBHEADER == 'T'} <h2>${SLIDES.SUBHEADER}</h2> {/if} {if SLIDES.HAS_CONTENT == 'T'} ${SLIDES.CONTENT} {/if} {if SLIDES.HAS_LINK == 'T' && SLIDES.HAS_BUTT_LABEL == 'T'} <a href="${SLIDES.LINK}" id="butt-slides-link-${SLIDES.CTR}" style="display: none;">${SLIDES.BUTT_LABEL}</a> <button type="button" id="butt-slides" butt-slides-ctr="${SLIDES.CTR}" class="btn btn-default get">${SLIDES.BUTT_LABEL}</button> {/if} </div> <div class="col-sm-6"> {if SLIDES.HAS_LINK == 'T'} <a href="${SLIDES.LINK}" style="text-decoration: none; border: none;"><img src="${SLIDES.IMAGE}" class="girl img-responsive" alt=""></a> {else} <img src="${SLIDES.IMAGE}" class="girl img-responsive" alt=""> {/if} </div> </div> {/for} </div> {if IS_SINGLE_SLIDES == 'T'} <a id="slider-carousel-control" href="#slider-carousel" class="left control-carousel hidden-xs" data-slide="prev" style="display: none;"> <i class="fa fa-angle-left" style="display: none;"></i> </a> <a id="slider-carousel-control" href="#slider-carousel" class="right control-carousel hidden-xs" data-slide="next" style="display: none;"> <i class="fa fa-angle-right" style="display: none;"></i> </a> {else} <a id="slider-carousel-control" href="#slider-carousel" class="left control-carousel hidden-xs" data-slide="prev"> <i class="fa fa-angle-left"></i> </a> <a id="slider-carousel-control" href="#slider-carousel" class="right control-carousel hidden-xs" data-slide="next"> <i class="fa fa-angle-right"></i> </a> {/if} </div> </div> </div> </div> <script type="text/javascript" language="javascript"> $(function() { try { $("section[id='slider']").show(); $("button[id='butt-slides']").click(function(){ console.log("xyla") var buttSlidesCtrValue = $(this).attr("butt-slides-ctr"); var buttHrefValue = $("a[id='butt-slides-link-" + buttSlidesCtrValue + "']").attr("href"); window.location = buttHrefValue; }); } catch(ex) { console.log(ex.toString()); } } ); </script> {/if}
Cart Summary
Your Basket is Empty
View Basket
Select a region
SPOS AU
SPOS NZ
Search
Search
Navigation
Client Portal
<div class="container" style="padding-bottom: 40px;"> <div class="row"> {if HAS_BREADCRUMBS_LOOP == 'T'} <div class="col-sm-12"> <div style="padding-left: 0px; margin-bottom: 5px; border-bottom: solid 1px #cd1316;"> <h2> ${ITEMID} {if CURRENT_CATEGORYID == '1055835'} <a href="/Images/SPOS Bunnings Web Portal Guide.pdf" style=" font-size: 20px; font-weight: normal; margin-left: 5%; " target="_blank"> Website Guide </a> {/if} </h2> </div> </div> <div class="col-sm-12"> <div style="margin-bottom: 35px;"> {var BREADCRUMBS} {for BREADCRUMBS in BREADCRUMBS_LOOP} {if BREADCRUMBS.HAS_LINK == 'T'} <div style="float: left;"><a href="${BREADCRUMBS.LINK}" style="font-size: 12px; color: #cd1316; text-decoration: none; border: none;">${BREADCRUMBS.LABEL}</a></div> <div style="float: left; padding-left: 4px; padding-right: 4px;"><i class="fa fa-angle-double-right" style="font-size: 12px; color: #cd1316;"></i></div> {else} <div style="float: left;"><span style="font-size: 12px; color: #333333; text-decoration: none; border: none;">${BREADCRUMBS.LABEL}</span></div> {/if} {/for} <div style="clear: both;"></div> </div> </div> {else} <div class="col-sm-12"> <div style="padding-left: 0px; margin-bottom: 40px; border-bottom: solid 1px #cd1316;"><h2>${ITEMID}</h2></div> </div> {/if} </div> {if HAS_INFO_TOP == 'T'} <div class="row" style="margin-bottom: 20px;"> <div class="col-sm-12"> ${INFO_TOP} </div> </div> {/if} <!-- ################ START ITEM LIST ################ --> {if HAS_ITEMLIST_LOOP == 'T'} <!-- start pagination top --> {if HAS_PAGINATION_LOOP == 'T'} <div class="row"> <div class="col-sm-12" style="margin-bottom: 20px;"> <table border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td> {var PAGINATIONTOP} {for PAGINATIONTOP in PAGINATION_LOOP} {if PAGINATIONTOP.IS_PAGINATION_RESULT_TEXT == 'T'} <span style="font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none; letter-spacing: .5px; padding: 5px;">${PAGINATIONTOP.PAGINATION_TEXT}</span> {/if} {if PAGINATIONTOP.IS_PAGINATION_PREVIOUS == 'T'} {if PAGINATIONTOP.PAGINATION_LINK != ''} <span style="padding: 5px;"><a href="${PAGINATIONTOP.PAGINATION_LINK}" style="font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none; letter-spacing: .5px;">Previous</a></span> {else} <span style="padding: 5px; font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none; letter-spacing: .5px;">Previous</span> {/if} {/if} {if PAGINATIONTOP.IS_PAGINATION_NUMBER == 'T'} {if PAGINATIONTOP.PAGINATION_LINK != ''} <span style="padding: 5px;"><a href="${PAGINATIONTOP.PAGINATION_LINK}" style="font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none;">${PAGINATIONTOP.PAGINATION_TEXT}</a></span> {else} <span style="font-size: 12px; font-weight: bold; color: #7b787a; text-decoration: none; padding: 5px;">${PAGINATIONTOP.PAGINATION_TEXT}</span> {/if} {/if} {if PAGINATIONTOP.IS_PAGINATION_NEXT == 'T'} {if PAGINATIONTOP.PAGINATION_LINK != ''} <span style="padding: 5px;"><a href="${PAGINATIONTOP.PAGINATION_LINK}" style="font-size: 12px; font-weight: normal; color: #7b787a; letter-spacing: .5px; text-decoration: none;">Next</a></span> {else} <span style="padding: 5px; font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none; letter-spacing: .5px;">Next</span> {/if} {/if} {/for} </td> </tr> </table> </div> </div> {/if} <!-- end pagination top --> {var OBJREFITEMLIST} {for OBJREFITEMLIST in ITEMLIST_LOOP} <!-- start row (item list) --> <div class="row"> {var ITEMLIST} {for ITEMLIST in OBJREFITEMLIST} <div class="col-sm-3"> <div id="ns-itemlist-item" style="padding: 10px; margin-bottom: 40px;"> <div style="padding-bottom: 10px; border-bottom: solid 1px #cd1316; margin-bottom: 10px;"> <a href="${ITEMLIST.STOREURL}" style="text-decoration: none; border: none;"><img src="${ITEMLIST.STOREDISPLAYTHUMBNAIL}" alt="" class="img-responsive-table"></a> </div> <div style="margin-bottom: 5px;"><a href="${ITEMLIST.STOREURL}" style="font-weight: bold; color: #333333; text-decoration: none; border: none;">${ITEMLIST.STOREDISPLAYNAME2}</a></div> {if ITEMLIST.STOREDESCRIPTION != ''} <div style="margin-bottom: 5px;"><span style="font-size: 12px;">${ITEMLIST.STOREDESCRIPTION}</span></div> {/if} {if ITEMLIST.IS_DONTSHOWPRICE == 'T'} {if ITEMLIST.IS_DONTSHOWPRICE == 'T'} <div style="margin-bottom: 5px;"><span style="font-size: 12px;">For Pricing, ${ITEMLIST.SALESPRICETEXT}</span></div> {else} <div style="margin-bottom: 5px;"><span style="font-size: 12px;">For Pricing, Please contact our sales team.</span></div> {/if} {else} {if ITEMLIST.HAS_QUANTITY_PRICING == 'T'} <div style="margin-bottom: 5px;"><span style="font-size: 12px;">Price: ${ITEMLIST.QUANTITY_BASEPRICE}</span></div> {else} <div style="margin-bottom: 5px;"><span style="font-size: 12px;">Price: ${ITEMLIST.SALESPRICETEXT}</span></div> {/if} {/if} </div> </div> {/for} </div> <!-- end row (item list) --> {/for} <!-- start pagination bottom --> {if HAS_PAGINATION_LOOP == 'T'} <div class="row"> <div class="col-sm-12" style="margin-bottom: 20px;"> <table border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td> {var PAGINATIONTOP} {for PAGINATIONTOP in PAGINATION_LOOP} {if PAGINATIONTOP.IS_PAGINATION_RESULT_TEXT == 'T'} <span style="font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none; letter-spacing: .5px; padding: 5px;">${PAGINATIONTOP.PAGINATION_TEXT}</span> {/if} {if PAGINATIONTOP.IS_PAGINATION_PREVIOUS == 'T'} {if PAGINATIONTOP.PAGINATION_LINK != ''} <span style="padding: 5px;"><a href="${PAGINATIONTOP.PAGINATION_LINK}" style="font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none; letter-spacing: .5px;">Previous</a></span> {else} <span style="padding: 5px; font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none; letter-spacing: .5px;">Previous</span> {/if} {/if} {if PAGINATIONTOP.IS_PAGINATION_NUMBER == 'T'} {if PAGINATIONTOP.PAGINATION_LINK != ''} <span style="padding: 5px;"><a href="${PAGINATIONTOP.PAGINATION_LINK}" style="font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none;">${PAGINATIONTOP.PAGINATION_TEXT}</a></span> {else} <span style="font-size: 12px; font-weight: bold; color: #7b787a; text-decoration: none; padding: 5px;">${PAGINATIONTOP.PAGINATION_TEXT}</span> {/if} {/if} {if PAGINATIONTOP.IS_PAGINATION_NEXT == 'T'} {if PAGINATIONTOP.PAGINATION_LINK != ''} <span style="padding: 5px;"><a href="${PAGINATIONTOP.PAGINATION_LINK}" style="font-size: 12px; font-weight: normal; color: #7b787a; letter-spacing: .5px; text-decoration: none;">Next</a></span> {else} <span style="padding: 5px; font-size: 12px; font-weight: normal; color: #7b787a; text-decoration: none; letter-spacing: .5px;">Next</span> {/if} {/if} {/for} </td> </tr> </table> </div> </div> {/if} <!-- end pagination bottom --> {else} {/if} <!-- ################ END ITEM LIST ################ --> </div>
To use our Client Portal, please sign in below & you will be taken to your Exclusive Portal
Email Address
(required)
Password
(required)
Sign In
Forgot password?
Client Portal
