PHP Notice:  Undefined variable: cat_breadcrumbs in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 117PHP Notice:  Undefined variable: subcategory_code in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 118PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 169PHP Notice:  Undefined variable: subsub_code in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 218PHP Notice:  Undefined variable: subcategory_code in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 220PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 306PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 312PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 318PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 324PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 330PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 383PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 383PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 383PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 383PHP Notice:  Undefined index: path in /home/xxxcar34aud/public_html/catalog/controller/product/category.php on line 409<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>
    
<meta name="google-site-verification" content="g_-2arZWpr6pppDA_TBzIeR3TJK3JRCmA8UwNF_JV4Y" />    
    
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>All Products</title>
<base href="https://xxxcaraudio.co.za/" />
<meta name="description" content="All Products" />
<meta name="keywords" content= "All Products" />
<link rel="icon" href="favicon.ico" type="image/x-icon">
<!--CSS-->
<link href="assets/css/simplex.css?ver=20220603A" rel="stylesheet">
<link href="assets/css/custom.css?ver=20240618A" rel="stylesheet">
<link href="assets/fontawesome/css/all.min.css?ver=20220603A" rel="stylesheet">
<link href="assets/css/font-awesome.min.css?ver=20220603A" rel="stylesheet">
<link href="assets/slick/slick.css" rel='stylesheet' type='text/css'>
<link href="assets/slick/slick-theme.css" rel='stylesheet' type='text/css'>
<!--JS-->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/add-ons/sweetalert/sweetalert.min.js?ver=211118"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/common.js?20230406B"></script>
<script type="text/javascript" src="assets/slick/slick.min.js"></script>
<script type="text/javascript" src='assets/js/whatsapp.js'></script>	

<link href="https://xxxcaraudio.co.za/product/category&amp;path=0" rel="canonical">
<link href="https://xxxcaraudio.co.za/product/category&amp;path=0&amp;page=2" rel="next">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-0BQY5VWN84"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-0BQY5VWN84');
  gtag('config', 'AW-870667482');
</script></head>
<body class="product-category">
    <script>
        var manufacturers = [{"manufacturer_id":"42","name":"ALPINE","image":"ALPINE LOGO.png","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"ALP"},{"manufacturer_id":"47","name":"AUDISON","image":"audison-logo.png","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"AUD"},{"manufacturer_id":"55","name":"AUTO GUAGE","image":"auto guage.png","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"AUTO"},{"manufacturer_id":"60","name":"BLAM","image":"blam.png","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"BLAM"},{"manufacturer_id":"61","name":"BMC","image":"bmc-air-filters-logo.png","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"BMC"},{"manufacturer_id":"49","name":"CONECTION","image":"conection logo.jpg","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"CON"},{"manufacturer_id":"56","name":"EIBACH","image":"eibach.png","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"EIB"},{"manufacturer_id":"59","name":"F1-X","image":"f1x-logo.png","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"F1X"},{"manufacturer_id":"66","name":"Gladen","image":"gladen_logo.png","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"GLD"},{"manufacturer_id":"48","name":"HERTZ","image":"Hertz-Audio-Logo.jpg","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"HERT"},{"manufacturer_id":"54","name":"Ice Power","image":"ice power logo.jpg","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"ICE"},{"manufacturer_id":"63","name":"JBL","image":"JBL.png","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"JBL"},{"manufacturer_id":"43","name":"JVC","image":"JVC_logo.png","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"JVC"},{"manufacturer_id":"62","name":"Kicker","image":"kicker.jpg","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"Kick"},{"manufacturer_id":"58","name":"N-FORCE","image":"N-Force.jpg","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"NFOR"},{"manufacturer_id":"57","name":"NEXON","image":"Nexon.jpg","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"NEX"},{"manufacturer_id":"44","name":"NF OCTANE","image":"NF_Octane_Booster_Logo.png","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"NF"},{"manufacturer_id":"50","name":"Noise & Heat","image":"noise and heat.png","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"NH"},{"manufacturer_id":"65","name":"OneNav","image":"ONENAV LOGO.png","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"ONENAV"},{"manufacturer_id":"52","name":"PARAMOUNT","image":"Paramount-logo.jpg","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"PARA"},{"manufacturer_id":"45","name":"PIONEER","image":"Pioneer-logo.jpg","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"PION"},{"manufacturer_id":"51","name":"Powerbass","image":"powerbass logo.jpg","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"PWB"},{"manufacturer_id":"46","name":"SONY","image":"sony logo.png","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"SONY"},{"manufacturer_id":"64","name":"STARSOUND","image":"STARSOUND LOGO.jpg","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"STS"},{"manufacturer_id":"53","name":"TARGA","image":"targa.jpg","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"TAR"}];
  </script>
<!-- Desktop header -->
<header class = "hidden-mobile header"> 
<!-- Navigation-->
<nav class="navbar-fixed-top">
<!-- Top Bar Notice -->
<!-- Main Nav-->
<nav class="navbar navbar-default">
  <div class="container-fluid wrapper vcenter-item">
    <div class="navbar-header main-header__logo">
    <a class="logo" href="https://xxxcaraudio.co.za/"><img src="assets/images/logo.png" title="XXX Car Audio & Motorsports" alt="XXX Car Audio & Motorsports"/></a>
    </div>
    <div class = "box">
    <ul class="nav navbar-nav navbar-right " id="searchDS">  
      <div id="search" class="input-group">
  <input type="text" name="search" autocomplete="off" onkeyup="searchSuggest();" value="" placeholder="Search" class="form-control" />
  <span class="input-group-btn">
    <button type="button" class="btn btn-default"><i class="fa fa-search"></i></button>
  </span>
  <span id="suggest-loader" class="btn"><i class="fa fa-spinner"></i></span>
  <span id="suggest-clear"  onClick="clearSearch();">clear</span>

</div>
<div id="search-suggest" class="suggest" ></div>

<script>
$('#search-suggest').hide();
$('#suggest-loader').hide();
$('#suggest-clear').hide();
function searchSuggest() {
  var search = $('input[name=\'search\']').val();
  $('#search-suggest').html('');
  if(search.length == 0) {
    $('#search-suggest').hide();
    $('#suggest-clear').hide();
    $('input[name=\'search\']').removeClass('suggest-active');
    return;
  }
  $('#suggest-clear').hide();
  $('#suggest-loader').show();
  if (search) {
    $.ajax({
      url: '/search/suggest&filter_name=' + encodeURIComponent(search),
      dataType: 'json',
      success: function(json) {
            $('#search-suggest').html('');
        for (var i=0; i < json.length; i++) {
          $('#search-suggest').append('<div class="search-suggest-item" onClick="window.location.href = \'' + json[i]['href'] + '\'"><img width="40px" src="'+ json[i]['image'] + '" alt="'+json[i]['name']+'">&nbsp;&nbsp;' + json[i]['name'] + '</div>');
        }
        if(i == 0){
           $('#search-suggest').html('<div class="text-center">No results found</div>'); 
           $('#suggest-clear').show();
        }
        if(jQuery.isEmptyObject(json))
        {
          $('#search-suggest').html('<div class="text-center">No results found</div>'); 
          $('#suggest-clear').show();
        }
        $('#suggest-loader').hide();
        $('input[name=\'search\']').addClass('suggest-active');
        var check_search = $('input[name=\'search\']').val();
        if(json.length > 0  && check_search != ''){
            $('#search-suggest').show();
            $('#suggest-clear').show();
        }
      }
    });
  }
}

function clearSearch(){
  $('input[name=\'search\']').val('');
  $('#search-suggest').hide();
  $('input[name=\'search\']').removeClass('suggest-active');
  $('#suggest-clear').hide();
}
</script>
	  </ul>
    </div>
    <div class = "box">
    <ul class="nav navbar-nav navbar-right box" id="">  
    <li id="cart" class="dropdown">
<div id="snackbarC">Removed from cart</div>
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa fa-shopping-cart n-icon"></i><span id="cart-total">0 item(s) - R0.00</span></a>
  <ul class="dropdown-menu">
        <li>
      <p class="text-center">Your shopping cart is empty!</p>
    </li>
      </ul>
</li>

<script>

function removeFromCartToast()
{
  var x = document.getElementById("snackbarC");
  x.className = "show";
  setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
}

</script>
    <li><a href="https://xxxcaraudio.co.za/account/wishlist" class = "main-header__tools__icon" title = "Wishlist"><i class="fas fa-heart"></i></a></li>
             <li  class=""><a href="https://xxxcaraudio.co.za/account/account" title="My Account"><i class="fa fa-user n-icon"></i> Login / Register</a></li>
         	</ul>
  </div>
  </div>
    <section class="pos-dropdown categories">
            <div class="categories__menu">
            <div class="nav-prev"><i class="fas fa-chevron-left"></i></div>
            <ul class = "categories__list pos-dropdown-content"></ul>
            <div class="nav-next"><i class="fas fa-chevron-right"></i></div>
            </div>
            <ul class="pos-dropdown-content-sub categories__subcategories" id = "subcategory__container"></ul>
            <ul class = "pos-dropdown-content-subsub categories__subsubcategories" id = "subsubcategory__container"></ul>
    </section>

  <script>

    function getCatMenu(){
    var output = "";
    var products = '<li id = "products"><a href="https://xxxcaraudio.co.za/product/category&amp;path=0">ALL PRODUCTS </a></li>' + '&nbsp';
    var brands = '<li><ul style="padding: 0"><a class="catmeunBrands dropdown-toggle" onclick="dropdownBrands();" data-toggle="dropdown" role="button" aria-expanded="false">SHOP BY BRANDS &nbsp; <i class="fa fa-caret-down"></i></a><li class="dropdown-menu catmenubranndsdp" role="menu"></li></ul></li>' + '&nbsp';
    var promotions = '<li id = "promotions"><a href="https://xxxcaraudio.co.za/product/special">PROMOTIONS </a></li>' + '&nbsp';
    
    $.get( "product/category/getCategory", function( data ) {
        data = JSON.parse( data );
        var pos = 0;
        data.forEach(function(item) {
        if(parseInt(item['product_count']) > 0){
            if (item['COUNT'] > 0){
              output = output + '<li class = "categories__link"><a class="categories__category pos-link" id='+pos+' data-cat="'+item['cat_code']+'" data-name="'+item['name']+'" data-category_id="'+item['category_id']+'"  href="javascript:void(0)" >'+ item['name'] +' &nbsp; <i class="fa fa-caret-down"></i></a></li>' + '&nbsp';  
            } else {
            output = output + '<li class = "categories__link"><a class="categories__category pos-link" id='+pos+' data-cat="'+item['cat_code']+'" data-name="'+item['name']+'" data-category_id="'+item['category_id']+'"  href="javascript:void(0)" >'+ item['name'] +' </a></li>' + '&nbsp';
            }
        }
        pos++;
        });
        $(".categories__list").html(products + brands + promotions + output);
    });
    }

    function getSubCatMenu(category, category_id, name){
    var output = "";
    output = output + '<li class ="categories__subcategory"><a class="pos-sublink-all cat-'+ category_id +'" href="https://xxxcaraudio.co.za/product/category&path='+category_id+'">All '+name+'</a></li>';
    $.get( "product/category/getSubCategory?category="+category, function( data ) {
        data = JSON.parse( data );
        var subpos = 0;
        data.forEach(function(item) {
          if(parseInt(item['product_count']) > 0){
            if (item['COUNT'] > 0){
              output =  output + '<li class = "categories__subcategory"><a class="pos-sublink" id="s'+subpos+'" data-parent="'+item['cat_parent']+'"  data-cat="'+item['cat_code']+'" data-catid="'+category_id+'"  data-name="'+item['name']+'" href="javascript:void(0)">'+ item['name'] +' &nbsp; <i class="fa fa-caret-right"></i></a></li>';
            } else {
              output =  output + '<li class = "categories__subcategory"><a class="pos-sublink" id="s'+subpos+'" data-parent="'+item['cat_parent']+'"  data-cat="'+item['cat_code']+'" data-catid="'+category_id+'"  data-name="'+item['name']+'" href="javascript:void(0)">'+ item['name'] +' </a></li>';
            }
          }
            subpos++;
        });
        if(data.length > 0){
            $(".categories__subcategories").html(output);
            $(".categories__subcategories").show();
        }
        else{
            goCatB(category_id);
        }
        });
        }

    function getSubSubCatMenu(category, subcategory, name, category_id){
    var output = "";
    output = output + '<li class = "categories__subsubcategory"><a class="pos-subsublink" cat-'+ category_id + '_' + category +'" onClick="goSubCat(\''+category_id+'\', \''+category+'\')" href="javascript:void(0)">All '+name+'</a></li>';
    $.get( "product/category/getSubSubCategory?category="+category +"&subcategory="+subcategory, function( data ) {
        data = JSON.parse( data );
        data.forEach(function(item) {
          if(parseInt(item['product_count']) > 0){
            output = output + '<li class = "categories__subsubcategory"><a class="pos-subsublink"  href="https://xxxcaraudio.co.za/product/category&path='+item['category_id']+'_'+category+'_'+item['sub_id']+'" data-subsubt="'+item['sub_code']+' data-sub="'+subcategory+'"  data-cat="'+category+' href="javascript:void(0)">'+ item['sub_name'] +' </a></li>';
          }
        });
        if(data.length > 0){
            $(".categories__subsubcategories").html(output);
            $(".categories__subsubcategories").show();
        }
        else{
            goSubCat(category_id, category);
        }
        });
        }

    function goCatB(category_id){
        console.log(category_id);
        if(category_id !== undefined){
                window.location.href = 'https://xxxcaraudio.co.za/product/category&path='+ category_id; 
        }
    }
    function goSubCat(category_id, subcategory){
    window.location.href = 'https://xxxcaraudio.co.za/product/category&path='+ category_id + '_' + subcategory; 
    }

  getCatMenu();
  $(document).on("click", "a.categories__category", function() {
    $('body').css('overflow', 'hidden');
    var width = $('li.categories__link').width();
    var height = $('li.categories__link').height();
        $('.categories__category').removeClass("categories__category__open");
        $('.pos-dropdown').find(".categories__subsubcategories").hide();
        $(this).addClass("categories__category__open");
        var cat = $(this).attr("data-cat");
        var name = $(this).attr("data-name");
        var id = $(this).attr("data-category_id");
          getSubCatMenu(cat, id, name);
          var pos = $('#'+this.id).position();
            $('.pos-dropdown').find('#subcategory__container').css({
          'position': 'absolute',
          'top': pos.top + $('.categories__link').innerHeight(),
          'left': (pos.left) + "px",
          'min-width': width
        });
  });
      $(".categories__menu").on('scroll', function () {
      var scroll = jQuery(this).scrollLeft();
      $('.pos-dropdown').find(".categories__subcategories").hide();
      $('.pos-dropdown').find(".categories__subsubcategories").hide();
      $('body').css('overflow', 'initial');
      });
      $(document).on("mouseover", "#promotions", function() {
      $('.categories__category').removeClass("categories__category__open");
      $('.pos-dropdown').find(".categories__subcategories").hide();
      $('.pos-dropdown').find(".categories__subsubcategories").hide();
      });
      var width = $('.categories__subcategories').outerWidth();
      var height = $('li.categories__subcategory').height();
      $(document).on("click", ".pos-sublink", function() {
      var minwidth = $('.categories__subcategories').outerWidth();
      var cat = $(this).attr("data-parent");
      var sub = $(this).attr("data-cat");
      var name = $(this).attr("data-name");
      var catid = $(this).attr("data-catid");
      getSubSubCatMenu(sub, cat, name, catid);
      var subposleft = $('.categories__subcategories').position();
      var subpostop =  $('#'+this.id).position();
      if( $(this).offset().left > ($(window).width()/1.5) ) {
      $('.pos-dropdown').find('#subsubcategory__container').css({
      'position': 'absolute',
      top: subpostop.top -5 + $('.categories__link').innerHeight(),
      left: subposleft.left - minwidth,
      'min-width': minwidth
       }); } else {
        $('.pos-dropdown').find('#subsubcategory__container').css({
      'position': 'absolute',
      top: subpostop.top -5 + $('.categories__link').innerHeight(),
      left: subposleft.left + $('.categories__subcategories').outerWidth(),
      'min-width': minwidth
      }); }
      });
      

    $(document).on('mouseover', function (event) {
    if (!$(event.target).closest('.pos-dropdown').length) {
    $('a.categories__category').removeClass('categories__category__open');
    $('.categories__subcategories').removeClass('categories__subcategories__open');
    $('.pos-dropdown').find(".categories__subcategories").hide();
    $('.pos-dropdown').find(".categories__subsubcategories").hide();
    $('body').css('overflow', 'initial');
    }
    });


// Add arrows to categeory menu
$(document).ready(function(){
  var w = window.innerWidth
  || document.documentElement.clientWidth
  || document.body.clientWidth;
  if ($(".categories__menu").prop('scrollWidth') < w ) {
    $(".nav-prev").css('display', 'none');
    $(".nav-next").css('display', 'none');
  }  else {
    $(".nav-next").css('display', 'flex');
  }
});
(function ($) {

  $(".categories__menu").on('scroll', function () {
    $val = $(this).scrollLeft();

    if ($(this).scrollLeft() + $(this).innerWidth() >= $(this)[0].scrollWidth) {
      $(".nav-next").css('display', 'none');
    } else {
      $(".nav-next").css('display', 'flex');
    }

    if ($val == 0) {
      $(".nav-prev").css('display', 'none');
    } else {
      $(".nav-prev").css('display', 'flex');
    }
  });
  console.log('init-scroll: ' + $(".nav-next").scrollLeft());
  $(".nav-next").on("click", function () {
    $(".categories__menu").animate({ scrollLeft: '+=460' }, 200);

  });
  $(".nav-prev").on("click", function () {
    $(".categories__menu").animate({ scrollLeft: '-=460' }, 200);
  });

})(jQuery);

var manufacturers = [{"manufacturer_id":"42","name":"ALPINE","image":"ALPINE LOGO.png","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"ALP"},{"manufacturer_id":"47","name":"AUDISON","image":"audison-logo.png","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"AUD"},{"manufacturer_id":"55","name":"AUTO GUAGE","image":"auto guage.png","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"AUTO"},{"manufacturer_id":"60","name":"BLAM","image":"blam.png","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"BLAM"},{"manufacturer_id":"61","name":"BMC","image":"bmc-air-filters-logo.png","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"BMC"},{"manufacturer_id":"49","name":"CONECTION","image":"conection logo.jpg","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"CON"},{"manufacturer_id":"56","name":"EIBACH","image":"eibach.png","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"EIB"},{"manufacturer_id":"59","name":"F1-X","image":"f1x-logo.png","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"F1X"},{"manufacturer_id":"66","name":"Gladen","image":"gladen_logo.png","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"GLD"},{"manufacturer_id":"48","name":"HERTZ","image":"Hertz-Audio-Logo.jpg","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"HERT"},{"manufacturer_id":"54","name":"Ice Power","image":"ice power logo.jpg","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"ICE"},{"manufacturer_id":"63","name":"JBL","image":"JBL.png","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"JBL"},{"manufacturer_id":"43","name":"JVC","image":"JVC_logo.png","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"JVC"},{"manufacturer_id":"62","name":"Kicker","image":"kicker.jpg","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"Kick"},{"manufacturer_id":"58","name":"N-FORCE","image":"N-Force.jpg","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"NFOR"},{"manufacturer_id":"57","name":"NEXON","image":"Nexon.jpg","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"NEX"},{"manufacturer_id":"44","name":"NF OCTANE","image":"NF_Octane_Booster_Logo.png","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"NF"},{"manufacturer_id":"50","name":"Noise & Heat","image":"noise and heat.png","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"NH"},{"manufacturer_id":"65","name":"OneNav","image":"ONENAV LOGO.png","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"ONENAV"},{"manufacturer_id":"52","name":"PARAMOUNT","image":"Paramount-logo.jpg","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"PARA"},{"manufacturer_id":"45","name":"PIONEER","image":"Pioneer-logo.jpg","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"PION"},{"manufacturer_id":"51","name":"Powerbass","image":"powerbass logo.jpg","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"PWB"},{"manufacturer_id":"46","name":"SONY","image":"sony logo.png","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"SONY"},{"manufacturer_id":"64","name":"STARSOUND","image":"STARSOUND LOGO.jpg","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"STS"},{"manufacturer_id":"53","name":"TARGA","image":"targa.jpg","sort_order":"0","date_added":"2025-10-14 15:20:06","sync_status":"1","code":"TAR"}];

function dropdownBrands()
{
  if(manufacturers.length > 0)
  {
    var height = $(window).height() - ($(".navbar-fixed-top").height() + $(".menu-bar").height()  + $(".navbar navbar-default").height());
    height = height - 140;
    $(".catmenubranndsdp").css("max-height", height);
    $(".catmenubranndsdp").css("width" , $(".catmeunBrands").outerWidth());
    $(".catmenubranndsdp").empty();
    var x = $(".catmeunBrands").offset().left;
    $('.catmenubranndsdp').css('left', x);
    manufacturers.forEach(function(item, index){
      $('.catmenubranndsdp').append('<li><a href="product/brands?brand='+item.code+'">'+item.name+'</a></li>');
    });
  }
}

</script>    </nav>
</nav>
</header>
<!-- Mobile Header -->
<header class = "hidden-desktop">
<nav class="navbar navbar-default navbar-fixed-top">
<!-- Account login Section -->
<div class="nopad vcenter-item">
</div>
</div>
<!-- Second Nav-->
<div class=" nopad">
    <div class="container-fluid wrapper vcenter-item nopad">
    <a class="logo" href="https://xxxcaraudio.co.za/"><img src="assets/images/logo.png" title="XXX Car Audio & Motorsports" alt="XXX Car Audio & Motorsports" class="img-responsive"/></a>


<div class = "box">
    <ul class="nav navbar-nav navbar-right" id="">  
    <li><a class="mobilecart"  style = "padding:0px;"  data-toggle="collapse" data-target="#searchcollapse" ><i class="fa fa-search n-icon"></i></a></li>
  </ul>
</div>

<div class = "box">
    <ul class="nav navbar-nav navbar-right" id="">  
    <li><a class = "mobilecart" href="https://xxxcaraudio.co.za/checkout/cart" style = "padding:0px;"><i class="fa fa-shopping-cart n-icon"><span id="cart-total-mobile">0</span></i></a></li>
  </ul>
</div>

<div class = "box">
    <ul class="nav navbar-nav navbar-right" id="">  
             <li><a class = "mobilecart" style = "padding:0px;" href="https://xxxcaraudio.co.za/account/account" title="My Account"><i class="fa fa-user n-icon"></i></a></li>
           </ul>
</div>

  </div>
  </div>
</div>
<div class = "mbcategoriesbtn">
<div><a onClick="mbMenu();" href="javascript:void(0)"><i class="fa fa-bars"></i> Menu</a></div>
<div><a id="mbCatButton" onClick="mbCatMenu()" href = "javascript:void(0)"><i class="fas fa-list"></i> Product Categories</a></div>
</div>
<div id="searchcollapse" class="collapse navbar-collapse">  
         <div id="searchmb" class="input-group">
  <input type="text" name="searchmb"  onkeyup="searchSuggestmb();"  value="" placeholder="Search" class="form-control searchmbitem" />
  <span class="input-group-btn">
    <button type="button" class="btn btn-default searchmbitem"><i class="fa fa-search searchmbbutton"></i></button>
  </span>
  <span id="suggest-loader-mb" class="btn"><i class="fa fa-spinner"></i></span>
  <span id="suggest-clear-mb" onClick="clearSearchMb();">clear</span>
</div>
<div id="search-suggest-mb" class="suggest-mb" ></div>


<script>
$('#search-suggest-mb').hide();
$('#suggest-loader-mb').hide();
$('#suggest-clear-mb').hide();
function searchSuggestmb() {
  var search = $('input[name=\'searchmb\']').val();
  $('#search-suggest-mb').html('');
  if(search.length == 0) {
    $('#suggest-clear-mb').hide();
  }
  if (search.length < 3) {
    $('#search-suggest-mb').hide();
    $('input[name=\'searchmb\']').removeClass('suggest-active');
    return;
  }
  $('#suggest-clear-mb').hide();
  $('#suggest-loader-mb').show();
  if (search) {
    $.ajax({
      url: '/search/suggest&filter_name=' + encodeURIComponent(search),
      dataType: 'json',
      success: function(json) {
        $('#search-suggest-mb').html('');
        for (var i=0; i < json.length; i++) {
          console.log(json[i]['href']);
          $('#search-suggest-mb').append('<div class="search-suggest-item-mb" onClick="window.location.href = \'' + json[i]['href'] + '\'"><img width="40px" src="'+ json[i]['image'] + '" alt="'+json[i]['name']+'">&nbsp;&nbsp;' + json[i]['name'] + '</div>');
        }
        if(i == 0){
          $('#search-suggest-mb').html('<div class="text-center">No results found</div>');  
        }
        $('#suggest-loader-mb').hide();
        $('input[name=\'searchmb\']').addClass('suggest-active-mb');
        var check_search = $('input[name=\'searchmb\']').val();
        if(json.length > 0  && check_search != ''){
            $('#search-suggest-mb').show();
            $('#suggest-clear-mb').show();
        }
      }
    });
  }
}

function clearSearchMb(){
  $('input[name=\'searchmb\']').val('');
  $('#search-suggest-mb').hide();
  $('input[name=\'searchmb\']').removeClass('suggest-active-mb');
  $('#suggest-clear-mb').hide();
}
</script>	</div>
  
</nav>
</header>
        
<script>
/* Sample function that returns boolean in case the browser is Internet Explorer*/
function isIE() {
  ua = navigator.userAgent;
  /* MSIE used to detect old browsers and Trident used to newer ones*/
  var is_ie = ua.indexOf("MSIE ") > -1 || ua.indexOf("Trident/") > -1;
  
  return is_ie; 
}
/* Create an alert to show if the browser is IE or not */
if (isIE()){
    alert('Please Note our website is not supported on Internet Explorer. We suggest using a later browser such as Google Chrome or Firefox.');
}
</script>

<div id="mbunder" class="mbunder" onClick="mbcloseSideNav()">
</div>

  <div id="mbmySidenav" class="mbsidenav sidenavMenuitems">
  <a href="javascript:void(0)" class="mbclosebtn" onclick="mbcloseSideNav();">&times;</a>
  <div id="brandsBrowse" style="display:none;"></div>
  <div class='mbprofilecard'>
      <i class="fa fa-user mbprofilecircle"></i>&nbsp;<h4 class = "company_name">Hi, Please</h4>&nbsp;<a class="mbcardbutton" href="https://xxxcaraudio.co.za/account/account">Login</a><h4 class = "company_name">&nbsp;or&nbsp;</h4><a class="mbcardbutton" href="https://xxxcaraudio.co.za/account/register">Register</a>
      </div>
    <div id="mbAcc">
    <div class='mbmenuoptions'>
  <a  class="browsecat" onClick="mbSelectCatMenu()" href="javascript:void(0)">Shop by Categories<i class="fa fa-chevron-right" style="float:right;"></i></a>
  <a  class="browsecat mbbrandsoption" style="display:none;" onClick="mbManufacturerMenu()" href="javascript:void(0)">Shop by Brands<i class="fa fa-chevron-right" style="float:right;"></i></a>
          <a class="browsecat"  href="https://xxxcaraudio.co.za/product/special">Promotions<i class="fa fa-chevron-right" style="float:right;"></i></a>
          <a class="browsecat"  href="https://xxxcaraudio.co.za/product/category&amp;path=0">Products<i class="fa fa-chevron-right" style="float:right;"></i></a>
		    	<a class="browsecat"  href="https://xxxcaraudio.co.za/information/contact">Contact<i class="fa fa-chevron-right" style="float:right;"></i></a>
		    	    </div>
    <div>
      </div>
    </div>

    <div id="mbcategory">
    
      <div class="catdrilldown"></div>

<script>
function loadActive(){
    var href = window.location.href;
    if(href.includes( 'product/category&path' )){
    var path = href.split('path=');
    $('.cat-'+path[1]).addClass('visited');
    }
}

function loadCategories(){
    var x = sessionStorage.getItem("categories");
    if(x === null){
        getCat();
    }else{
        $(".catdrilldown").html(x);
    }
    loadActive();
}

function getCat(){
    var output = "";
    $.get( "product/category/getCategory", function( data ) {
        output = output + '<div class = "mbcatall"><a  class="browsecat getcat mbmenuback"  id="mbCatBack" onClick="mbshowAccMenu()" href="javascript:void(0)"><i class="fa fa-chevron-left" style="float:left;"></i></a><a class="mbcatall2 browsesub getcat" href="javascript:void(0)">ALL PRODUCT CATEGORIES</a></div>';
        data = JSON.parse( data );
        data.forEach(function(item) {
        if(parseInt(item['product_count']) > 0){
        output = output + '<a class="browsecat cat-'+item['category_id']+'" onClick="getSubCat(\''+item['cat_code']+'\' , \''+item['category_id']+'\',  \''+item['name']+'\')" href="javascript:void(0)">'+ item['name'] +'  <i class="fa fa-chevron-right" style="float:right;"></i> </a>' ;
        }
        });
        $(".catdrilldown").html(output);
        sessionStorage.setItem("categories", output);
        loadActive();
    });
}

function getSubCat(category, category_id, name){
    var output = "";
    if(category_id != 0){
    output = output + '<a class="browsesub getcat" onClick="getCat()" href="javascript:void(0)"><i class="fa fa-chevron-left" style="float:left;padding-right:10px;"></i>BACK TO ALL CATEGORIES</a>';
    output = output + '<a class="browsesub browsesuball cat-'+ category_id +'" onClick="goCat(\''+category_id+'\')" href="javascript:void(0)"><i class="fa fa-chevron-right" style="float:right;"></i>ALL '+name+'</a>';
    $.get( "product/category/getSubCategory?category="+category, function( data ) {
        data = JSON.parse( data );
        data.forEach(function(item) {
        if(parseInt(item['product_count']) > 0){
            output =  output + '<a class="browsesub cat-'+ category_id +'_'+ item['cat_code'] +'"  onClick="getSubSubCat(\''+item['cat_code']+'\', \''+item['cat_parent']+'\', \''+category_id+'\', \''+item['name']+'\', \''+name+'\')" href="javascript:void(0)">'+ item['name'] +'  <i class="fa fa-chevron-right" style="float:right;"></i> </a>';
        }
        });
        if(data.length > 0){
        $(".catdrilldown").html(output);
        sessionStorage.setItem("categories", output);
        loadActive();
        }else{
            goCat(category_id);
        }
        });
    }
}
function getSubSubCat(category, subcategory, category_id, name, category_name){
    var output = "";
    if(category_id != 0){
    output = output + '<a class="browsesubsub getcat" onClick="getSubCat(\''+subcategory+'\', \''+category_id+'\', \''+category_name+'\' )" href="javascript:void(0)">BACK TO '+category_name+'<i class="fa fa-chevron-left" style="float:left;padding-right:10px;"></i> </a>';
    output = output + '<a class="browsesubsub browsesuball cat-'+ category_id + '_' + category +'" onClick="goSubCat(\''+category_id+'\', \''+category+'\')" href="javascript:void(0)"><i class="fa fa-chevron-right" style="float:right;"></i>ALL '+name+'</a>';
    $.get( "product/category/getSubSubCategory?category="+category +"&subcategory="+subcategory, function( data ) {
        data = JSON.parse( data );
        data.forEach(function(item) {
        if(parseInt(item['product_count']) > 0){
            output = output + '<a class="browsesubsub cat-'+category_id + '_' + category + '_' +item['sub_id']+'" onClick="goSubSubCat(\''+category_id+'\' , \''+item['sub_parent']+'\' , \''+item['sub_id']+'\')" href="javascript:void(0)">'+ item['sub_name'] +'  <i class="fa fa-chevron-right" style="float:right;"></i> </a>';
        }
        });
        if(data.length > 0){
            sessionStorage.setItem("subclick", subcategory);
            $(".catdrilldown").html(output);
            sessionStorage.setItem("categories", output);
            loadActive();
        }else{
            goSubCat(category_id, category);
        }
        });
    }
}

function goCat(category_id){
    window.location.href = 'https://xxxcaraudio.co.za/product/category&path='+ category_id; 
}
function goSubCat(category_id, subcategory){
    window.location.href = 'https://xxxcaraudio.co.za/product/category&path='+ category_id + '_' + subcategory; 
}
function goSubSubCat(category_id, subcategory, subsub){
    window.location.href = 'https://xxxcaraudio.co.za/product/category&path='+ category_id + '_' + subcategory + '_' + subsub; 
}
document.addEventListener('readystatechange', function() {
    if (document.readyState === "complete") {
        loadCategories();
    }
});
</script>    </div>
</div>

<script>
document.getElementById("mbmySidenav").style.borderRight = "none";

function mbopenSideNav() {
  var x = $(document).scrollTop();
  sessionStorage.setItem("scrollbary", x);
  $('#mbmySidenav').css({'left' : "0"});    
  $("#mbunder").width("100%");
  $('body').css('overflow', 'hidden');
  $('.mbclosebtn').css('display', 'block');
  document.getElementById("mbmySidenav").style.borderRight = "1px solid #999";
}

function mbcloseSideNav() {
  $('#container').attr('onclick', '');
  $('#mbmySidenav').css('left', '-300px');
  $('body').css('overflow', 'initial')
  $("#mbunder").width("0px");
  $('.mbclosebtn').css('display', 'none');
  document.getElementById("mbmySidenav").style.borderRight = "0px";
  var x = sessionStorage.getItem("scrollbary");
    $(document).scrollTop(x);
}

function mbshowCatMenu(){
  $("#mbcategory").show();
  $("#mbAcc").hide();
  $("#mbshowCat").addClass("mbactive");
  loadCategories();
}

function mbshowAccMenu(){
  $("#mbcategory").hide();
  $('.mbprofilecard').show();
  $("#mbAcc").show();
  $("#mbshowAcc").addClass("mbactive");
  loadCategories();
}

$('#container').on('mousedown', function () {
  if( $("#mbmySidenav").width() > 0){
    $("#mbmySidenav").width("0px");
    $("#mbmain").show();
  }
});


function mbSelectCatMenu(){
  $('#mbCatBack').show();
  $('.mbprofilecard').hide();
  mbopenSideNav();
  mbshowCatMenu();
}

function mbCatMenu(){
  $('#mbCatBack').hide();
  $('.mbprofilecard').hide(); 
  mbopenSideNav();
  mbshowCatMenu();
}

function mbMenu(){
  $('.mbprofilecard').show();
  if(manufacturers.length > 0){
    $('.mbbrandsoption').show();
  }
  mbopenSideNav();
  mbshowAccMenu();
}


$(document).ready(function() {
  mbshowCatMenu();
});

function showMenuAgain(){
  $('#brandsBrowse').hide();
  $('.mbprofilecard').show();
  $("#mbAcc").show();
}
function mbManufacturerMenu(){
  $('#mbCatBack').show();
  $('.mbprofilecard').hide();
  $("#mbAcc").hide();
  var output = '';
  output = output + '<div class = "mbcatall"><a  class="browsecat getcat mbmenuback"  id="mbCatBack" onClick="showMenuAgain()" href="javascript:void(0)"><i class="fa fa-chevron-left" style="float:left;"></i></a><a class="mbcatall2 browsesub getcat" href="javascript:void(0)">BRANDS</a></div>';

  
  manufacturers.forEach(
        function(item) {
            output = output + '<a class="browsecat"  href="https://xxxcaraudio.co.za/product/brands&brand='+item['code']+'">'+item['name']+'</a>' ;
        }
  );
  $('#brandsBrowse').html(output);
  $("#brandsBrowse").show();
}
</script></script><div class="container">
<div id="snackbar">Successfully added to cart</div>
<div id="snackbarWL">Successfully added to Wish List</div>
<div id="snackbarLO">Please login to add a product to you Wish List</div>
 <div class="row">                <div id="content" class="col-sm-12">	  <hr/>
	 PHP Warning:  count(): Parameter must be an array or an object that implements Countable in /home/xxxcar34aud/public_html/catalog/view/theme/PosOnline_nm/template/product/category.tpl on line 17	  <div class="row"><div class="col-md-6 "> <h2>All Products</h2></div>
	  <div class="col-md-6"><div class="row">    
        <div class="col-md-5 text-right nopadding">
            <select id="input-sort" class="form-control" onchange="location = this.value;">
                                    <option value="https://xxxcaraudio.co.za/product/category&amp;path=&amp;sort=p.sort_order&amp;order=ASC" selected="selected">Sort By</option>
                                                <option value="https://xxxcaraudio.co.za/product/category&amp;path=&amp;sort=pd.name&amp;order=ASC">Name (A - Z)</option>
                                                <option value="https://xxxcaraudio.co.za/product/category&amp;path=&amp;sort=pd.name&amp;order=DESC">Name (Z - A)</option>
                                                <option value="https://xxxcaraudio.co.za/product/category&amp;path=&amp;sort=p.price&amp;order=ASC">Price (Low &gt; High)</option>
                                                <option value="https://xxxcaraudio.co.za/product/category&amp;path=&amp;sort=p.price&amp;order=DESC">Price (High &gt; Low)</option>
                                  </select>
        </div>
        <div class="col-md-4 text-right nopadding">
            <select id="input-limit" class="form-control" onchange="location = this.value;">
                                    <option value="https://xxxcaraudio.co.za/product/category&amp;path=&amp;limit=36" selected="selected">36</option>
                                                <option value="https://xxxcaraudio.co.za/product/category&amp;path=&amp;limit=40">40</option>
                                                <option value="https://xxxcaraudio.co.za/product/category&amp;path=&amp;limit=80">80</option>
                                                <option value="https://xxxcaraudio.co.za/product/category&amp;path=&amp;limit=100">100</option>
                                  </select>
        </div>
      <div class="col-md-3 nopadding">
          <div class="btn-group hidden-xs">
            <button type="button" id="list-view" class="btn btn-default" data-toggle="tooltip" title="List"><i class="fa fa-th-list"></i></button>
            <button type="button" id="grid-view" class="btn btn-default" data-toggle="tooltip" title="Grid"><i class="fa fa-th"></i></button>
          </div>
        </div></div>
</div></div>
      	  <hr/>
            <div class="row">
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=738"><img src="https://xxxcaraudio.co.za/image/cache/placeholder-228x228.png" alt="10" AMAROK LONG BOX BEHIND SEAT" title="10" AMAROK LONG BOX BEHIND SEAT" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=738">10" AMAROK LONG BOX BEHIND SEAT</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R1,250.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-738" class="qty_cat" max="1"/>

                                      <button type="button" class="btn btn-success" id="button-add-738" onclick="addTocart('738'); addToCartToast();">Add to Cart</button>
                        
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('738'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=549"><img src="https://xxxcaraudio.co.za/image/cache/product/8%20SUBWOOFER%20GRILL-228x228.jpg" alt="10" SUBWOOFER GRILLS" title="10" SUBWOOFER GRILLS" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=549">10" SUBWOOFER GRILLS</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R160.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-549" class="qty_cat" max="6"/>

                                      <button type="button" class="btn btn-success" id="button-add-549" onclick="addTocart('549'); addToCartToast();">Add to Cart</button>
                        
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('549'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=550"><img src="https://xxxcaraudio.co.za/image/cache/product/8%20SUBWOOFER%20GRILL-228x228.jpg" alt="12" SUBWOOFER GRILL" title="12" SUBWOOFER GRILL" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=550">12" SUBWOOFER GRILL</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R180.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-550" class="qty_cat" max="3"/>

                                      <button type="button" class="btn btn-success" id="button-add-550" onclick="addTocart('550'); addToCartToast();">Add to Cart</button>
                        
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('550'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=52"><img src="https://xxxcaraudio.co.za/image/cache/product/8%20SUBWOOFER%20GRILL-228x228.jpg" alt="15" SUBWOOFER GRILLE" title="15" SUBWOOFER GRILLE" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=52">15" SUBWOOFER GRILLE</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R180.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-52" class="qty_cat" max="1"/>

                                      <button type="button" class="btn btn-success" id="button-add-52" onclick="addTocart('52'); addToCartToast();">Add to Cart</button>
                        
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('52'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=719"><img src="https://xxxcaraudio.co.za/image/cache/product/Heavy%20Duties%20hose%20clamps-228x228.png" alt="29-31 HEAVY DUTY CLAMPS" title="29-31 HEAVY DUTY CLAMPS" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=719">29-31 HEAVY DUTY CLAMPS</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R65.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-719" class="qty_cat" max="20"/>

                                      <button type="button" class="btn btn-success" id="button-add-719" onclick="addTocart('719'); addToCartToast();">Add to Cart</button>
                        
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('719'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=720"><img src="https://xxxcaraudio.co.za/image/cache/product/Heavy%20Duties%20hose%20clamps-228x228.png" alt="36-39 HEAVY DUTY CLAMPS" title="36-39 HEAVY DUTY CLAMPS" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=720">36-39 HEAVY DUTY CLAMPS</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R65.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-720" class="qty_cat" max="15"/>

                                      <button type="button" class="btn btn-success" id="button-add-720" onclick="addTocart('720'); addToCartToast();">Add to Cart</button>
                        
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('720'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=718"><img src="https://xxxcaraudio.co.za/image/cache/product/Heavy%20Duties%20hose%20clamps-228x228.png" alt="40-43 HEAVY DUTY CLAMPS" title="40-43 HEAVY DUTY CLAMPS" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=718">40-43 HEAVY DUTY CLAMPS</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R75.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-718" class="qty_cat" max="55"/>

                                      <button type="button" class="btn btn-success" id="button-add-718" onclick="addTocart('718'); addToCartToast();">Add to Cart</button>
                        
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('718'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=722"><img src="https://xxxcaraudio.co.za/image/cache/product/Heavy%20Duties%20hose%20clamps-228x228.png" alt="44-47 HEAVY DUTY CLAMPS" title="44-47 HEAVY DUTY CLAMPS" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=722">44-47 HEAVY DUTY CLAMPS</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R75.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-722" class="qty_cat" max="43"/>

                                      <button type="button" class="btn btn-success" id="button-add-722" onclick="addTocart('722'); addToCartToast();">Add to Cart</button>
                        
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('722'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=721"><img src="https://xxxcaraudio.co.za/image/cache/product/Heavy%20Duties%20hose%20clamps-228x228.png" alt="56-59 HEAVY DUTY CLAMPS" title="56-59 HEAVY DUTY CLAMPS" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=721">56-59 HEAVY DUTY CLAMPS</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R75.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-721" class="qty_cat" max="36"/>

                                      <button type="button" class="btn btn-success" id="button-add-721" onclick="addTocart('721'); addToCartToast();">Add to Cart</button>
                        
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('721'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=1002"><img src="https://xxxcaraudio.co.za/image/cache/product/6%20INCH%20%20NISSAN%20TIIDA%20SPACERS-228x228.jpg" alt="6" NISSAN TILDA SPACERS" title="6" NISSAN TILDA SPACERS" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=1002">6" NISSAN TILDA SPACERS</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R300.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-1002" class="qty_cat" max="2"/>

                                      <button type="button" class="btn btn-success" id="button-add-1002" onclick="addTocart('1002'); addToCartToast();">Add to Cart</button>
                        
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('1002'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=1001"><img src="https://xxxcaraudio.co.za/image/cache/product/6%20INCH%20OPEL%20ASTRA%20SPACERS-228x228.png" alt="6" OPEL ASTRA FRONT SPACERS" title="6" OPEL ASTRA FRONT SPACERS" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=1001">6" OPEL ASTRA FRONT SPACERS</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R300.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-1001" class="qty_cat" max="6"/>

                                      <button type="button" class="btn btn-success" id="button-add-1001" onclick="addTocart('1001'); addToCartToast();">Add to Cart</button>
                        
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('1001'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=788"><img src="https://xxxcaraudio.co.za/image/cache/product/6%20INCH%20OPEL%20CORSA%20SPACERS-228x228.jpg" alt="6" OPEL CORSA SPACERS" title="6" OPEL CORSA SPACERS" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=788">6" OPEL CORSA SPACERS</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R300.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-788" class="qty_cat" max="5"/>

                                      <button type="button" class="btn btn-success" id="button-add-788" onclick="addTocart('788'); addToCartToast();">Add to Cart</button>
                        
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('788'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=628"><img src="https://xxxcaraudio.co.za/image/cache/product/6%20INCH%20TOYOTA%20ETIOS%20SPACERS-228x228.jpg" alt="6" TOYOTA ETIOS/QUEST SPACERS" title="6" TOYOTA ETIOS/QUEST SPACERS" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=628">6" TOYOTA ETIOS/QUEST SPACERS</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R300.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-628" class="qty_cat" max="37"/>

                                      <button type="button" class="btn btn-success" id="button-add-628" onclick="addTocart('628'); addToCartToast();">Add to Cart</button>
                        
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('628'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=1004"><img src="https://xxxcaraudio.co.za/image/cache/product/6%20INCH%20TOYOTA%20YARIS%20SPACERS-228x228.jpg" alt="6" TOYOTA YARIS SPACERS" title="6" TOYOTA YARIS SPACERS" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=1004">6" TOYOTA YARIS SPACERS</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R300.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-1004" class="qty_cat" max="8"/>

                                      <button type="button" class="btn btn-success" id="button-add-1004" onclick="addTocart('1004'); addToCartToast();">Add to Cart</button>
                        
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('1004'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=999"><img src="https://xxxcaraudio.co.za/image/cache/product/6%20INCH%20UNIVERSAL%20SPACERS-228x228.jpg" alt="6" UNIVERSAL SPACERS PLASTIC" title="6" UNIVERSAL SPACERS PLASTIC" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=999">6" UNIVERSAL SPACERS PLASTIC</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R300.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-999" class="qty_cat" max="6"/>

                                      <button type="button" class="btn btn-success" id="button-add-999" onclick="addTocart('999'); addToCartToast();">Add to Cart</button>
                        
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('999'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=1560"><img src="https://xxxcaraudio.co.za/image/cache/placeholder-228x228.png" alt="6" VW WOODEN SPACERS" title="6" VW WOODEN SPACERS" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=1560">6" VW WOODEN SPACERS</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R300.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-1560" class="qty_cat" max="20"/>

                                      <button type="button" class="btn btn-success" id="button-add-1560" onclick="addTocart('1560'); addToCartToast();">Add to Cart</button>
                        
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('1560'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=1005"><img src="https://xxxcaraudio.co.za/image/cache/product/6%20INCH%20WOOD%20SPACERS%202-228x228.jpg" alt="6" WOODEN SPACERS" title="6" WOODEN SPACERS" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=1005">6" WOODEN SPACERS</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R300.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" disabled value="1" size="2" id="input-quantity-1005" class="qty_cat" max="0"/>
                <button type="button" class="btn btn-default" disabled>Out of Stock</button>
	                                    <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('1005'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=913"><img src="https://xxxcaraudio.co.za/image/cache/product/Heavy%20Duties%20hose%20clamps-228x228.png" alt="60-63 HEAVY DUTY CLAMPS" title="60-63 HEAVY DUTY CLAMPS" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=913">60-63 HEAVY DUTY CLAMPS</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R75.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-913" class="qty_cat" max="11"/>

                                      <button type="button" class="btn btn-success" id="button-add-913" onclick="addTocart('913'); addToCartToast();">Add to Cart</button>
                        
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('913'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=724"><img src="https://xxxcaraudio.co.za/image/cache/product/Heavy%20Duties%20hose%20clamps-228x228.png" alt="68-73 HEAVY DUTY CLAMPS" title="68-73 HEAVY DUTY CLAMPS" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=724">68-73 HEAVY DUTY CLAMPS</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R90.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" disabled value="1" size="2" id="input-quantity-724" class="qty_cat" max="0"/>
                <button type="button" class="btn btn-default" disabled>Out of Stock</button>
	                                    <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('724'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=1000"><img src="https://xxxcaraudio.co.za/image/cache/product/6%20BY%209%20WOODEN%20BOXES-228x228.jpg" alt="6X9 BAKKIE BOXES EACH" title="6X9 BAKKIE BOXES EACH" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=1000">6X9 BAKKIE BOXES EACH</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R175.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-1000" class="qty_cat" max="28"/>

                                      <button type="button" class="btn btn-success" id="button-add-1000" onclick="addTocart('1000'); addToCartToast();">Add to Cart</button>
                        
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('1000'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=479"><img src="https://xxxcaraudio.co.za/image/cache/placeholder-228x228.png" alt="6X9 NISSAN NP200 REAR SIDE PANEL PANELS" title="6X9 NISSAN NP200 REAR SIDE PANEL PANELS" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=479">6X9 NISSAN NP200 REAR SIDE PANEL PANELS</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R800.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-479" class="qty_cat" max="3"/>

                                      <button type="button" class="btn btn-success" id="button-add-479" onclick="addTocart('479'); addToCartToast();">Add to Cart</button>
                        
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('479'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=1003"><img src="https://xxxcaraudio.co.za/image/cache/product/6X9%20ANGLE%20SPACERS-228x228.jpg" alt="6X9 SPACERS ANGLE" title="6X9 SPACERS ANGLE" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=1003">6X9 SPACERS ANGLE</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R280.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-1003" class="qty_cat" max="7"/>

                                      <button type="button" class="btn btn-success" id="button-add-1003" onclick="addTocart('1003'); addToCartToast();">Add to Cart</button>
                        
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('1003'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=287"><img src="https://xxxcaraudio.co.za/image/cache/product/6X0%20ISUZU%20SPACERS-228x228.jpg" alt="6X9 SPACERS ISUZU BAKKIE" title="6X9 SPACERS ISUZU BAKKIE" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=287">6X9 SPACERS ISUZU BAKKIE</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R450.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-287" class="qty_cat" max="10"/>

                                      <button type="button" class="btn btn-success" id="button-add-287" onclick="addTocart('287'); addToCartToast();">Add to Cart</button>
                        
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('287'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=351"><img src="https://xxxcaraudio.co.za/image/cache/product/Heavy%20Duties%20hose%20clamps-228x228.png" alt="74-79 HEAVY DUTY CLAMPS" title="74-79 HEAVY DUTY CLAMPS" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=351">74-79 HEAVY DUTY CLAMPS</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R90.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-351" class="qty_cat" max="27"/>

                                      <button type="button" class="btn btn-success" id="button-add-351" onclick="addTocart('351'); addToCartToast();">Add to Cart</button>
                        
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('351'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=912"><img src="https://xxxcaraudio.co.za/image/cache/product/universal%20hose%20clamps-228x228.png" alt="76MM / 63MM NORMAL STEEL CLAMP" title="76MM / 63MM NORMAL STEEL CLAMP" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=912">76MM / 63MM NORMAL STEEL CLAMP</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R30.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" disabled value="1" size="2" id="input-quantity-912" class="qty_cat" max="0"/>
                <button type="button" class="btn btn-default" disabled>Out of Stock</button>
	                                    <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('912'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=352"><img src="https://xxxcaraudio.co.za/image/cache/product/Heavy%20Duties%20hose%20clamps-228x228.png" alt="77/78-87 HEAVY DUTY CLAMPS" title="77/78-87 HEAVY DUTY CLAMPS" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=352">77/78-87 HEAVY DUTY CLAMPS</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R90.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-352" class="qty_cat" max="43"/>

                                      <button type="button" class="btn btn-success" id="button-add-352" onclick="addTocart('352'); addToCartToast();">Add to Cart</button>
                        
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('352'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=366"><img src="https://xxxcaraudio.co.za/image/cache/product/8%20SUBWOOFER%20GRILL-228x228.jpg" alt="8" SUBWOOFER GRILL" title="8" SUBWOOFER GRILL" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=366">8" SUBWOOFER GRILL</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R140.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" disabled value="1" size="2" id="input-quantity-366" class="qty_cat" max="0"/>
                <button type="button" class="btn btn-default" disabled>Out of Stock</button>
	                                    <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('366'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=353"><img src="https://xxxcaraudio.co.za/image/cache/product/Heavy%20Duties%20hose%20clamps-228x228.png" alt="80-85 HEAVY DUTY CLAMPS" title="80-85 HEAVY DUTY CLAMPS" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=353">80-85 HEAVY DUTY CLAMPS</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R90.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-353" class="qty_cat" max="33"/>

                                      <button type="button" class="btn btn-success" id="button-add-353" onclick="addTocart('353'); addToCartToast();">Add to Cart</button>
                        
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('353'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=725"><img src="https://xxxcaraudio.co.za/image/cache/product/Heavy%20Duties%20hose%20clamps-228x228.png" alt="86-91 HEAVY DUTY CLAMPS" title="86-91 HEAVY DUTY CLAMPS" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=725">86-91 HEAVY DUTY CLAMPS</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R90.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" disabled value="1" size="2" id="input-quantity-725" class="qty_cat" max="0"/>
                <button type="button" class="btn btn-default" disabled>Out of Stock</button>
	                                    <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('725'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=723"><img src="https://xxxcaraudio.co.za/image/cache/product/Heavy%20Duties%20hose%20clamps-228x228.png" alt="92-97 HEAVY DUTY CLAMPS" title="92-97 HEAVY DUTY CLAMPS" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=723">92-97 HEAVY DUTY CLAMPS</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R110.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-723" class="qty_cat" max="8"/>

                                      <button type="button" class="btn btn-success" id="button-add-723" onclick="addTocart('723'); addToCartToast();">Add to Cart</button>
                        
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('723'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=176"><img src="https://xxxcaraudio.co.za/image/cache/product/adaptor%200909%203,5mm%20female-228x228.jpg" alt="ADAPTOR 0909 3.5 TO 3.5 FEMALE JOINERS" title="ADAPTOR 0909 3.5 TO 3.5 FEMALE JOINERS" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=176">ADAPTOR 0909 3.5 TO 3.5 FEMALE JOINERS</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R50.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-176" class="qty_cat" max="7"/>

                                      <button type="button" class="btn btn-success" id="button-add-176" onclick="addTocart('176'); addToCartToast();">Add to Cart</button>
                        
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('176'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=576"><img src="https://xxxcaraudio.co.za/image/cache/product/AERAIL%20ADAPTOR%20CHRYSLER%20JEEP%202001-%20%2013-014-228x228.png" alt="AERIAL ADAPTOR CHRYSLER JEEP" title="AERIAL ADAPTOR CHRYSLER JEEP" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=576">AERIAL ADAPTOR CHRYSLER JEEP</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R350.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-576" class="qty_cat" max="4"/>

                                      <button type="button" class="btn btn-success" id="button-add-576" onclick="addTocart('576'); addToCartToast();">Add to Cart</button>
                        
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('576'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=424"><img src="https://xxxcaraudio.co.za/image/cache/product/AERAIL%20ADAPTOR%20HYUNDAI-KIA%202007-%2013-001-228x228.png" alt="AERIAL ADAPTOR HYUNDAI/KIA 07>" title="AERIAL ADAPTOR HYUNDAI/KIA 07>" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=424">AERIAL ADAPTOR HYUNDAI/KIA 07></a></h6>
                                                <p class="price">
                  
                                                                          <strong>R380.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-424" class="qty_cat" max="2"/>

                                      <button type="button" class="btn btn-success" id="button-add-424" onclick="addTocart('424'); addToCartToast();">Add to Cart</button>
                        
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('424'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=382"><img src="https://xxxcaraudio.co.za/image/cache/product/AERIAL%20ADAPTOR%20NISSAN-228x228.png" alt="AERIAL ADAPTOR NISSAN NAVARA/LAVINA" title="AERIAL ADAPTOR NISSAN NAVARA/LAVINA" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=382">AERIAL ADAPTOR NISSAN NAVARA/LAVINA</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R200.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-382" class="qty_cat" max="7"/>

                                      <button type="button" class="btn btn-success" id="button-add-382" onclick="addTocart('382'); addToCartToast();">Add to Cart</button>
                        
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('382'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=445"><img src="https://xxxcaraudio.co.za/image/cache/product/Toyota%20AERIAL%20ADAPTOR-228x228.png" alt="AERIAL ADAPTOR TOYOTA HILUX/COROLLA+POWE" title="AERIAL ADAPTOR TOYOTA HILUX/COROLLA+POWE" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=445">AERIAL ADAPTOR TOYOTA HILUX/COROLLA+POWE</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R150.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-445" class="qty_cat" max="19"/>

                                      <button type="button" class="btn btn-success" id="button-add-445" onclick="addTocart('445'); addToCartToast();">Add to Cart</button>
                        
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('445'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
                <div class="product-layout product-list col-xs-6">
          <div class="product-thumb">
            <div class="image"><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=385"><img src="https://xxxcaraudio.co.za/image/cache/product/AERIAL%20ADAPTOR%20AUDI-BMW-FORD-VW-CHRYSLER%202002-%20%2013-009-228x228.png" alt="AERIAL ADAPTOR VW/BMW/OPEL DBL BOOSTER" title="AERIAL ADAPTOR VW/BMW/OPEL DBL BOOSTER" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://xxxcaraudio.co.za/product/product&amp;path=&amp;product_id=385">AERIAL ADAPTOR VW/BMW/OPEL DBL BOOSTER</a></h6>
                                                <p class="price">
                  
                                                                          <strong>R350.00</strong>
                                                
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-385" class="qty_cat" max="18"/>

                                      <button type="button" class="btn btn-success" id="button-add-385" onclick="addTocart('385'); addToCartToast();">Add to Cart</button>
                        
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('385'); wishListToastNotLoggedIn();"><i class="fa fa-heart"></i></button>
                          </div>
                            </div>
          </div>
        </div>
              </div>
	  <hr>
      <div class="row">
        <div class="col-sm-8 text-left"><ul class="pagination"><li class="active"><span>1</span></li><li><a href="https://xxxcaraudio.co.za/product/category&amp;path=&amp;page=2&amp;newarrivals=N&amp;featured=N">2</a></li><li><a href="https://xxxcaraudio.co.za/product/category&amp;path=&amp;page=3&amp;newarrivals=N&amp;featured=N">3</a></li><li><a href="https://xxxcaraudio.co.za/product/category&amp;path=&amp;page=4&amp;newarrivals=N&amp;featured=N">4</a></li><li><a href="https://xxxcaraudio.co.za/product/category&amp;path=&amp;page=5&amp;newarrivals=N&amp;featured=N">5</a></li><li><a href="https://xxxcaraudio.co.za/product/category&amp;path=&amp;page=6&amp;newarrivals=N&amp;featured=N">6</a></li><li><a href="https://xxxcaraudio.co.za/product/category&amp;path=&amp;page=7&amp;newarrivals=N&amp;featured=N">7</a></li><li><a href="https://xxxcaraudio.co.za/product/category&amp;path=&amp;page=8&amp;newarrivals=N&amp;featured=N">8</a></li><li><a href="https://xxxcaraudio.co.za/product/category&amp;path=&amp;page=9&amp;newarrivals=N&amp;featured=N">9</a></li><li><a href="https://xxxcaraudio.co.za/product/category&amp;path=&amp;page=2&amp;newarrivals=N&amp;featured=N">&gt;</a></li><li><a href="https://xxxcaraudio.co.za/product/category&amp;path=&amp;page=42&amp;newarrivals=N&amp;featured=N">&gt;|</a></li></ul></div>
        <div class="col-sm-4 text-right">Showing 1 to 36 of 1480 (42 Pages)</div>
      </div>
                  </div>
    </div>
</div>
<script>
 var el = document.getElementById('li_0');
  if(el) {
    el.className += el.className ? ' active' : 'active';
  }

  var el2 = document.getElementById('li_');
  if(el2) {
    el2.classList.remove("active");
  }
  $('select').on('change', function() {
    var product = this.value;
    var main = this.id.split("-")[1];
    var target = '#button-add-'+ main;
    $(target).attr('onClick', 'addTocart('+product+');')
});

function addToCartToast()
{
  var x = document.getElementById("snackbar");
  x.className = "show";
  setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
}

function openAlert() 
{
    swal({

        title: "Warning",
        text: "The product has been added to your cart however, it CANNOT be shipped.",
        icon: "warning",
        button: "Continue",
        dangerMode: true,
        });
}

function wishListToast()
{
  var x = document.getElementById("snackbarWL");
  x.className = "show";
  setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
}

function wishListToastNotLoggedIn()
{
  var x = document.getElementById("snackbarLO");
  x.className = "show";
  setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
}

</script>
<!-- New Footer -->
<footer id = "footer">
  <section class="newsletter">
<div class = "newsletter__container" id="mc_embed_signup">
<h3 class = "newsletter__heading">Sign up to our newsletter and get updates about our latest arrivals and exclusive deals!</h3>
<form class = "" action="https://xxxcaraudio.us1.list-manage.com/subscribe/post?u=eb38b7b720bbe9282822060b1&amp;id=63d2a2c9fc" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">	
<div class="form mc-field-group">
<i class="fas fa-envelope form__envelope"></i>
  <input class = "form__email" type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="email address">
  <div class="clear"><input class = "form__submit"type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
	    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_b909e56876df1efa7dd93f009_27575e6b1e" tabindex="-1" value=""></div>
    
    </div>
</form>
<div class = "newsletter__response__container" id="mce-responses" class="clear">
		<div class="newsletter__response__error response" id="mce-error-response" style="display:none"></div>
    <div class="newsletter__response__success response" id="mce-success-response" style="display:none"></div>
	</div>
</div>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email'; }(jQuery));var $mcj = jQuery.noConflict(true);</script>
</section>
    <section class="footer">
  <div class="footer__container">
  <div class="footer__item footer__item1">
    <h2 class = "footer__heading">Information</h2>
    <div class="footer__body">
    <a class = "footer__body__text" href="https://xxxcaraudio.co.za/information/contact">Contact Us</a><br>
    	    <a class="footer__body__text " href="https://www.xxxcaraudio.co.za/information/information&information_id=4">About Us</a><br>
    	    <a class="footer__body__text " href="https://www.xxxcaraudio.co.za/information/information&information_id=6">Delivery Information</a><br>
    	    <a class="footer__body__text " href="https://www.xxxcaraudio.co.za/information/information&information_id=3">Returns and Refunds</a><br>
    	    <a class="footer__body__text " href="https://www.xxxcaraudio.co.za/information/information&information_id=5">Terms and Conditions</a><br>
        </div>
  </div>
  <div class="footer__item footer__item2">
    <h2 class = "footer__heading">Shop</h2>
    <div class="footer__body">
    <a class = "footer__body__text" href="https://xxxcaraudio.co.za/product/category&path=0">Products</a><br>
    <a class = "footer__body__text" href="https://xxxcaraudio.co.za/product/special">Promotions</a><br> 
    </div>
  </div> 
  <div class="footer__item footer__item3">
    <h2 class = "footer__heading">Account</h2>
    <div class="footer__body">
    <a class = "footer__body__text" href="https://xxxcaraudio.co.za/account/account">My Account</a><br>
    <a class = "footer__body__text" href="https://xxxcaraudio.co.za/account/wishlist">My Wishlist</a><br>
    <a class = "footer__body__text" href="https://xxxcaraudio.co.za/checkout/cart">View Cart</a><br>
    <a class = "footer__body__text" href="https://xxxcaraudio.co.za/checkout/checkout">Checkout</a><br>
      </div>
  </div>
  <div class="footer__item footer__item4">
    <h2 class = "footer__heading footer__heading__last">Get In Touch</h2>
    <div class="footer__body footer__body__last">
        			  <a class = "footer__body__text" href="tel:012 663 9786"><i class="fas fa-phone"></i> 012 663 9786</a><br>
                			  <a class = "footer__body__text" href="mailto:info@xxxcaraudio.co.za"><i class="fas fa-envelope"></i> info@xxxcaraudio.co.za</a><br>
        			  <a class = "footer__body__text" href="mailto: webenquiries@xxxcaraudio.co.za"><i class="fas fa-envelope"></i>  webenquiries@xxxcaraudio.co.za</a><br>
                <p class = "footer__body__follow footer__body__text"><i class="fas fa-heart"></i> Follow Us:</p>
        <div class="footer__body__social">
             <a class = "facebook" href="https://www.facebook.com/triplexcaraudio" target = "_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50pt" height="50pt" viewBox="0 0 50 50" version="1.1"><g id="surface1"><path style=" stroke:none;fill-rule:nonzero;fill:rgb(25.882353%,40.392157%,69.803922%);fill-opacity:1;" d="M 47.238281 0 L 2.757812 0 C 1.234375 0 0 1.238281 0 2.761719 L 0 47.242188 C 0 48.765625 1.238281 50 2.761719 50 L 47.238281 50 C 48.765625 50 50 48.765625 50 47.242188 C 50 47.242188 50 47.242188 50 47.238281 L 50 2.757812 C 50 1.234375 48.761719 0 47.238281 0 Z M 47.238281 0 "/><path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 34.523438 50 L 34.523438 30.664062 L 41.039062 30.664062 L 42.015625 23.09375 L 34.523438 23.09375 L 34.523438 18.277344 C 34.523438 16.089844 35.128906 14.601562 38.261719 14.601562 L 42.234375 14.601562 L 42.234375 7.847656 C 41.546875 7.757812 39.171875 7.550781 36.414062 7.550781 C 30.652344 7.550781 26.710938 11.066406 26.710938 17.527344 L 26.710938 23.097656 L 20.214844 23.097656 L 20.214844 30.664062 L 26.710938 30.664062 L 26.710938 50 Z M 34.523438 50 "/></g></svg></a>
                  <a class = "instagram" href="https://www.instagram.com/yasham_audio" target = "_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50pt" height="50pt" viewBox="0 0 50 50" version="1.1"><defs><radialGradient id="radial0" gradientUnits="userSpaceOnUse" cx="217.76" cy="3290.99" fx="217.76" fy="3290.99" r="4271.92" gradientTransform="matrix(0.0148602,0,0,0.0148602,0,0)"><stop offset="0.09" style="stop-color:rgb(98.039216%,56.078431%,12.941176%);stop-opacity:1;"/><stop offset="0.78" style="stop-color:rgb(84.705882%,17.647059%,49.411765%);stop-opacity:1;"/></radialGradient><radialGradient id="radial1" gradientUnits="userSpaceOnUse" cx="2330.61" cy="3182.95" fx="2330.61" fy="3182.95" r="3759.33" gradientTransform="matrix(0.0148602,0,0,0.0148602,0,0)"><stop offset="0.64" style="stop-color:rgb(54.901961%,22.745098%,66.666667%);stop-opacity:0;"/><stop offset="1" style="stop-color:rgb(54.901961%,22.745098%,66.666667%);stop-opacity:1;"/></radialGradient></defs><g id="surface1"><path style=" stroke:none;fill-rule:nonzero;fill:url(#radial0);" d="M 12.679688 49.824219 C 9.707031 49.6875 8.089844 49.191406 7.015625 48.773438 C 5.59375 48.21875 4.578125 47.558594 3.507812 46.492188 C 2.441406 45.425781 1.777344 44.410156 1.226562 42.988281 C 0.808594 41.914062 0.3125 40.296875 0.179688 37.324219 C 0.03125 34.109375 0 33.144531 0 25.003906 C 0 16.859375 0.03125 15.894531 0.175781 12.679688 C 0.3125 9.707031 0.808594 8.09375 1.226562 7.015625 C 1.78125 5.59375 2.441406 4.578125 3.507812 3.507812 C 4.574219 2.441406 5.589844 1.777344 7.015625 1.226562 C 8.089844 0.808594 9.703125 0.3125 12.675781 0.175781 C 15.894531 0.03125 16.859375 0 25 0 C 33.144531 0 34.105469 0.03125 37.324219 0.175781 C 40.296875 0.3125 41.910156 0.808594 42.984375 1.226562 C 44.410156 1.777344 45.425781 2.441406 46.492188 3.507812 C 47.5625 4.574219 48.21875 5.589844 48.773438 7.015625 C 49.191406 8.089844 49.6875 9.703125 49.824219 12.675781 C 49.96875 15.894531 50 16.855469 50 25 C 50 33.140625 49.96875 34.105469 49.824219 37.324219 C 49.6875 40.296875 49.191406 41.914062 48.773438 42.988281 C 48.21875 44.410156 47.558594 45.425781 46.492188 46.492188 C 45.425781 47.558594 44.410156 48.21875 42.984375 48.773438 C 41.910156 49.191406 40.296875 49.6875 37.324219 49.824219 C 34.109375 49.96875 33.144531 50 25 50 C 16.859375 50 15.894531 49.972656 12.679688 49.824219 "/><path style=" stroke:none;fill-rule:nonzero;fill:url(#radial1);" d="M 12.679688 49.824219 C 9.707031 49.6875 8.089844 49.191406 7.015625 48.773438 C 5.59375 48.21875 4.578125 47.558594 3.507812 46.492188 C 2.441406 45.425781 1.777344 44.410156 1.226562 42.988281 C 0.808594 41.914062 0.3125 40.296875 0.179688 37.324219 C 0.03125 34.109375 0 33.144531 0 25.003906 C 0 16.859375 0.03125 15.894531 0.175781 12.679688 C 0.3125 9.707031 0.808594 8.09375 1.226562 7.015625 C 1.78125 5.59375 2.441406 4.578125 3.507812 3.507812 C 4.574219 2.441406 5.589844 1.777344 7.015625 1.226562 C 8.089844 0.808594 9.703125 0.3125 12.675781 0.175781 C 15.894531 0.03125 16.859375 0 25 0 C 33.144531 0 34.105469 0.03125 37.324219 0.175781 C 40.296875 0.3125 41.910156 0.808594 42.984375 1.226562 C 44.410156 1.777344 45.425781 2.441406 46.492188 3.507812 C 47.5625 4.574219 48.21875 5.589844 48.773438 7.015625 C 49.191406 8.089844 49.6875 9.703125 49.824219 12.675781 C 49.96875 15.894531 50 16.855469 50 25 C 50 33.140625 49.96875 34.105469 49.824219 37.324219 C 49.6875 40.296875 49.191406 41.914062 48.773438 42.988281 C 48.21875 44.410156 47.558594 45.425781 46.492188 46.492188 C 45.425781 47.558594 44.410156 48.21875 42.984375 48.773438 C 41.910156 49.191406 40.296875 49.6875 37.324219 49.824219 C 34.109375 49.96875 33.144531 50 25 50 C 16.859375 50 15.894531 49.972656 12.679688 49.824219 "/><path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 18.859375 25.105469 C 18.859375 21.6875 21.632812 18.914062 25.050781 18.914062 C 28.472656 18.914062 31.246094 21.6875 31.246094 25.105469 C 31.246094 28.527344 28.472656 31.296875 25.050781 31.296875 C 21.632812 31.296875 18.859375 28.527344 18.859375 25.105469 M 15.515625 25.105469 C 15.515625 30.375 19.785156 34.644531 25.050781 34.644531 C 30.320312 34.644531 34.589844 30.375 34.589844 25.105469 C 34.589844 19.839844 30.320312 15.570312 25.050781 15.570312 C 19.785156 15.570312 15.515625 19.839844 15.515625 25.105469 M 32.738281 15.191406 C 32.738281 16.421875 33.734375 17.417969 34.96875 17.421875 C 36.199219 17.421875 37.195312 16.421875 37.195312 15.191406 C 37.199219 13.960938 36.199219 12.960938 34.96875 12.960938 C 33.738281 12.960938 32.738281 13.960938 32.738281 15.191406 M 17.546875 40.226562 C 15.738281 40.144531 14.753906 39.84375 14.097656 39.585938 C 13.230469 39.25 12.613281 38.847656 11.960938 38.199219 C 11.3125 37.546875 10.910156 36.929688 10.570312 36.0625 C 10.316406 35.410156 10.015625 34.425781 9.933594 32.613281 C 9.84375 30.65625 9.824219 30.066406 9.824219 25.105469 C 9.824219 20.144531 9.84375 19.558594 9.933594 17.601562 C 10.015625 15.789062 10.320312 14.804688 10.570312 14.152344 C 10.910156 13.285156 11.3125 12.664062 11.960938 12.015625 C 12.609375 11.363281 13.230469 10.960938 14.097656 10.625 C 14.753906 10.371094 15.738281 10.066406 17.546875 9.984375 C 19.503906 9.894531 20.09375 9.878906 25.050781 9.878906 C 30.011719 9.878906 30.597656 9.898438 32.558594 9.984375 C 34.371094 10.070312 35.351562 10.371094 36.007812 10.625 C 36.875 10.960938 37.492188 11.363281 38.144531 12.015625 C 38.796875 12.664062 39.195312 13.285156 39.535156 14.152344 C 39.789062 14.804688 40.089844 15.789062 40.171875 17.601562 C 40.261719 19.558594 40.28125 20.148438 40.28125 25.105469 C 40.28125 30.066406 40.261719 30.652344 40.171875 32.613281 C 40.089844 34.425781 39.789062 35.410156 39.535156 36.0625 C 39.195312 36.929688 38.792969 37.550781 38.144531 38.199219 C 37.496094 38.847656 36.875 39.25 36.007812 39.585938 C 35.355469 39.84375 34.371094 40.144531 32.558594 40.226562 C 30.601562 40.316406 30.011719 40.335938 25.050781 40.335938 C 20.089844 40.335938 19.503906 40.316406 17.546875 40.226562 M 17.394531 6.644531 C 15.417969 6.734375 14.066406 7.046875 12.886719 7.507812 C 11.664062 7.980469 10.628906 8.617188 9.59375 9.648438 C 8.5625 10.679688 7.925781 11.714844 7.453125 12.941406 C 6.992188 14.121094 6.679688 15.472656 6.589844 17.449219 C 6.496094 19.429688 6.476562 20.0625 6.476562 25.105469 C 6.476562 30.152344 6.496094 30.785156 6.589844 32.765625 C 6.679688 34.742188 6.992188 36.09375 7.453125 37.273438 C 7.925781 38.496094 8.5625 39.53125 9.59375 40.5625 C 10.628906 41.59375 11.664062 42.230469 12.886719 42.707031 C 14.066406 43.164062 15.417969 43.480469 17.394531 43.570312 C 19.375 43.660156 20.007812 43.683594 25.050781 43.683594 C 30.097656 43.683594 30.730469 43.660156 32.710938 43.570312 C 34.6875 43.480469 36.039062 43.164062 37.21875 42.707031 C 38.441406 42.230469 39.476562 41.597656 40.507812 40.5625 C 41.542969 39.53125 42.175781 38.496094 42.652344 37.273438 C 43.109375 36.09375 43.425781 34.742188 43.515625 32.765625 C 43.605469 30.78125 43.625 30.152344 43.625 25.105469 C 43.625 20.0625 43.605469 19.429688 43.515625 17.449219 C 43.425781 15.472656 43.109375 14.121094 42.652344 12.941406 C 42.175781 11.71875 41.542969 10.683594 40.507812 9.648438 C 39.476562 8.617188 38.441406 7.980469 37.21875 7.507812 C 36.039062 7.046875 34.6875 6.730469 32.710938 6.644531 C 30.730469 6.554688 30.097656 6.53125 25.054688 6.53125 C 20.011719 6.53125 19.375 6.550781 17.394531 6.644531 "/></g></svg></a>
             </div>
      </div>
  </div>
  </div>
  <section class="footer__payment">
    <div class="footer__payment__logos footer__payment__paygate">
      <div class="payment-item footer__payment__item1"><img src="https://xxxcaraudio.co.za/assets/images/paymentlogospaygate/paygate5.png" width="" alt="Payagte"></div>
      <div class="payment-item footer__payment__item2"><img src="https://xxxcaraudio.co.za/assets/images/paymentlogospaygate/mastercard3.png" width="" alt="Matercard"></div>
      <div class="payment-item footer__payment__item3"><img src="https://xxxcaraudio.co.za/assets/images/paymentlogospaygate/Visa3.png" width="" alt="Visa"></div>
      <div class="payment-item footer__payment__item4"><img src="https://xxxcaraudio.co.za/assets/images/paymentlogospaygate/mastercardsecure3.png" width="" alt="Mastercard Secure"></div>
      <div class="payment-item footer__payment__item5"><img src="https://xxxcaraudio.co.za/assets/images/paymentlogospaygate/instanteft3.png" width="" alt="Instant EFT"></div>
      <div class="payment-item footer__payment__item6"><img src="https://xxxcaraudio.co.za/assets/images/paymentlogospaygate/visaverified3.png" width="" alt="Verified by Visa"></div>
  </div>
      </section>
  <section class="bottom__bar">
  <div class="bottom__bar__copyright">
    <p>XXX Car Audio & Motorsports &copy; 2025 | <a href="https://www.mifs.co.za" target = "_blank">Webshop by Mifs Solutions - POS-i-TILL</a> </p>
  </div>
  </section>
  </footer>
  <a id="back-to-top" href="#" class="btn btn-default btn-lg back-to-top" role="button" ><span class="glyphicon glyphicon-chevron-up"></span></a>
  <script>
    //   Mobile Footer Collapsible
var coll = document.getElementsByClassName("footer__heading");
var i;

for (i = 0; i < coll.length; i++) {
  coll[i].addEventListener("click", function () {
    this.classList.toggle("footer__collapsible");
    var footer__body = this.nextElementSibling;
    if (footer__body.style.display === "block" && jQuery(window).width() < 650) {
      footer__body.style.display = "none";
    } else {
      footer__body.style.display = "block";
    }
  });
}
  </script>
    <script>
        whatsapp_icon();
</script>
</body></html>