<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>

Cleaners & Protectants

https://www.autolac.com.au/core/media/media.nl?id=2026125&c=1048819&h=CFSHHIpedprNW5g7a-tObBtxVWbUKJLg1i7qbEF5IelkGV6M

3D Pink Car Soap 474Ml 202OZ16 Price: $25.00 (Excluding GST) No 3D Pink Car Soap 3.78Ltr 202G01 Price: $39.99 (Excluding GST) No 3D Orange Degreaser 474Ml 109OZ16 Price: $21.81 (Excluding GST) No 3D Orange Degreaser 3.78Ltr 109G01 Price: $39.99 (Excluding GST) No 3D Wash N Wax 475Ml 201OZ16 Price: $25.00 (Excluding GST) No 3D LVP Cleaner 474Ml 112OZ16 Price: $22.72 (Excluding GST) No 3D LVP Leather, Vinyl & Plastic Cleaner 3.78Lt 112G01 Price: $40.45 (Excluding GST) No 3D LVP Conditioner 474Ml 910OZ16 Price: $29.99 (Excluding GST) No 3D LVP Conditioner 3.78Lt 910G01 Price: $63.63 (Excluding GST) No 3D BDX Brake Dust Remover 475Ml 117OZ16 Price: $25.00 (Excluding GST) No 3D BDX Brake Dust Remover 3.78Lt 117G01 Price: $109.08 (Excluding GST) No 3D Tire Shine 474Ml 709OZ16 Price: $29.99 (Excluding GST) No 3D Trim Care Protectant 475Ml 711OZ16 Price: $40.00 (Excluding GST) No 3D Eraser Water Spot Remover 107 473Ml 107OZ16 Price: $27.26 (Excluding GST) No 3D Carpet & Upholstery Cleaner 474Ml 204OZ16 Price: $27.26 (Excluding GST) No 3D Upholstery & Carpet Shampoo 3.785Lt 204G01 Price: $41.81 (Excluding GST) No 3D Wipe 474Ml 115OZ16 Price: $35.45 (Excluding GST) No 3D Wipe 3.78Lt 115G01 Price: $136.35 (Excluding GST) No 3D Bead It Up 474Ml 440OZ16 Price: $39.99 (Excluding GST) No 3D Bead It Up 3.78Lt 440G01 Price: $136.35 (Excluding GST) No 3D Bug Remover 474Ml 103OZ16 Price: $22.72 (Excluding GST) No 3D Foaming Waterless Car Wash 3.78Lt 420G01 Price: $63.63 (Excluding GST) No 3D Glass Cleaner 3.78Ltr 901G01 Price: $36.35 (Excluding GST) No 3D Spray Detailer 503 3.78Lt 503G01 Price: $45.45 (Excluding GST) No 3D Non Silicone Dressing 3.78Ltr 713G01 Price: $45.45 (Excluding GST) No 3D Grand Slam Degreaser 3.78Lt 100G01 Price: $40.45 (Excluding GST) No 3D Towel Kleen 3.78Lt 108G01 Price: $45.45 (Excluding GST) No 3D Extractor Shampoo 3.78Lt 208G01 Price: $41.81 (Excluding GST) No 3D Rinse Free Wash 3.78Lt 413G01 Price: $56.00 (Excluding GST) No 3D Ultra Protectant 3.78Lt 706G01 Price: $90.90 (Excluding GST) No 3D Waterless Car Wash 3.78Lt 419G01 Price: $63.63 (Excluding GST) No 3D Final Touch 3.78Lt 403G01 Price: $63.63 (Excluding GST) No 3D Pink Car Soap 20Lt 202G05 Price: $136.35 (Excluding GST) No 3D Universal Protectant 18.9 Litres 709G05 Price: $359.00 (Excluding GST) No Normally $397+ 3D BDX Brake Dust Remover 20Lt 117G05 Price: $362.73 (Excluding GST) No 3D LVP Leather, Vinyl & Plastic Cleaner 20L 112G05 Price: $136.35 (Excluding GST) No 3D Orange Degreaser 20Lt 109G05 Price: $136.35 (Excluding GST) No