<div class="row"> <!-- Primary Content Starts --> <div class="col-md-12"> <!-- Breadcrumb Starts --> {if HAS_BREADCRUMBS_LOOP == 'T'} <ol class="breadcrumb"> <li><a href="${HOMEPAGE_URL}">Home</a></li> {var BREADCRUMBS} {for BREADCRUMBS in BREADCRUMBS_LOOP} {if BREADCRUMBS.HAS_LINK == 'T'} <li><a href="${BREADCRUMBS.LINK}">${BREADCRUMBS.LABEL}</a></li> {else} <li class="active">${BREADCRUMBS.LABEL}</li> {/if} {/for} </ol> {else} <ol class="breadcrumb"> <li><a href="${HOMEPAGE_URL}">Home</a></li> <li class="active">${ITEMID}</li> </ol> {/if} <!-- Breadcrumb Ends --> <!-- Main Heading Starts --> {if HAS_ITEMID == 'T'} <h2 class="main-heading2" style="padding-bottom: 10px; border-bottom: solid 1px #e8e8e8;"> ${ITEMID} </h2> {/if} <!-- Main Heading Ends --> <!-- Category Intro Content Starts --> <div class="row cat-intro" style="margin-bottom: 15px;"> <!-- <div class="col-sm-3"> {if HAS_STOREDISPLAYIMAGE == 'T'} <center><img src="${STOREDISPLAYIMAGE}" alt="" class="img-responsive img-thumbnail"></center> {/if} <div id="mobile-only" style="height: 20px;"></div> </div> --> <div class="col-sm-12 cat-body" style="padding: auto;"> <div class="row"> <div class="col-sm-12"> {if HAS_STOREDETAILEDDESCRIPTION == 'T'} ${STOREDETAILEDDESCRIPTION} {/if} </div> </div> </div> </div> <!-- Category Intro Content Ends --> <!-- Product Filter Starts --> <!-- Product Filter Ends --> <!-- Pagination & Results Starts --> <div class="row"> <div class="col-sm-12" style="margin-top: 15px;"></div> <div class="col-sm-12"> <div style="border-top: solid 1px #e8e8e8; margin-bottom: 6px;"></div> <div id="mobile-only" style="height: 10px;"></div> </div> </div> <div class="row"> <!-- Pagination Starts --> <div class="col-sm-6 pagination-block"> {if HAS_ITEMLIST_LOOP == 'T'} {if HAS_PAGINATION_LOOP == 'T'} <ul class="pagination"> {var PAGINATION} {for PAGINATION in PAGINATION_LOOP} {if PAGINATION.IS_PAGINATION_PREVIOUS == 'T'} {if PAGINATION.PAGINATION_LINK != ''} <li><a href="${PAGINATION.PAGINATION_LINK}">«</a></li> {else} <li><a href="javascript: void(0);">«</a></li> {/if} {/if} {if PAGINATION.IS_PAGINATION_NUMBER == 'T'} {if PAGINATION.PAGINATION_TEXT != ''} {if PAGINATION.PAGINATION_LINK != ''} <li><a href="${PAGINATION.PAGINATION_LINK}">${PAGINATION.PAGINATION_TEXT}</a></li> {else} <li class="active"><a href="javascript: void(0);">${PAGINATION.PAGINATION_TEXT}</a></li> {/if} {/if} {/if} {if PAGINATION.IS_PAGINATION_NEXT == 'T'} {if PAGINATION.PAGINATION_LINK != ''} <li><a href="${PAGINATION.PAGINATION_LINK}">»</a></li> {else} <li><a href="javascript: void(0);">»</a></li> {/if} {/if} {/for} </ul> {else} {/if} {else}   {/if} </div> <!-- Pagination Ends --> <!-- Results Starts --> <div class="col-sm-6 results"> {if HAS_ITEMLIST_LOOP == 'T'} {if HAS_PAGINATION_LOOP == 'T'} {var PAGINATIONRESULTS} {for PAGINATIONRESULTS in PAGINATION_LOOP} {if PAGINATIONRESULTS.IS_PAGINATION_RESULT_TEXT == 'T'} Showing ${PAGINATIONRESULTS.PAGINATION_TEXT} {/if} {/for} {else} <div style="padding-bottom: 10px;">Showing 1 to ${ITEMLIST_LOOP_TOTAL} of ${ITEMLIST_LOOP_TOTAL} Items</div> {/if} {else} <div style="padding-bottom: 10px;">Showing 0 Items</div> {/if} </div> <!-- Results Ends --> </div> <div class="row"> <div class="col-sm-12"> <div style="border-top: solid 1px #e8e8e8; margin-bottom: 6px;"></div> <div id="mobile-only" style="height: 10px;"></div> </div> <div class="col-sm-12" style="margin-bottom: 15px;"></div> </div> <!-- Pagination & Results Ends --> <!-- Product Grid Display Starts --> {if HAS_ITEMLIST_LOOP == 'T'} <div class="row" id="container-item-list"> {var ITEMLIST} {for ITEMLIST in ITEMLIST_LOOP} <!-- start item list --> <div id="container-item-list-col" class="col-md-3 col-sm-6"> <div class="product-col"> <div class="image" style="background-color: #ffffff;"> <table border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td valign="middle" id="td-list-image"> <center><a href="${ITEMLIST.STOREURL}" style="text-decoration: none; border: none;"><img src="${ITEMLIST.STOREDISPLAYTHUMBNAIL}" alt="" class="img-responsive" style="max-height: 280px; width: 100%;"></a></center> </td> </tr> </table> </div> <div class="caption"> <table border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td id="td-item-list-storedisplayname"> <center><a href="${ITEMLIST.STOREURL}">${ITEMLIST.ITEMID}</a></center> <h4 style="font-size: 15px;"><center><a href="${ITEMLIST.STOREURL}">${ITEMLIST.STOREDISPLAYNAME2}</a></center></h4> </td> </tr> </table> <BR> <div class="description"> <table border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td id="td-item-list-description"> {if ITEMLIST.HAS_FEATUREDDESCRIPTION == 'T'} <div style="font-size: 11px;">${ITEMLIST.FEATUREDDESCRIPTION}</div> {else} {if ITEMLIST.STOREDESCRIPTION != ''} <div style="font-size: 11px;">${ITEMLIST.STOREDESCRIPTION}</div> {/if} {/if} </td> </tr> </table> </div> <div class="price"> <table border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td id="td-item-list-price"> {if ITEMLIST.IS_DONTSHOWPRICE == 'T'} <div style="text-align: center;"> For Pricing, Contact Our Sales Team. </div> {else} {if ITEMLIST.HAS_QUANTITY_PRICING == 'T'} <div style="text-align: center;"> <span class="price-new" style="font-size: 20px;">${ITEMLIST.QUANTITY_BASEPRICE}</span> </div> <div style="text-align: center;"><span id="span-item-qty-pricing-table-modal" storedisplayname-ref="item-qty-pricing-table-modal-displayname-${ITEMLIST.INTERNALID}" qty-pricing-table-json-ref="item-qty-pricing-table-modal-json-${ITEMLIST.INTERNALID}" style="font-size: 11px; cursor: pointer;">View Volume Pricing</span></div> <div style="display: none;"> <div id="item-qty-pricing-table-modal-displayname-${ITEMLIST.INTERNALID}">${ITEMLIST.STOREDISPLAYNAME2}</div> <div id="item-qty-pricing-table-modal-json-${ITEMLIST.INTERNALID}">${ITEMLIST.QUANTITY_PRICING_JSON}</div> </div> {else} <div style="text-align: center;"> {if ITEMLIST.HAS_EXCLUSIVE_GST == 'T'} <span class="price-new" style="font-size: 20px;">${ITEMLIST.SALESPRICETEXT}</span><br><span class="price-new" style="font-size: 12px;">${ITEMLIST.EXCLUSIVE_GST}</span> {else} <span class="price-new" style="font-size: 20px;">${ITEMLIST.SALESPRICETEXT}</span> {/if} </div> {/if} {/if} </td> </tr> </table> </div> {if ITEMLIST.IS_DONTSHOWPRICE == 'T'} <div id="div-item-list-addtocart" class="row cart-button" style="margin: 0px;"> <div class="col-sm-3" style="padding-left: 0px; padding-right: 0px; padding-top: 0px;"> <div class="input-group btn-block" style="width: 100%; margin-left:auto; margin-right:auto;"><div style="height: 10px;"></div></div> <div id="mobile-only" style="height: 10px; display: none;"></div> </div> <div class="col-sm-9" style="padding-left: 2px; padding-right: 0px; margin: 0px;"></div> </div> {else} <div id="div-item-list-addtocart" class="row cart-button" style="margin: 0px;"> <div class="col-sm-3" style="padding-left: 0px; padding-right: 0px; padding-top: 0px;"> <div class="input-group btn-block" style="width: 100%; margin-left:auto; margin-right:auto;"><input type="text" name="addtocart-qty-${ITEMLIST.INTERNALID}" id="addtocart-qty-${ITEMLIST.INTERNALID}" min-qty-ref="${ITEMLIST.MINQTY}" value="${ITEMLIST.MINQTY}" size="1" class="form-control" style="text-align: center; font-size: 12px; height: auto;"></div> <div id="mobile-only" style="height: 10px; display: none;"></div> </div> <div class="col-sm-9" style="padding-left: 2px; padding-right: 0px; margin: 0px;"><button class="btn btn-cart add-4test-class" type="button" id="addtocart-butt-standard" addtocart-qty-item-ref="addtocart-qty-${ITEMLIST.INTERNALID}" item-ref-internalid="${ITEMLIST.INTERNALID}" style="width:100%; padding-left: 5px; padding-right: 5px; margin-top:0px; font-size: 12px;"><i style="font-size: 14px;" class="fa fa-shopping-cart"></i> Add to cart</button></div> </div> {/if} <div style="display: none;"> <div id="modal-addtocart-displayname-${ITEMLIST.INTERNALID}">${ITEMLIST.STOREDISPLAYNAME2}</div> <div id="modal-addtocart-displayimage-${ITEMLIST.INTERNALID}">${ITEMLIST.STOREDISPLAYTHUMBNAIL}</div> </div> </div> </div> </div> <!-- end item list --> {/for} </div> {else} <div class="row"> <div class="col-sm-12" style="text-align:center;"><span style="text-align: center; font-weight: bold;">NO ITEMS FOUND.</span></div> </div> {/if} <!-- Product Grid Display Ends --> <!-- Pagination & Results Starts --> <div class="row"> <div class="col-sm-12" style="margin-top: 15px;"></div> <div class="col-sm-12"> <div style="border-top: solid 1px #e8e8e8; margin-bottom: 6px;"></div> <div id="mobile-only" style="height: 10px;"></div> </div> </div> <div class="row"> <!-- Pagination Starts --> <div class="col-sm-6 pagination-block"> {if HAS_ITEMLIST_LOOP == 'T'} {if HAS_PAGINATION_LOOP == 'T'} <ul class="pagination"> {var PAGINATION} {for PAGINATION in PAGINATION_LOOP} {if PAGINATION.IS_PAGINATION_PREVIOUS == 'T'} {if PAGINATION.PAGINATION_LINK != ''} <li><a href="${PAGINATION.PAGINATION_LINK}">«</a></li> {else} <li><a href="javascript: void(0);">«</a></li> {/if} {/if} {if PAGINATION.IS_PAGINATION_NUMBER == 'T'} {if PAGINATION.PAGINATION_LINK != ''} <li><a href="${PAGINATION.PAGINATION_LINK}">${PAGINATION.PAGINATION_TEXT}</a></li> {else} <li class="active"><a href="javascript: void(0);">${PAGINATION.PAGINATION_TEXT}</a></li> {/if} {/if} {if PAGINATION.IS_PAGINATION_NEXT == 'T'} {if PAGINATION.PAGINATION_LINK != ''} <li><a href="${PAGINATION.PAGINATION_LINK}">»</a></li> {else} <li><a href="javascript: void(0);">»</a></li> {/if} {/if} {/for} </ul> {else} {/if} {else}   {/if} </div> <!-- Pagination Ends --> <!-- Results Starts --> <div class="col-sm-6 results"> {if HAS_ITEMLIST_LOOP == 'T'} {if HAS_PAGINATION_LOOP == 'T'} {var PAGINATIONRESULTS} {for PAGINATIONRESULTS in PAGINATION_LOOP} {if PAGINATIONRESULTS.IS_PAGINATION_RESULT_TEXT == 'T'} Showing ${PAGINATIONRESULTS.PAGINATION_TEXT} {/if} {/for} {else} <div style="padding-bottom: 10px;">Showing 1 to ${ITEMLIST_LOOP_TOTAL} of ${ITEMLIST_LOOP_TOTAL} Items</div> {/if} {else} <div style="padding-bottom: 10px;">Showing 0 Items</div> {/if} </div> <!-- Results Ends --> </div> <div class="row"> <div class="col-sm-12"> <div style="border-top: solid 1px #e8e8e8; margin-bottom: 6px;"></div> <div id="mobile-only" style="height: 10px;"></div> </div> <div class="col-sm-12" style="margin-bottom: 15px;"></div> </div> <!-- Pagination & Results Ends --> <!-- ################# start modal window ################# --> <button id="butt-modal" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#modal-xyla" style="display: none;">Modal Butt</button> <div class="modal fade" id="modal-xyla" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="h3-modal-title" class="modal-title"></h3> </div> <div id="div-modal-body" class="modal-body"></div> <div class="modal-footer"> <button id="butt-modal-close" type="button" class="btn da-modal-butt" data-dismiss="modal">Close</button> <button id="butt-modal-view-cart" type="button" class="btn da-modal-butt" style="display: none;"><i class="fa fa-shopping-cart" style="font-size: 14px; padding-right: 5px;"></i> View Cart</button> <button id="butt-modal-continue-shopping" type="button" class="btn da-modal-butt" data-dismiss="modal" style="display: none;">Continue Shopping</button> </div> </div><!-- /.modal-content --> </div> <!-- ################# end modal window ################# --> </div> <script> $( function() { try { var isButtMobileToggleVisible = $("button[id='butt-toggle-mobile']").is(":visible"); var isDisplayInMobileOnly = (isButtMobileToggleVisible) ? true : false; adjustHeightItemListBox(); addToCartStandardItemListBox(); clickModalItemQuantityPricingTable(); // On Load if (isDisplayInMobileOnly) { $("div[id='container-item-list-col']").css({"margin-bottom" : "20px"}) } if (!isDisplayInMobileOnly) { $("div[id='container-item-list-col']").css({"margin-bottom" : "0px"}) } // On Window Resize $(window).resize(function() { var isButtMobileToggleVisible = $("button[id='butt-toggle-mobile']").is(":visible"); var isDisplayInMobileOnly = (isButtMobileToggleVisible) ? true : false; adjustHeightItemListBox(); if (isDisplayInMobileOnly) { $("div[id='container-item-list-col']").css({"margin-bottom" : "20px"}) } if (!isDisplayInMobileOnly) { $("div[id='container-item-list-col']").css({"margin-bottom" : "0px"}) } }); $("button[id='butt-modal-view-cart']").click(function(){ window.location = CART_URL; }); setTimeout(function(){ adjustHeightItemListBox() }, 5000) } catch(ex) { console.log(ex.toString()); } } ); </script>

Raptor Coatings

https://www.autolac.com.au/core/media/media.nl?id=527828&c=1048819&h=9c49d5caf4bc3d51bf56

Upol Raptor Black Kit 1Lt RLB/S1 Price: $87.25 (Excl. GST) No Upol Raptor Tintable Kit 1Lt RLT/S1 Price: $87.25 (Excl. GST) No Upol Raptor Black Kit 4Lt RLB/S4 Price: $274.00 (Excl. GST) No Upol Raptor White Kit 4Lt RLW/S4 Price: $274.00 (Excl. GST) No Upol Raptor Tintable Kit 4Lt RLT/S4 Price: $274.00 (Excl. GST) No Upol Raptor 2K Black Bedliner Aerosol 400Ml RLB/AL Price: $86.00 (Excl. GST) No Upol Raptor Anti-Corrosive Epoxy Primer Kit 1Lt REP1LK Price: $81.66 (Excl. GST) No Upol Raptor Anti-Corrosive Epoxy Primer Kit 5Lt REP5LK Price: $226.20 (Excl. GST) No Upol Raptor Traction Anti-Slip Additive Box 200G RLTR/SM Price: $19.95 (Excl. GST) No Upol Raptor Aerosol Adhesion Promoter 450Ml RPTAP Price: $30.66 (Excl. GST) No Upol Raptor Aerosol Acid Etch Primer 450Ml RPTEP Price: $42.50 (Excl. GST) No Upol Raptor 2K White Bedliner Aerosol 400Ml RLW/AL Price: $97.11 (Excl. GST) No