PHP Notice:  Undefined variable: cat_breadcrumbs in /home/bathocnc/public_html/catalog/controller/product/category.php on line 101PHP Notice:  Undefined variable: subcategory_code in /home/bathocnc/public_html/catalog/controller/product/category.php on line 102PHP Notice:  Undefined index: path in /home/bathocnc/public_html/catalog/controller/product/category.php on line 147PHP Notice:  Undefined variable: subsub_code in /home/bathocnc/public_html/catalog/controller/product/category.php on line 196PHP Notice:  Undefined variable: subcategory_code in /home/bathocnc/public_html/catalog/controller/product/category.php on line 198PHP Notice:  Undefined index: path in /home/bathocnc/public_html/catalog/controller/product/category.php on line 258PHP Notice:  Undefined index: path in /home/bathocnc/public_html/catalog/controller/product/category.php on line 258PHP Notice:  Undefined index: path in /home/bathocnc/public_html/catalog/controller/product/category.php on line 258PHP Notice:  Undefined index: path in /home/bathocnc/public_html/catalog/controller/product/category.php on line 258PHP Notice:  Undefined index: path in /home/bathocnc/public_html/catalog/controller/product/category.php on line 258PHP Notice:  Undefined index: path in /home/bathocnc/public_html/catalog/controller/product/category.php on line 258PHP Notice:  Undefined index: path in /home/bathocnc/public_html/catalog/controller/product/category.php on line 258PHP Notice:  Undefined index: path in /home/bathocnc/public_html/catalog/controller/product/category.php on line 258PHP Notice:  Undefined index: path in /home/bathocnc/public_html/catalog/controller/product/category.php on line 258PHP Notice:  Undefined index: path in /home/bathocnc/public_html/catalog/controller/product/category.php on line 258PHP Notice:  Undefined index: path in /home/bathocnc/public_html/catalog/controller/product/category.php on line 258PHP Notice:  Undefined index: path in /home/bathocnc/public_html/catalog/controller/product/category.php on line 258PHP Notice:  Undefined index: path in /home/bathocnc/public_html/catalog/controller/product/category.php on line 258PHP Notice:  Undefined index: path in /home/bathocnc/public_html/catalog/controller/product/category.php on line 258PHP Notice:  Undefined index: path in /home/bathocnc/public_html/catalog/controller/product/category.php on line 258PHP Notice:  Undefined index: path in /home/bathocnc/public_html/catalog/controller/product/category.php on line 258PHP Notice:  Undefined index: path in /home/bathocnc/public_html/catalog/controller/product/category.php on line 258PHP Notice:  Undefined index: path in /home/bathocnc/public_html/catalog/controller/product/category.php on line 258PHP Notice:  Undefined index: path in /home/bathocnc/public_html/catalog/controller/product/category.php on line 258PHP Notice:  Undefined index: path in /home/bathocnc/public_html/catalog/controller/product/category.php on line 258PHP Notice:  Undefined index: path in /home/bathocnc/public_html/catalog/controller/product/category.php on line 281PHP Notice:  Undefined index: path in /home/bathocnc/public_html/catalog/controller/product/category.php on line 287PHP Notice:  Undefined index: path in /home/bathocnc/public_html/catalog/controller/product/category.php on line 293PHP Notice:  Undefined index: path in /home/bathocnc/public_html/catalog/controller/product/category.php on line 299PHP Notice:  Undefined index: path in /home/bathocnc/public_html/catalog/controller/product/category.php on line 305PHP Notice:  Undefined index: path in /home/bathocnc/public_html/catalog/controller/product/category.php on line 358PHP Notice:  Undefined index: path in /home/bathocnc/public_html/catalog/controller/product/category.php on line 358PHP Notice:  Undefined index: path in /home/bathocnc/public_html/catalog/controller/product/category.php on line 358PHP Notice:  Undefined index: path in /home/bathocnc/public_html/catalog/controller/product/category.php on line 358PHP Notice:  Undefined index: path in /home/bathocnc/public_html/catalog/controller/product/category.php on line 384<!DOCTYPE html>
<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>
<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://bathocnc.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=20200921" rel="stylesheet">
<link href="assets/css/custom.css?ver=20240119A" rel="stylesheet">
<link href="assets/fontawesome/css/all.min.css?ver=20200821" rel="stylesheet">
<link href="assets/css/font-awesome.min.css?ver=20200821" 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?20230406"></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://bathocnc.co.za/product/category&amp;path=0" rel="canonical">
<link href="https://bathocnc.co.za/product/category&amp;path=0&amp;page=2" rel="next">
</head>
<body class="product-category">
<!-- Desktop header -->
<header class = "hidden-mobile header"> 
<!-- Navigation-->
<nav class="navbar-fixed-top">
<!-- 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://bathocnc.co.za/"><img src="assets/images/logo.png" title="Batho Cash and Carry | Shop" alt="Batho Cash and Carry | Shop"/></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" 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>
</div>
	  </ul>
    </div>
    <div class = "box">
    <ul class="nav navbar-nav navbar-right box" id="">  
    <li id="cart" class="dropdown">
  <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>
    <li><a href="https://bathocnc.co.za/account/wishlist" class = "main-header__tools__icon" title = "Wishlist"><i class="fas fa-heart"></i></a></li>
             <li  class=""><a href="https://bathocnc.co.za/account/account" title="My Account"><i class="fa fa-user n-icon"></i> Login / Register</a></li>
         	</ul>
  </div>
  </div>
      <div class = "dropdown_cats" id="catdrilldown-1"></div>
<div class = "dropdown_subcats" id="catdrilldown-2"></div>
<div class = "dropdown_subsubcats" id="catdrilldown-3"></div>
<div class="bodyoverlay"></div>
<script>
function dropdown_loadActive(){
    var href = window.location.href;
    if(href.includes( 'product/category&path' )){
    var path = href.split('path=');
    $('.cat-'+path[1]).addClass('visited');
    }
}

function dropdown_loadCategories(){
    var x1 = sessionStorage.getItem("categories-1");
    var x2 = sessionStorage.getItem("categories-2");
    var x3 = sessionStorage.getItem("categories-3");

        $("#catdrilldown-1").html(x1);
        $("#catdrilldown-2").html(x2);
        $("#catdrilldown-3").html(x3);
        dropdown_loadActive();
}

function dropdown_getCat(){
    var output = "";
    $.get( "product/category/getCategory", function( data ) {
        data = JSON.parse( data );
        output = output + '<a class="allcats" onMouseenter="dropdown_clear_subcat();" href="https://bathocnc.co.za/product/category&amp;path=0">ALL CATEGORIES<span style="float:right;font-size:1.1rem;font-weight:400;">VIEW ALL</span></a>';    
        data.forEach(function(item) {
            item['name'] = item['name'].replace("\'", "&#8242;");
            if(parseInt(item['product_count']) > 0){
                if(parseInt(item['COUNT']) > 0){
                    output = output + '<a class="browsecat" onClick="dropdown_goCat( \''+item['category_id']+'\')" onMouseenter="dropdown_getSubCat(\''+item['cat_code']+'\' , \''+item['category_id']+'\',  \''+item['name']+'\')" href="javascript:void(0)">'+ item['name']  + '<span class = "product-counts">' + parseInt(item['product_count']) + '</span>'  +'  <i class="fa fa-chevron-right" style="float:right;"></i> </a>' ;
                }else{
                    output = output + '<a class="browsecat" onClick="dropdown_goCat( \''+item['category_id']+'\')" onMouseenter="dropdown_getSubCat(\''+item['cat_code']+'\' , \''+item['category_id']+'\',  \''+item['name']+'\')" href="javascript:void(0)">'+ item['name']  + '<span class = "product-counts">' + parseInt(item['product_count']) + '</span>'  +' </a>' ;
                }
            }
        });
            $("#catdrilldown-1").html(output);
            $("#catdrilldown-2").html("");
            $("#catdrilldown-3").html("");
            sessionStorage.setItem("categories-1", output);
            sessionStorage.setItem("categories-3", "");
            sessionStorage.setItem("categories-2", "");
            $('.dropdown_subcats').hide();
            $('.dropdown_subsubcats').hide();
            dropdown_loadActive();
    });
}

function dropdown_clear_subcat(){
    var el = $(this);    
    var timeoutId = setTimeout(function() {
    $("#catdrilldown-2").html(""); 
    $('.dropdown_subcats').hide();
    $('.dropdown_subsubcats').hide();
}, 500);
    el.mouseleave(function() {
    clearTimeout(timeoutId);
  });
}

function dropdown_getSubCat(category, category_id, name){
    var output = "";
    if(category_id != 0){
    output = output + '<a class="allcats" onMouseEnter="dropdown_clear_subSub();" onClick="dropdown_goCat(\''+category_id+'\')" href="javascript:void(0)"><span style="float:right;font-size:1.1rem;font-weight:400;">VIEW ALL</span>'+name+'</a>';
    $.get( "product/category/getSubCategory?category="+category, function( data ) {
        data = JSON.parse( data );
        data.forEach(function(item) {
        item['name'] = item['name'].replace("\'", "&#8242;");
            if(parseInt(item['product_count']) > 0){
                if(parseInt(item['COUNT']) > 0){
                output =  output + '<a class="browsesub"  onClick="goSubCat(\''+category_id+'\', \''+item['cat_code']+'\')" onMouseenter="dropdown_getSubSubCat(\''+item['cat_code']+'\', \''+item['cat_parent']+'\', \''+category_id+'\', \''+item['name']+'\', \''+name+'\')" href="javascript:void(0)">'+ item['name']  + '<span class = "product-counts">' + parseInt(item['product_count']) + '</span>'  +'  <i class="fa fa-chevron-right" style="float:right;"></i> </a>';
                } else {
                    output =  output + '<a class="browsesub"  onClick="goSubCat(\''+category_id+'\', \''+item['cat_code']+'\')" onMouseenter="dropdown_getSubSubCat(\''+item['cat_code']+'\', \''+item['cat_parent']+'\', \''+category_id+'\', \''+item['name']+'\', \''+name+'\')" href="javascript:void(0)">'+ item['name']  + '<span class = "product-counts">' + parseInt(item['product_count']) + '</span>'  +' </a>';
                }
            }
        });
        if(data.length > 0){
        $("#catdrilldown-2").html(output);
        sessionStorage.setItem("categories-2", output);
        $('.dropdown_subcats').show();
        $('.dropdown_subsubcats').hide();
        sessionStorage.setItem("categories-3", "");
        $("#catdrilldown-3").html("");
        dropdown_loadActive();
        }else{
            $("#catdrilldown-2").html(""); 
            $('.dropdown_subcats').hide();
            $('.dropdown_subsubcats').hide();
        }
        });
    }
}

function dropdown_clear_subSub(){
    var el = $(this);    
    var timeoutId = setTimeout(function() {
    $("#catdrilldown-3").html(""); 
    $('.dropdown_subsubcats').hide();
}, 500);
    el.mouseleave(function() {
    clearTimeout(timeoutId);
  });
}

function dropdown_getSubSubCat(category, subcategory, category_id, name, category_name){
    var output = "";
    if(category_id != 0){
    output = output + '<a class="allcats" onClick="dropdown_goSubCat(\''+category_id+'\', \''+category+'\')" href="javascript:void(0)"><span style="float:right;font-size:1.1rem;font-weight:400;">VIEW ALL</span>'+name+'</a>';
    $.get( "product/category/getSubSubCategory?category="+category +"&subcategory="+subcategory, function( data ) {
        data = JSON.parse( data );
        data.forEach(function(item) {
        item['sub_name'] = item['sub_name'].replace("\'", "&#8242;");
            if(parseInt(item['product_count']) > 0){
                output = output + '<a class="browsesubsub" onClick="dropdown_goSubSubCat(\''+category_id+'\' , \''+item['sub_parent']+'\' , \''+item['sub_id']+'\')" href="javascript:void(0)">'+ item['sub_name']  + '<span class = "product-counts">' + parseInt(item['product_count']) + '</span>'  +'</a>';
            }
        });
        if(data.length > 0){
            sessionStorage.setItem("subclick", subcategory);
            $("#catdrilldown-3").html(output);
            $('.dropdown_subsubcats').show();
            sessionStorage.setItem("categories-3", output);
            dropdown_loadActive();
        }else{
            $("#catdrilldown-3").html(""); 
            $('.dropdown_subsubcats').hide();
        }
        });
    }
}

function dropdown_goCat(category_id){
    window.location.href = 'https://bathocnc.co.za/product/category&path='+ category_id; 
}
function dropdown_goSubCat(category_id, subcategory){
    window.location.href = 'https://bathocnc.co.za/product/category&path='+ category_id + '_' + subcategory; 
}
function dropdown_goSubSubCat(category_id, subcategory, subsub){
    window.location.href = 'https://bathocnc.co.za/product/category&path='+ category_id + '_' + subcategory + '_' + subsub; 
}

function openNav() {
    var nb = $('.navbar').outerHeight(true);
    var nft = $('.notice-bar').outerHeight();
    var nwh = window.innerHeight;
    $('.categories__dropdown i').removeClass('fa-bars').addClass('fa-times');
    $('.categories__dropdown').addClass('catmenuopen');
    $('.navbar').find('.dropdown_cats').css({
          'top': nft + nb,
          'height': nwh - nft - nb,
          'width': "300px",
          'left' : "0"
        });    
    $('body').css({
        'overflow': "hidden"
    });
    $('.navbar').find('.bodyoverlay').css({
          'top': nft + nb,
          'width': "100%"
        });    
    $('.navbar').find('.dropdown_subcats').css({
          'top': nft + nb,
          'height': nwh - nft - nb,
          'left': "300px",
          'width': "300px"
        });
    $('.navbar').find('.dropdown_subsubcats').css({
          'top': nft + nb,
          'height': nwh - nft - nb,
          'left': "600px",
          'width': "300px"
        });
}

function closeNav() {
    var el = $(".categories__dropdown, .dropdown_cats, .dropdown_subcats, .dropdown_subsubcats");    
    var timeoutId = setTimeout(function() {
    $('.categories__dropdown').removeClass('catmenuopen');
    $(".dropdown_cats").css({
        'left': "-300px"
    });
    $('.categories__dropdown i').removeClass('fa-times').addClass('fa-bars');
    $('.dropdown_subcats').hide();
    $('.dropdown_subsubcats').hide();
    $('.bodyoverlay').width('0');
    $('body').css({
        'overflow': "initial"
    });
}, 500);
el.mouseleave(function() {
    clearTimeout(timeoutId);
  });
}

document.addEventListener('readystatechange', function() {
    if (document.readyState === "complete") {
        dropdown_getCat();
    }
});

$(document).ready(function(){
    $("a.categories__dropdown").mouseenter(function() {
    var el = $(this);
    var timeoutId = setTimeout(function() {
    openNav();
  }, 500);
  el.mouseleave(function() {
    clearTimeout(timeoutId);
  });
});
$('div[id^="catdrilldown"]').mouseleave(function() {
  if($('.categories__dropdown:hover').length === 0 && $('div[id^="catdrilldown"]:hover').length === 0){
    closeNav();
  }
}); 
$('.categories__dropdown').mouseleave(function() {
  if($('.categories__dropdown:hover').length === 0 && $('div[id^="catdrilldown"]:hover').length === 0){
    closeNav();
  }
}); 
});
</script>









    <div class = "menu-bar">
    <ul class="menu-bar-items"> 
          <li><a class = "categories__dropdown" href="javascript:void(0)"><i class="catmenubars fas fa-bars"></i> Shop by Categories <span class="caret"></span></a></li>
          <li><a class = "categories__dropdown__tablet" onClick="mbCatMenu()" href = "javascript:void(0)"><i class="catmenubars fas fa-bars"></i> Shop by Categories <span class="caret"></span></a></li>
	  			<li><a href="https://bathocnc.co.za/product/category&amp;path=0">All Products</a></li>
	  			<li><a href="https://bathocnc.co.za/product/special">Promotions</a></li>
          		    	<li><a href="https://bathocnc.co.za/information/contact">Contact Us</a></li>
		</ul>
    </div>
  </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://bathocnc.co.za/"><img src="assets/images/logo.png" title="Batho Cash and Carry | Shop" alt="Batho Cash and Carry | Shop" 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://bathocnc.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://bathocnc.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" 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>
</div>	</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 class='mbprofilecard'>
      <i class="fa fa-user mbprofilecircle"></i>&nbsp;<h4 class = "company_name">Hi, Please</h4>&nbsp;<a class="mbcardbutton" href="https://bathocnc.co.za/account/account">Login</a><h4 class = "company_name">&nbsp;or&nbsp;</h4><a class="mbcardbutton" href="https://bathocnc.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"  href="https://bathocnc.co.za/product/special">Promotions<i class="fa fa-chevron-right" style="float:right;"></i></a>
          <a class="browsecat"  href="https://bathocnc.co.za/product/category&amp;path=0">Products<i class="fa fa-chevron-right" style="float:right;"></i></a>
		    	<a class="browsecat"  href="https://bathocnc.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) {
        item['name'] = item['name'].replaceAll("\'", "&#8242;");
        if(parseInt(item['product_count']) > 0){
            if(parseInt(item['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']  + '<span class = "product-counts">' + parseInt(item['product_count']) + '</span>'  +'  <i class="fa fa-chevron-right" style="float:right;"></i> </a>' ;
            }else{
                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']   + '<span class = "product-counts">' + parseInt(item['product_count']) + '</span>'  + '</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) {
        item['name'] = item['name'].replaceAll("\'", "&#8242;");
        if(parseInt(item['product_count']) > 0){
            if(parseInt(item['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']  + '<span class = "product-counts">' + parseInt(item['product_count']) + '</span>'  +'  <i class="fa fa-chevron-right" style="float:right;"></i> </a>';
            }else{
                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']  + '<span class = "product-counts">' + parseInt(item['product_count']) + '</span>'  +'</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>';
   var total_products = 0;
    $.get( "product/category/getSubSubCategory?category="+category +"&subcategory="+subcategory, function( data ) {
        data = JSON.parse( data );
        data.forEach(function(item) {
            item['sub_name'] = item['sub_name'].replaceAll("\'", "&#8242;");
            total_products = total_products  + parseInt(item['product_count']);
        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']  + '<span class = "product-counts">' + parseInt(item['product_count']) + '</span>'  +' </a>';
        }
        });
        if(data.length > 0 && total_products > 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://bathocnc.co.za/product/category&path='+ category_id; 
}
function goSubCat(category_id, subcategory){
    window.location.href = 'https://bathocnc.co.za/product/category&path='+ category_id + '_' + subcategory; 
}
function goSubSubCat(category_id, subcategory, subsub){
    window.location.href = 'https://bathocnc.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();
  mbopenSideNav();
  mbshowAccMenu();
}


$(document).ready(function() {
  mbshowCatMenu();
});
</script></script><div class="container">
 <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/bathocnc/public_html/catalog/view/theme/PosOnline_nm/template/product/category.tpl on line 14	  <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://bathocnc.co.za/product/category&amp;path=&amp;sort=p.sort_order&amp;order=ASC" selected="selected">Sort By</option>
                                                <option value="https://bathocnc.co.za/product/category&amp;path=&amp;sort=pd.name&amp;order=ASC">Name (A - Z)</option>
                                                <option value="https://bathocnc.co.za/product/category&amp;path=&amp;sort=pd.name&amp;order=DESC">Name (Z - A)</option>
                                                <option value="https://bathocnc.co.za/product/category&amp;path=&amp;sort=p.price&amp;order=ASC">Price (Low &gt; High)</option>
                                                <option value="https://bathocnc.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://bathocnc.co.za/product/category&amp;path=&amp;limit=20" selected="selected">20</option>
                                                <option value="https://bathocnc.co.za/product/category&amp;path=&amp;limit=40">40</option>
                                                <option value="https://bathocnc.co.za/product/category&amp;path=&amp;limit=80">80</option>
                                                <option value="https://bathocnc.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://bathocnc.co.za/product/product&amp;path=&amp;product_id=9121"><img src="https://bathocnc.co.za/image/cache/product/Stove%20plates-228x228.jpg" alt="8INCH SOLID STOVE PLATE (1500W)" title="8INCH SOLID STOVE PLATE (1500W)" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocnc.co.za/product/product&amp;path=&amp;product_id=9121">8INCH SOLID STOVE PLATE (1500W)</a></h6>
                                                <p class="price">
                                    <strong>R249.99</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-9121" class="qty_cat" max="-1"/>
                <button type="button" class="btn btn-success" id="button-add-9121" onclick="addTocart('9121');">Add to Cart</button>
			                  <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('9121');"><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://bathocnc.co.za/product/product&amp;path=&amp;product_id=9441"><img src="https://bathocnc.co.za/image/cache/product/6009684350016%20AAA%20ALKALINE%20BATTERIES%204PCS%20BLISTER%20PACK-228x228.png" alt="AAA ALKALINE BATTERIES 4PCS BLISTER PACK" title="AAA ALKALINE BATTERIES 4PCS BLISTER PACK" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocnc.co.za/product/product&amp;path=&amp;product_id=9441">AAA ALKALINE BATTERIES 4PCS BLISTER PACK</a></h6>
                                                <p class="price">
                                    <strong>R29.99</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-9441" class="qty_cat" max="6"/>
                <button type="button" class="btn btn-success" id="button-add-9441" onclick="addTocart('9441');">Add to Cart</button>
			                  <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('9441');"><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://bathocnc.co.za/product/product&amp;path=&amp;product_id=12187"><img src="https://bathocnc.co.za/image/cache/product/ABACUS%20WOODEN%20BEADS-228x228.jpg" alt="ABACUS  WOODEN BEADS 014G" title="ABACUS  WOODEN BEADS 014G" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocnc.co.za/product/product&amp;path=&amp;product_id=12187">ABACUS  WOODEN BEADS 014G</a></h6>
                                                <p class="price">
                                    <strong>R84.99</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-12187" class="qty_cat" max="29"/>
                <button type="button" class="btn btn-success" id="button-add-12187" onclick="addTocart('12187');">Add to Cart</button>
			                  <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('12187');"><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://bathocnc.co.za/product/product&amp;path=&amp;product_id=12186"><img src="https://bathocnc.co.za/image/cache/product/MARLIN%20KIDS%20PLASTIC%20ABACUS-228x228.jpg" alt="ABACUS MARLIN PLASTIC (014J)" title="ABACUS MARLIN PLASTIC (014J)" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocnc.co.za/product/product&amp;path=&amp;product_id=12186">ABACUS MARLIN PLASTIC (014J)</a></h6>
                                                <p class="price">
                                    <strong>R59.99</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-12186" class="qty_cat" max="24"/>
                <button type="button" class="btn btn-success" id="button-add-12186" onclick="addTocart('12186');">Add to Cart</button>
			                  <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('12186');"><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://bathocnc.co.za/product/product&amp;path=&amp;product_id=13209"><img src="https://bathocnc.co.za/image/cache/product/a4%2072%20pages%20double%20ledger-228x228.jpg" alt="ACCOUNTING CASH BOOK A4 72PG 2001" title="ACCOUNTING CASH BOOK A4 72PG 2001" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocnc.co.za/product/product&amp;path=&amp;product_id=13209">ACCOUNTING CASH BOOK A4 72PG 2001</a></h6>
                                                <p class="price">
                                    <strong>R8.99</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-13209" class="qty_cat" max="133"/>
                <button type="button" class="btn btn-success" id="button-add-13209" onclick="addTocart('13209');">Add to Cart</button>
			                  <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('13209');"><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://bathocnc.co.za/product/product&amp;path=&amp;product_id=13191"><img src="https://bathocnc.co.za/image/cache/product/A4%2072%20PAGE%20JOURNAL-228x228.jpg" alt="ACCOUNTING JOURNAL A4 72P 2003" title="ACCOUNTING JOURNAL A4 72P 2003" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocnc.co.za/product/product&amp;path=&amp;product_id=13191">ACCOUNTING JOURNAL A4 72P 2003</a></h6>
                                                <p class="price">
                                    <strong>R8.99</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-13191" class="qty_cat" max="115"/>
                <button type="button" class="btn btn-success" id="button-add-13191" onclick="addTocart('13191');">Add to Cart</button>
			                  <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('13191');"><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://bathocnc.co.za/product/product&amp;path=&amp;product_id=13207"><img src="https://bathocnc.co.za/image/cache/product/a4%2072%20pages%20double%20ledger-228x228.jpg" alt="ACCOUNTING LEDGER A4 72PG 2002" title="ACCOUNTING LEDGER A4 72PG 2002" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocnc.co.za/product/product&amp;path=&amp;product_id=13207">ACCOUNTING LEDGER A4 72PG 2002</a></h6>
                                                <p class="price">
                                    <strong>R8.99</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-13207" class="qty_cat" max="162"/>
                <button type="button" class="btn btn-success" id="button-add-13207" onclick="addTocart('13207');">Add to Cart</button>
			                  <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('13207');"><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://bathocnc.co.za/product/product&amp;path=&amp;product_id=13822"><img src="https://bathocnc.co.za/image/cache/product/POWER%205K%20MAIZE%20MEAL-228x228.png" alt="ACE 5KG M/MEAL" title="ACE 5KG M/MEAL" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocnc.co.za/product/product&amp;path=&amp;product_id=13822">ACE 5KG M/MEAL</a></h6>
                                                <p class="price">
                                    <strong>R79.99</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-13822" class="qty_cat" max="-16"/>
                <button type="button" class="btn btn-success" id="button-add-13822" onclick="addTocart('13822');">Add to Cart</button>
			                  <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('13822');"><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://bathocnc.co.za/product/product&amp;path=&amp;product_id=9671"><img src="https://bathocnc.co.za/image/cache/product/ace%20coffee%20125g-228x228.jpg" alt="ACE COFFEE 125G" title="ACE COFFEE 125G" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocnc.co.za/product/product&amp;path=&amp;product_id=9671">ACE COFFEE 125G</a></h6>
                                                <p class="price">
                                    <strong>R21.99</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-9671" class="qty_cat" max="181"/>
                <button type="button" class="btn btn-success" id="button-add-9671" onclick="addTocart('9671');">Add to Cart</button>
			                  <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('9671');"><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://bathocnc.co.za/product/product&amp;path=&amp;product_id=9670"><img src="https://bathocnc.co.za/image/cache/product/ace%20coffee%20250g-228x228.png" alt="ACE COFFEE 250G" title="ACE COFFEE 250G" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocnc.co.za/product/product&amp;path=&amp;product_id=9670">ACE COFFEE 250G</a></h6>
                                                <p class="price">
                                    <strong>R29.99</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-9670" class="qty_cat" max="13"/>
                <button type="button" class="btn btn-success" id="button-add-9670" onclick="addTocart('9670');">Add to Cart</button>
			                  <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('9670');"><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://bathocnc.co.za/product/product&amp;path=&amp;product_id=11918"><img src="https://bathocnc.co.za/image/cache/product/ace%20coffee%20500g-228x228.png" alt="ACE COFFEE 500G" title="ACE COFFEE 500G" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocnc.co.za/product/product&amp;path=&amp;product_id=11918">ACE COFFEE 500G</a></h6>
                                                <p class="price">
                                    <strong>R59.99</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-11918" class="qty_cat" max="19"/>
                <button type="button" class="btn btn-success" id="button-add-11918" onclick="addTocart('11918');">Add to Cart</button>
			                  <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('11918');"><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://bathocnc.co.za/product/product&amp;path=&amp;product_id=11933"><img src="https://bathocnc.co.za/image/cache/product/ace%20coffee%2060g-228x228.jpg" alt="ACE COFFEE 60G" title="ACE COFFEE 60G" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocnc.co.za/product/product&amp;path=&amp;product_id=11933">ACE COFFEE 60G</a></h6>
                                                <p class="price">
                                    <strong>R10.99</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-11933" class="qty_cat" max="311"/>
                <button type="button" class="btn btn-success" id="button-add-11933" onclick="addTocart('11933');">Add to Cart</button>
			                  <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('11933');"><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://bathocnc.co.za/product/product&amp;path=&amp;product_id=13381"><img src="https://bathocnc.co.za/image/cache/product/Ace%20Maize%20Rice%202.5KG-228x228.png" alt="ACE MAIZE RICE 2.5KG" title="ACE MAIZE RICE 2.5KG" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocnc.co.za/product/product&amp;path=&amp;product_id=13381">ACE MAIZE RICE 2.5KG</a></h6>
                                                <p class="price">
                                    <strong>R56.99</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-13381" class="qty_cat" max="12"/>
                <button type="button" class="btn btn-success" id="button-add-13381" onclick="addTocart('13381');">Add to Cart</button>
			                  <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('13381');"><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://bathocnc.co.za/product/product&amp;path=&amp;product_id=1097"><img src="https://bathocnc.co.za/image/cache/product/ACE%20QUICK%20COOK%20SAMP%201KG-228x228.jpg" alt="ACE QUICK COOK SAMP 1KG" title="ACE QUICK COOK SAMP 1KG" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocnc.co.za/product/product&amp;path=&amp;product_id=1097">ACE QUICK COOK SAMP 1KG</a></h6>
                                                <p class="price">
                                    <strong>R34.99</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-1097" class="qty_cat" max="15"/>
                <button type="button" class="btn btn-success" id="button-add-1097" onclick="addTocart('1097');">Add to Cart</button>
			                  <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('1097');"><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://bathocnc.co.za/product/product&amp;path=&amp;product_id=1098"><img src="https://bathocnc.co.za/image/cache/product/ACE%20QUICK%20COOK%20SAMP%202.5KG-228x228.jpg" alt="ACE QUICK COOK SAMP 2.5KG" title="ACE QUICK COOK SAMP 2.5KG" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocnc.co.za/product/product&amp;path=&amp;product_id=1098">ACE QUICK COOK SAMP 2.5KG</a></h6>
                                                <p class="price">
                                    <strong>R84.99</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-1098" class="qty_cat" max="15"/>
                <button type="button" class="btn btn-success" id="button-add-1098" onclick="addTocart('1098');">Add to Cart</button>
			                  <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('1098');"><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://bathocnc.co.za/product/product&amp;path=&amp;product_id=13384"><img src="https://bathocnc.co.za/image/cache/product/ACE%20MAIZE%20MEAL%201KG-228x228.png" alt="ACE SUPER M/MEAL 1KG" title="ACE SUPER M/MEAL 1KG" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocnc.co.za/product/product&amp;path=&amp;product_id=13384">ACE SUPER M/MEAL 1KG</a></h6>
                                                <p class="price">
                                    <strong>R18.99</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-13384" class="qty_cat" max="2"/>
                <button type="button" class="btn btn-success" id="button-add-13384" onclick="addTocart('13384');">Add to Cart</button>
			                  <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('13384');"><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://bathocnc.co.za/product/product&amp;path=&amp;product_id=13821"><img src="https://bathocnc.co.za/image/cache/product/ACE%20MAIZE%20MEAL%202.5KG-228x228.png" alt="ACE SUPER M/MEAL 2.5KG" title="ACE SUPER M/MEAL 2.5KG" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocnc.co.za/product/product&amp;path=&amp;product_id=13821">ACE SUPER M/MEAL 2.5KG</a></h6>
                                                <p class="price">
                                    <strong>R41.99</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-13821" class="qty_cat" max="-65"/>
                <button type="button" class="btn btn-success" id="button-add-13821" onclick="addTocart('13821');">Add to Cart</button>
			                  <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('13821');"><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://bathocnc.co.za/product/product&amp;path=&amp;product_id=4768"><img src="https://bathocnc.co.za/image/cache/product/6008741005838%20ACRYLIC%20BLISTER%20GD-228x228.jpg" alt="ACRYLIC GD 90MML B/P" title="ACRYLIC GD 90MML B/P" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocnc.co.za/product/product&amp;path=&amp;product_id=4768">ACRYLIC GD 90MML B/P</a></h6>
                                                <p class="price">
                                    <strong>R25.99</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-4768" class="qty_cat" max="4"/>
                <button type="button" class="btn btn-success" id="button-add-4768" onclick="addTocart('4768');">Add to Cart</button>
			                  <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('4768');"><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://bathocnc.co.za/product/product&amp;path=&amp;product_id=12547"><img src="https://bathocnc.co.za/image/cache/product/bodicare-activated-charcoal-removebg-preview-228x228.png" alt="ACTIVATED CHARCOAL 125G BODICARE" title="ACTIVATED CHARCOAL 125G BODICARE" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocnc.co.za/product/product&amp;path=&amp;product_id=12547">ACTIVATED CHARCOAL 125G BODICARE</a></h6>
                                                <p class="price">
                                    <strong>R49.99</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-12547" class="qty_cat" max="0"/>
                <button type="button" class="btn btn-success" id="button-add-12547" onclick="addTocart('12547');">Add to Cart</button>
			                  <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('12547');"><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://bathocnc.co.za/product/product&amp;path=&amp;product_id=8452"><img src="https://bathocnc.co.za/image/cache/product/8000625085095%20ADAPTOR%201''FEMX3%204''MALE%20THREADED-228x228.jpg" alt="ADAPTOR 1''FEMX3/4''MALE THREADED" title="ADAPTOR 1''FEMX3/4''MALE THREADED" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocnc.co.za/product/product&amp;path=&amp;product_id=8452">ADAPTOR 1''FEMX3/4''MALE THREADED</a></h6>
                                                <p class="price">
                                    <strong>R53.99</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-8452" class="qty_cat" max="1"/>
                <button type="button" class="btn btn-success" id="button-add-8452" onclick="addTocart('8452');">Add to Cart</button>
			                  <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('8452');"><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://bathocnc.co.za/product/category&amp;path=&amp;page=2">2</a></li><li><a href="https://bathocnc.co.za/product/category&amp;path=&amp;page=3">3</a></li><li><a href="https://bathocnc.co.za/product/category&amp;path=&amp;page=4">4</a></li><li><a href="https://bathocnc.co.za/product/category&amp;path=&amp;page=5">5</a></li><li><a href="https://bathocnc.co.za/product/category&amp;path=&amp;page=6">6</a></li><li><a href="https://bathocnc.co.za/product/category&amp;path=&amp;page=7">7</a></li><li><a href="https://bathocnc.co.za/product/category&amp;path=&amp;page=8">8</a></li><li><a href="https://bathocnc.co.za/product/category&amp;path=&amp;page=9">9</a></li><li><a href="https://bathocnc.co.za/product/category&amp;path=&amp;page=2">&gt;</a></li><li><a href="https://bathocnc.co.za/product/category&amp;path=&amp;page=225">&gt;|</a></li></ul></div>
        <div class="col-sm-4 text-right">Showing 1 to 20 of 4497 (225 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+');')
});
</script>
<!-- New Footer -->
<footer id = "footer">
<section class="carousel-slider">
<div class="carousel">
<div class"slide"><img src="./assets/images/brandlogos/allgold.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/blumotion.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/defy.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/eurolux.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/gluedevil.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/gradys.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/hisense.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/ingco.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/kic.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/koo.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/mellerware.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/rally.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/shield.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/tilemagic.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/totai.png" height="30px"></a></div></div>
</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://bathocnc.co.za/information/contact">Contact Us</a><br>
    	    <a class="footer__body__text " href="https://bathocnc.co.za/information/information&information_id=4">About Us</a><br>
    	    <a class="footer__body__text " href="https://bathocnc.co.za/information/information&information_id=6">Delivery Information</a><br>
    	    <a class="footer__body__text " href="https://bathocnc.co.za/information/information&information_id=3">Returns and Refunds</a><br>
    	    <a class="footer__body__text " href="https://bathocnc.co.za/information/information&information_id=5">Terms and Conditions</a><br>
    	    <a class="footer__body__text " href="https://bathocnc.co.za/information/information&information_id=7">Privacy Policy</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://bathocnc.co.za/product/category&path=0">Products</a><br>
    <a class = "footer__body__text" href="https://bathocnc.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://bathocnc.co.za/account/account">My Account</a><br>
    <a class = "footer__body__text" href="https://bathocnc.co.za/account/wishlist">My Wishlist</a><br>
    <a class = "footer__body__text" href="https://bathocnc.co.za/checkout/cart">View Cart</a><br>
    <a class = "footer__body__text" href="https://bathocnc.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:014 543 2678"><i class="fas fa-phone"></i> 014 543 2678</a><br>
                			  <a class = "footer__body__text" href="mailto:bathoccshop@gmail.com"><i class="fas fa-envelope"></i> bathoccshop@gmail.com</a><br>
        			  <a class = "footer__body__text" href="mailto:bathoccorders@gmail.com"><i class="fas fa-envelope"></i> bathoccorders@gmail.com</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/pages/category/Advertising-Marketing/BATHO-CASH-and-CARRY-1717908445130623" 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>
                  </div>
      </div>
  </div>
  </div>
  <section class="footer__payment">
      </section>
  <section class="bottom__bar">
  <div class="bottom__bar__copyright">
    <p>Batho Cash and Carry &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>
  // Slick Slider Carousel
jQuery(document).ready(function ($) {
  $('.carousel').slick({
    infinite: true,
    slidesToShow: 8,
    slidesToScroll: 1,
    autoplay: true,
    centerMode: true,
    fade: false,
    lazyload: 'ondemand',
    autoplaySpeed: 700,
    arrows: false,
    dots: false,
    pauseOnHover: true,
    responsive: [{
      breakpoint: 1100,
      settings: {
        slidesToShow: 6
      }
    }, {
      breakpoint: 768,
      settings: {
        slidesToShow: 4
      }
    }, {
      breakpoint: 520,
      settings: {
        slidesToShow: 3
      }
    }]
  });
});
</script>
    <script>
        whatsapp_icon();
</script>
</body></html>