PHP Notice:  Undefined variable: cat_breadcrumbs in /home/batho/public_html/catalog/controller/product/category.php on line 103PHP Notice:  Undefined variable: subcategory_code in /home/batho/public_html/catalog/controller/product/category.php on line 104PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 148PHP Notice:  Undefined variable: subsub_code in /home/batho/public_html/catalog/controller/product/category.php on line 197PHP Notice:  Undefined variable: subcategory_code in /home/batho/public_html/catalog/controller/product/category.php on line 199PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 259PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 282PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 288PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 294PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 300PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 306PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 359PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 359PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 359PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 359PHP Notice:  Undefined index: path in /home/batho/public_html/catalog/controller/product/category.php on line 385<!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://bathocc.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://bathocc.co.za/product/category&amp;path=0" rel="canonical">
<link href="https://bathocc.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://bathocc.co.za/"><img src="assets/images/logo.png" title="Batho Cash and Carry | Warehouse" alt="Batho Cash and Carry | Warehouse"/></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">
  <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://bathocc.co.za/account/wishlist" class = "main-header__tools__icon" title = "Wishlist"><i class="fas fa-heart"></i></a></li>
             <li  class=""><a href="https://bathocc.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://bathocc.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) {
            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) {
            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) {
            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://bathocc.co.za/product/category&path='+ category_id; 
}
function dropdown_goSubCat(category_id, subcategory){
    window.location.href = 'https://bathocc.co.za/product/category&path='+ category_id + '_' + subcategory; 
}
function dropdown_goSubSubCat(category_id, subcategory, subsub){
    window.location.href = 'https://bathocc.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://bathocc.co.za/product/category&amp;path=0">All Products</a></li>
	  			<li><a href="https://bathocc.co.za/product/special">Promotions</a></li>
          		    	<li><a href="https://bathocc.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://bathocc.co.za/"><img src="assets/images/logo.png" title="Batho Cash and Carry | Warehouse" alt="Batho Cash and Carry | Warehouse" 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://bathocc.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://bathocc.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://bathocc.co.za/account/account">Login</a><h4 class = "company_name">&nbsp;or&nbsp;</h4><a class="mbcardbutton" href="https://bathocc.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://bathocc.co.za/product/special">Promotions<i class="fa fa-chevron-right" style="float:right;"></i></a>
          <a class="browsecat"  href="https://bathocc.co.za/product/category&amp;path=0">Products<i class="fa fa-chevron-right" style="float:right;"></i></a>
		    	<a class="browsecat"  href="https://bathocc.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){
            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>'  + '</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) {
        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>'  + '</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>';
    $.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']  + '<span class = "product-counts">' + parseInt(item['product_count']) + '</span>'  + ' </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://bathocc.co.za/product/category&path='+ category_id; 
}
function goSubCat(category_id, subcategory){
    window.location.href = 'https://bathocc.co.za/product/category&path='+ category_id + '_' + subcategory; 
}
function goSubSubCat(category_id, subcategory, subsub){
    window.location.href = 'https://bathocc.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 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/batho/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://bathocc.co.za/product/category&amp;path=&amp;sort=p.sort_order&amp;order=ASC" selected="selected">Sort By</option>
                                                <option value="https://bathocc.co.za/product/category&amp;path=&amp;sort=pd.name&amp;order=ASC">Name (A - Z)</option>
                                                <option value="https://bathocc.co.za/product/category&amp;path=&amp;sort=pd.name&amp;order=DESC">Name (Z - A)</option>
                                                <option value="https://bathocc.co.za/product/category&amp;path=&amp;sort=p.price&amp;order=ASC">Price (Low &gt; High)</option>
                                                <option value="https://bathocc.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://bathocc.co.za/product/category&amp;path=&amp;limit=36" selected="selected">36</option>
                                                <option value="https://bathocc.co.za/product/category&amp;path=&amp;limit=40">40</option>
                                                <option value="https://bathocc.co.za/product/category&amp;path=&amp;limit=80">80</option>
                                                <option value="https://bathocc.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://bathocc.co.za/product/product&amp;path=&amp;product_id=8813"><img src="https://bathocc.co.za/image/cache/product/U.M%20MENS%20RON%206X70ML%20LIBERTY-228x228.png" alt="#U.M MENS R/ON 6X70ML LIBERTY" title="#U.M MENS R/ON 6X70ML LIBERTY" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=8813">#U.M MENS R/ON 6X70ML LIBERTY</a></h6>
                                                <p class="price">
                                    <strong>R57.00</strong>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-8813" class="qty_cat" max="7"/>
                <button type="button" class="btn btn-success" id="button-add-8813" onclick="addTocart('8813'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('8813'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=8814"><img src="https://bathocc.co.za/image/cache/product/U.M%20MENS%20RON%206X70ML%20THUNDER-228x228.png" alt="#U.M MENS R/ON 6X70ML THUNDER" title="#U.M MENS R/ON 6X70ML THUNDER" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=8814">#U.M MENS R/ON 6X70ML THUNDER</a></h6>
                                                <p class="price">
                                    <strong>R57.00</strong>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-8814" class="qty_cat" max="8"/>
                <button type="button" class="btn btn-success" id="button-add-8814" onclick="addTocart('8814'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('8814'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=8815"><img src="https://bathocc.co.za/image/cache/product/um-passion-228x228.jpg" alt="#U.M WOMENS R/ON 6X70ML PASSION" title="#U.M WOMENS R/ON 6X70ML PASSION" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=8815">#U.M WOMENS R/ON 6X70ML PASSION</a></h6>
                                                <p class="price">
                                    <strong>R57.00</strong>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-8815" class="qty_cat" max="9"/>
                <button type="button" class="btn btn-success" id="button-add-8815" onclick="addTocart('8815'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('8815'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=8816"><img src="https://bathocc.co.za/image/cache/product/sunrIse-228x228.jpg" alt="#U.M WOMENS R/ON 6X70ML SUNRISE" title="#U.M WOMENS R/ON 6X70ML SUNRISE" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=8816">#U.M WOMENS R/ON 6X70ML SUNRISE</a></h6>
                                                <p class="price">
                                    <strong>R57.00</strong>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-8816" class="qty_cat" max="11"/>
                <button type="button" class="btn btn-success" id="button-add-8816" onclick="addTocart('8816'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('8816'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=4505"><img src="https://bathocc.co.za/image/cache/product/123%20KIDS%20TOOTHBRUSH%2012'S-228x228.png" alt="123 KIDS TOOTHBRUSH 12X1'S" title="123 KIDS TOOTHBRUSH 12X1'S" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=4505">123 KIDS TOOTHBRUSH 12X1'S</a></h6>
                                                <p class="price">
                                    <strong>R72.00</strong>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-4505" class="qty_cat" max="0"/>
                <button type="button" class="btn btn-success" id="button-add-4505" onclick="addTocart('4505'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('4505'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=241"><img src="https://bathocc.co.za/image/cache/product/123%20PINE%20GEL%204X2.5L-228x228.jpg" alt="123 PINE GEL 4X2.5L" title="123 PINE GEL 4X2.5L" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=241">123 PINE GEL 4X2.5L</a></h6>
                                                <p class="price">
                                    <strong>R220.00</strong>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-241" class="qty_cat" max="1"/>
                <button type="button" class="btn btn-success" id="button-add-241" onclick="addTocart('241'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('241'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=4503"><img src="https://bathocc.co.za/image/cache/product/123%20TOOTBRUSH%2012'S%20BUDGET-228x228.jpg" alt="123 TOOTBRUSH 12'S BUDGET" title="123 TOOTBRUSH 12'S BUDGET" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=4503">123 TOOTBRUSH 12'S BUDGET</a></h6>
                                                <p class="price">
                                    <strong>R59.00</strong>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-4503" class="qty_cat" max="406"/>
                <button type="button" class="btn btn-success" id="button-add-4503" onclick="addTocart('4503'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('4503'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=240"><img src="https://bathocc.co.za/image/cache/product/123%20Toothbrush%20Twin%2012's-228x228.jpg" alt="123 TOOTHBRUSH 12X2'S ADULT" title="123 TOOTHBRUSH 12X2'S ADULT" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=240">123 TOOTHBRUSH 12X2'S ADULT</a></h6>
                                                <p class="price">
                                    <strong>R99.00</strong>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-240" class="qty_cat" max="126"/>
                <button type="button" class="btn btn-success" id="button-add-240" onclick="addTocart('240'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('240'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=5782"><img src="https://bathocc.co.za/image/cache/product/123%20DELUXE%20TOOTHBRUSHES-228x228.png" alt="123 TOOTHBRUSH 1X12'S DELUXE" title="123 TOOTHBRUSH 1X12'S DELUXE" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=5782">123 TOOTHBRUSH 1X12'S DELUXE</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-5782" class="qty_cat" max="-7"/>
                <button type="button" class="btn btn-success" id="button-add-5782" onclick="addTocart('5782'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('5782'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=6659"><img src="https://bathocc.co.za/image/cache/product/2POP%20TROPICAL%20TWIST%2055%20UNITS-228x228.jpg" alt="2POP 14X55 TROPICAL TWIST" title="2POP 14X55 TROPICAL TWIST" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=6659">2POP 14X55 TROPICAL TWIST</a></h6>
                                                <p class="price">
                                    <strong>R588.00</strong>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-6659" class="qty_cat" max="0"/>
                <button type="button" class="btn btn-success" id="button-add-6659" onclick="addTocart('6659'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('6659'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=10172"><img src="https://bathocc.co.za/image/cache/product/2POP%20COOKIE-228x228.jpg" alt="2POP 16X48 COOKIE CHOCOLATE VANILLA" title="2POP 16X48 COOKIE CHOCOLATE VANILLA" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=10172">2POP 16X48 COOKIE CHOCOLATE VANILLA</a></h6>
                                                <p class="price">
                                    <strong>R568.00</strong>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-10172" class="qty_cat" max="8"/>
                <button type="button" class="btn btn-success" id="button-add-10172" onclick="addTocart('10172'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('10172'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=10347"><img src="https://bathocc.co.za/image/cache/product/7JELLY%20ANIMALS-228x228.jpg" alt="7 JELLY 12X900G ANIMALS 150'S" title="7 JELLY 12X900G ANIMALS 150'S" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=10347">7 JELLY 12X900G ANIMALS 150'S</a></h6>
                                                <p class="price">
                                    <strong>R648.00</strong>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-10347" class="qty_cat" max="9"/>
                <button type="button" class="btn btn-success" id="button-add-10347" onclick="addTocart('10347'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('10347'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=10348"><img src="https://bathocc.co.za/image/cache/product/7JELLY%20BONES-228x228.jpg" alt="7 JELLY 12X900G BONES 225'S/60'S" title="7 JELLY 12X900G BONES 225'S/60'S" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=10348">7 JELLY 12X900G BONES 225'S/60'S</a></h6>
                                                <p class="price">
                                    <strong>R648.00</strong>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-10348" class="qty_cat" max="5"/>
                <button type="button" class="btn btn-success" id="button-add-10348" onclick="addTocart('10348'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('10348'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=10221"><img src="https://bathocc.co.za/image/cache/product/7JELLY%20%20CENTIPEDES-228x228.jpg" alt="7 JELLY 12X900G CENTIPEDE 90'S" title="7 JELLY 12X900G CENTIPEDE 90'S" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=10221">7 JELLY 12X900G CENTIPEDE 90'S</a></h6>
                                                <p class="price">
                                    <strong>R648.00</strong>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-10221" class="qty_cat" max="8"/>
                <button type="button" class="btn btn-success" id="button-add-10221" onclick="addTocart('10221'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('10221'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=10349"><img src="https://bathocc.co.za/image/cache/product/7JELLY%20CHERRIES-228x228.jpg" alt="7 JELLY 12X900G CHERRY 180'S" title="7 JELLY 12X900G CHERRY 180'S" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=10349">7 JELLY 12X900G CHERRY 180'S</a></h6>
                                                <p class="price">
                                    <strong>R648.00</strong>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-10349" class="qty_cat" max="9"/>
                <button type="button" class="btn btn-success" id="button-add-10349" onclick="addTocart('10349'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('10349'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=10350"><img src="https://bathocc.co.za/image/cache/product/7JELLY%20CROC%20MIX-228x228.jpg" alt="7 JELLY 12X900G CROCO MIX 150'S/60'S" title="7 JELLY 12X900G CROCO MIX 150'S/60'S" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=10350">7 JELLY 12X900G CROCO MIX 150'S/60'S</a></h6>
                                                <p class="price">
                                    <strong>R648.00</strong>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-10350" class="qty_cat" max="12"/>
                <button type="button" class="btn btn-success" id="button-add-10350" onclick="addTocart('10350'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('10350'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=10223"><img src="https://bathocc.co.za/image/cache/product/7JELLY%20FISH-228x228.jpg" alt="7 JELLY 12X900G FISH 60'S" title="7 JELLY 12X900G FISH 60'S" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=10223">7 JELLY 12X900G FISH 60'S</a></h6>
                                                <p class="price">
                                    <strong>R648.00</strong>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-10223" class="qty_cat" max="7"/>
                <button type="button" class="btn btn-success" id="button-add-10223" onclick="addTocart('10223'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('10223'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=10214"><img src="https://bathocc.co.za/image/cache/product/7JELLY%20%20FOAMY%20RED%20TONGUE-228x228.jpg" alt="7 JELLY 12X900G FOAMY RED TONGUE 60'S" title="7 JELLY 12X900G FOAMY RED TONGUE 60'S" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=10214">7 JELLY 12X900G FOAMY RED TONGUE 60'S</a></h6>
                                                <p class="price">
                                    <strong>R648.00</strong>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-10214" class="qty_cat" max="2"/>
                <button type="button" class="btn btn-success" id="button-add-10214" onclick="addTocart('10214'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('10214'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=10351"><img src="https://bathocc.co.za/image/cache/product/7JELLY%20FRUITS-228x228.jpg" alt="7 JELLY 12X900G FRUITS 225'S" title="7 JELLY 12X900G FRUITS 225'S" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=10351">7 JELLY 12X900G FRUITS 225'S</a></h6>
                                                <p class="price">
                                    <strong>R648.00</strong>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-10351" class="qty_cat" max="9"/>
                <button type="button" class="btn btn-success" id="button-add-10351" onclick="addTocart('10351'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('10351'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=10224"><img src="https://bathocc.co.za/image/cache/product/7%20JELLY%20OILY%20BLUE%20TONGUE-228x228.jpg" alt="7 JELLY 12X900G OILY BLUE TONGUE 60'S" title="7 JELLY 12X900G OILY BLUE TONGUE 60'S" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=10224">7 JELLY 12X900G OILY BLUE TONGUE 60'S</a></h6>
                                                <p class="price">
                                    <strong>R648.00</strong>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-10224" class="qty_cat" max="14"/>
                <button type="button" class="btn btn-success" id="button-add-10224" onclick="addTocart('10224'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('10224'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=10216"><img src="https://bathocc.co.za/image/cache/product/7JELLY%20RED%20OILY%20TONGUE-228x228.jpg" alt="7 JELLY 12X900G OILY RED TONGUE 60'S" title="7 JELLY 12X900G OILY RED TONGUE 60'S" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=10216">7 JELLY 12X900G OILY RED TONGUE 60'S</a></h6>
                                                <p class="price">
                                    <strong>R648.00</strong>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-10216" class="qty_cat" max="14"/>
                <button type="button" class="btn btn-success" id="button-add-10216" onclick="addTocart('10216'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('10216'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=10217"><img src="https://bathocc.co.za/image/cache/product/7JELLY%20ORANGE%20SLICES-228x228.jpg" alt="7 JELLY 12X900G ORANGE SLICES 225'S" title="7 JELLY 12X900G ORANGE SLICES 225'S" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=10217">7 JELLY 12X900G ORANGE SLICES 225'S</a></h6>
                                                <p class="price">
                                    <strong>R648.00</strong>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-10217" class="qty_cat" max="8"/>
                <button type="button" class="btn btn-success" id="button-add-10217" onclick="addTocart('10217'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('10217'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=10219"><img src="https://bathocc.co.za/image/cache/product/7JELLY%20PINEAPPLE-228x228.jpg" alt="7 JELLY 12X900G PINEAPPLE 60'S" title="7 JELLY 12X900G PINEAPPLE 60'S" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=10219">7 JELLY 12X900G PINEAPPLE 60'S</a></h6>
                                                <p class="price">
                                    <strong>R648.00</strong>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-10219" class="qty_cat" max="2"/>
                <button type="button" class="btn btn-success" id="button-add-10219" onclick="addTocart('10219'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('10219'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=10215"><img src="https://bathocc.co.za/image/cache/product/7JELLY%20SHARK%20WATERMELON-228x228.jpg" alt="7 JELLY 12X900G WATERMELON 60'S" title="7 JELLY 12X900G WATERMELON 60'S" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=10215">7 JELLY 12X900G WATERMELON 60'S</a></h6>
                                                <p class="price">
                                    <strong>R648.00</strong>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-10215" class="qty_cat" max="3"/>
                <button type="button" class="btn btn-success" id="button-add-10215" onclick="addTocart('10215'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('10215'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=10018"><img src="https://bathocc.co.za/image/cache/product/AC%20COOLER%20BOX%2027L-228x228.jpg" alt="AC COOLER BOX 27LT" title="AC COOLER BOX 27LT" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=10018">AC COOLER BOX 27LT</a></h6>
                                                <p class="price">
                                    <strong>R139.95</strong>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-10018" class="qty_cat" max="62"/>
                <button type="button" class="btn btn-success" id="button-add-10018" onclick="addTocart('10018'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('10018'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=3008">      <span class="badge badge-primary">Promotion</span>
      <img src="https://bathocc.co.za/image/cache/product/ACE%20COFFEE%20125-228x228.jpg" alt="ACE COFFEE 3X16X125G" title="ACE COFFEE 3X16X125G" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=3008">ACE COFFEE 3X16X125G</a></h6>
                                                <p class="price">
                                    <p class="text-danger"><strong>R915.00</strong></p>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-3008" class="qty_cat" max="109"/>
                <button type="button" class="btn btn-success" id="button-add-3008" onclick="addTocart('3008'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('3008'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=3024">      <span class="badge badge-primary">Promotion</span>
      <img src="https://bathocc.co.za/image/cache/product/ACE%20COFFEE%20125-228x228.jpg" alt="ACE COFFEE 3X4X500G" title="ACE COFFEE 3X4X500G" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=3024">ACE COFFEE 3X4X500G</a></h6>
                                                <p class="price">
                                    <p class="text-danger"><strong>R768.00</strong></p>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-3024" class="qty_cat" max="60"/>
                <button type="button" class="btn btn-success" id="button-add-3024" onclick="addTocart('3024'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('3024'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=4599">      <span class="badge badge-primary">Promotion</span>
      <img src="https://bathocc.co.za/image/cache/product/ACE%20COFFEE%20250G-228x228.jpg" alt="ACE COFFEE 3X8X250G" title="ACE COFFEE 3X8X250G" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=4599">ACE COFFEE 3X8X250G</a></h6>
                                                <p class="price">
                                    <p class="text-danger"><strong>R804.00</strong></p>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-4599" class="qty_cat" max="45"/>
                <button type="button" class="btn btn-success" id="button-add-4599" onclick="addTocart('4599'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('4599'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=3007">      <span class="badge badge-primary">Promotion</span>
      <img src="https://bathocc.co.za/image/cache/product/ACE%20COFFEE%20250G-228x228.jpg" alt="ACE COFFEE 6X16X60G" title="ACE COFFEE 6X16X60G" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=3007">ACE COFFEE 6X16X60G</a></h6>
                                                <p class="price">
                                    <p class="text-danger"><strong>R948.00</strong></p>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-3007" class="qty_cat" max="46"/>
                <button type="button" class="btn btn-success" id="button-add-3007" onclick="addTocart('3007'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('3007'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=10508"><img src="https://bathocc.co.za/image/cache/product/ACE%20INSTANT%20PORRIDGE%20BANANA%201KG-228x228.jpg" alt="ACE INSTANT POR 10X1KG BANANA" title="ACE INSTANT POR 10X1KG BANANA" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=10508">ACE INSTANT POR 10X1KG BANANA</a></h6>
                                                <p class="price">
                                    <strong>R215.00</strong>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-10508" class="qty_cat" max="0"/>
                <button type="button" class="btn btn-success" id="button-add-10508" onclick="addTocart('10508'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('10508'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=10510"><img src="https://bathocc.co.za/image/cache/product/ACE%20INSTANT%20PORRIDGE%20STRAWBERRY%201KG-228x228.jpg" alt="ACE INSTANT POR 10X1KG STRAWBERRY" title="ACE INSTANT POR 10X1KG STRAWBERRY" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=10510">ACE INSTANT POR 10X1KG STRAWBERRY</a></h6>
                                                <p class="price">
                                    <strong>R215.00</strong>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-10510" class="qty_cat" max="0"/>
                <button type="button" class="btn btn-success" id="button-add-10510" onclick="addTocart('10510'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('10510'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=10509"><img src="https://bathocc.co.za/image/cache/product/ACE%20INSTANT%20PORRIDGE%20VANILLA%201-228x228.jpg" alt="ACE INSTANT POR 10X1KG VANILLA" title="ACE INSTANT POR 10X1KG VANILLA" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=10509">ACE INSTANT POR 10X1KG VANILLA</a></h6>
                                                <p class="price">
                                    <strong>R215.00</strong>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-10509" class="qty_cat" max="0"/>
                <button type="button" class="btn btn-success" id="button-add-10509" onclick="addTocart('10509'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('10509'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=10059"><img src="https://bathocc.co.za/image/cache/product/ACHAAR%20MASALA-228x228.jpg" alt="ACHAAR MASALA 10X100G BAG" title="ACHAAR MASALA 10X100G BAG" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=10059">ACHAAR MASALA 10X100G BAG</a></h6>
                                                <p class="price">
                                    <strong>R80.01</strong>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-10059" class="qty_cat" max="1"/>
                <button type="button" class="btn btn-success" id="button-add-10059" onclick="addTocart('10059'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('10059'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=10067"><img src="https://bathocc.co.za/image/cache/product/ACHAAR%20MASAL%20500-228x228.png" alt="ACHAAR MASALA 500G PACKET" title="ACHAAR MASALA 500G PACKET" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=10067">ACHAAR MASALA 500G PACKET</a></h6>
                                                <p class="price">
                                    <strong>R33.00</strong>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-10067" class="qty_cat" max="0"/>
                <button type="button" class="btn btn-success" id="button-add-10067" onclick="addTocart('10067'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('10067'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=2966"><img src="https://bathocc.co.za/image/cache/product/Large%20adult%20diapers-228x228.jpg" alt="ADULT DIAPER SAFE IN 12X10'S L" title="ADULT DIAPER SAFE IN 12X10'S L" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=2966">ADULT DIAPER SAFE IN 12X10'S L</a></h6>
                                                <p class="price">
                                    <strong>R936.00</strong>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-2966" class="qty_cat" max="1"/>
                <button type="button" class="btn btn-success" id="button-add-2966" onclick="addTocart('2966'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('2966'); 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://bathocc.co.za/product/product&amp;path=&amp;product_id=2967"><img src="https://bathocc.co.za/image/cache/product/M%20ADULT%20DIAPERS-228x228.jpg" alt="ADULT DIAPER SAFE IN 12X10'S M" title="ADULT DIAPER SAFE IN 12X10'S M" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://bathocc.co.za/product/product&amp;path=&amp;product_id=2967">ADULT DIAPER SAFE IN 12X10'S M</a></h6>
                                                <p class="price">
                                    <strong>R936.00</strong>
                                  </p>
                              </div>
              <div  >
                            </div>
              <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-2967" class="qty_cat" max="12"/>
                <button type="button" class="btn btn-success" id="button-add-2967" onclick="addTocart('2967'); addToCartToast();">Add to Cart</button>
			                                   <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('2967'); 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://bathocc.co.za/product/category&amp;path=&amp;page=2">2</a></li><li><a href="https://bathocc.co.za/product/category&amp;path=&amp;page=3">3</a></li><li><a href="https://bathocc.co.za/product/category&amp;path=&amp;page=4">4</a></li><li><a href="https://bathocc.co.za/product/category&amp;path=&amp;page=5">5</a></li><li><a href="https://bathocc.co.za/product/category&amp;path=&amp;page=6">6</a></li><li><a href="https://bathocc.co.za/product/category&amp;path=&amp;page=7">7</a></li><li><a href="https://bathocc.co.za/product/category&amp;path=&amp;page=8">8</a></li><li><a href="https://bathocc.co.za/product/category&amp;path=&amp;page=9">9</a></li><li><a href="https://bathocc.co.za/product/category&amp;path=&amp;page=2">&gt;</a></li><li><a href="https://bathocc.co.za/product/category&amp;path=&amp;page=100">&gt;|</a></li></ul></div>
        <div class="col-sm-4 text-right">Showing 1 to 36 of 3599 (100 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 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="carousel-slider">
<div class="carousel">
<div class"slide"><img src="./assets/images/brandlogos/brand1.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/brand10.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/brand11.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/brand12.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/brand13.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/brand14.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/brand15.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/brand2.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/brand3.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/brand4.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/brand5.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/brand6.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/brand7.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/brand8.png" height="30px"></a></div><div class"slide"><img src="./assets/images/brandlogos/brand9.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://bathocc.co.za/information/contact">Contact Us</a><br>
    	    <a class="footer__body__text " href="https://bathocc.co.za/information/information&information_id=4">About Us</a><br>
    	    <a class="footer__body__text " href="https://bathocc.co.za/information/information&information_id=6">Delivery Information</a><br>
    	    <a class="footer__body__text " href="https://bathocc.co.za/information/information&information_id=3">Returns and Refunds</a><br>
    	    <a class="footer__body__text " href="https://bathocc.co.za/information/information&information_id=5">Terms and Conditions</a><br>
    	    <a class="footer__body__text " href="https://bathocc.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://bathocc.co.za/product/category&path=0">Products</a><br>
    <a class = "footer__body__text" href="https://bathocc.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://bathocc.co.za/account/account">My Account</a><br>
    <a class = "footer__body__text" href="https://bathocc.co.za/account/wishlist">My Wishlist</a><br>
    <a class = "footer__body__text" href="https://bathocc.co.za/checkout/cart">View Cart</a><br>
    <a class = "footer__body__text" href="https://bathocc.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 3113"><i class="fas fa-phone"></i> 014 543 3113</a><br>
                			  <a class = "footer__body__text" href="mailto:bathoccorders@gmail.com"><i class="fas fa-envelope"></i> bathoccorders@gmail.com</a><br>
                        <div class="footer__body__social">
                   </div>
      </div>
  </div>
  </div>
  <section class="footer__payment">
      </section>
  <section class="bottom__bar">
  <div class="bottom__bar__copyright">
    <p>Batho Cash and Carry &copy; 2026 | <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";
    }
  });
}
// 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>