PHP Notice:  Undefined variable: cat_breadcrumbs in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 115PHP Notice:  Undefined variable: subcategory_code in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 116PHP Notice:  Undefined index: path in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 170PHP Notice:  Undefined variable: subsub_code in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 219PHP Notice:  Undefined variable: subcategory_code in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 221PHP Notice:  Undefined index: path in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 283PHP Notice:  Undefined index: path in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 306PHP Notice:  Undefined index: path in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 312PHP Notice:  Undefined index: path in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 318PHP Notice:  Undefined index: path in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 324PHP Notice:  Undefined index: path in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 330PHP Notice:  Undefined index: path in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 383PHP Notice:  Undefined index: path in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 383PHP Notice:  Undefined index: path in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 383PHP Notice:  Undefined index: path in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 383PHP Notice:  Undefined index: path in /home/khansbakeco/public_html/catalog/controller/product/category.php on line 409<!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://khansbake.co.za/" />
<meta name="description" content="All Products" />
<meta name="keywords" content= "All Products" />
<link rel="icon" href="favicon.ico" type="image/x-icon">
<!--CSS-->
<link href="assets/css/simplex.css?ver=20220603A" rel="stylesheet">
<link href="assets/css/custom.css?ver=20240124A" rel="stylesheet">
<link href="assets/fontawesome/css/all.min.css?ver=20220603A" rel="stylesheet">
<link href="assets/css/font-awesome.min.css?ver=20220603A" rel="stylesheet">
<link href="assets/slick/slick.css" rel='stylesheet' type='text/css'>
<link href="assets/slick/slick-theme.css" rel='stylesheet' type='text/css'>
<!--JS-->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/add-ons/sweetalert/sweetalert.min.js?ver=20220603A"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/common.js?ver=20220603A"></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://khansbake.co.za/product/category&amp;path=0" rel="canonical">
<link href="https://khansbake.co.za/product/category&amp;path=0&amp;page=2" rel="next">
</head>
<body class="product-category">
<script>
  var manufacturers = [{"manufacturer_id":"9","name":"Allifas","image":"brand9.png","sort_order":"1","date_added":"2022-05-17 11:45:36","sync_status":"1","code":"009"},{"manufacturer_id":"10","name":"Ateco","image":"brand10.png","sort_order":"1","date_added":"2022-05-17 11:45:58","sync_status":"1","code":"010"},{"manufacturer_id":"4","name":"Bakels","image":"brand4.jpg","sort_order":"1","date_added":"2022-05-17 11:42:52","sync_status":"1","code":"004"},{"manufacturer_id":"3","name":"Betty Crocker","image":"brand3.jpg","sort_order":"1","date_added":"2022-05-17 11:41:37","sync_status":"1","code":"003"},{"manufacturer_id":"6","name":"Cake Flora","image":"brand6.png","sort_order":"1","date_added":"2022-05-17 11:44:07","sync_status":"1","code":"006"},{"manufacturer_id":"2","name":"Chipkins Puratos","image":"brand2.png","sort_order":"1","date_added":"2022-05-17 11:41:01","sync_status":"1","code":"002"},{"manufacturer_id":"7","name":"Fondant Solutions","image":"brand7.png","sort_order":"1","date_added":"2022-05-17 11:44:41","sync_status":"1","code":"007"},{"manufacturer_id":"1","name":"Nestle","image":"brand1.png","sort_order":"1","date_added":"2022-05-17 11:40:27","sync_status":"1","code":"001"},{"manufacturer_id":"8","name":"PME","image":"brand8.jpg","sort_order":"1","date_added":"2022-05-17 11:45:06","sync_status":"1","code":"008"},{"manufacturer_id":"5","name":"Treat Boutique","image":"brand5.png","sort_order":"1","date_added":"2022-05-17 11:43:27","sync_status":"1","code":"005"}];
</script>
<!-- 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://khansbake.co.za/"><img src="assets/images/logo.png" title="Khans Bake & Pack" alt="Khans Bake & Pack"/></a>
    </div>
    <div class = "box">
    <ul class="nav navbar-nav navbar-right " id="searchDS">  
      <div id="search" class="input-group">
  <input type="text" name="search" autocomplete="off" onkeyup="searchSuggest();" value="" placeholder="Search" class="form-control" />
  <span class="input-group-btn">
    <button type="button" class="btn btn-default"><i class="fa fa-search"></i></button>
  </span>
  <span id="suggest-loader" class="btn"><i class="fa fa-spinner"></i></span>
  <span id="suggest-clear"  onClick="clearSearch();">clear</span>

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

<script>
$('#search-suggest').hide();
$('#suggest-loader').hide();
$('#suggest-clear').hide();
function searchSuggest() {
  var search = $('input[name=\'search\']').val();
  $('#search-suggest').html('');
  if(search.length == 0) {
    $('#suggest-clear').hide();
  }
  if (search.length < 3) {
    $('#search-suggest').hide();
    $('input[name=\'search\']').removeClass('suggest-active');
    return;
  }
  $('#suggest-clear').hide();
  $('#suggest-loader').show();
  if (search) {
    $.ajax({
      url: '/search/suggest&filter_name=' + encodeURIComponent(search),
      dataType: 'json',
      success: function(json) {
            $('#search-suggest').html('');
        for (var i=0; i < json.length; i++) {
          $('#search-suggest').append('<div class="search-suggest-item" onClick="window.location.href = \'' + json[i]['href'] + '\'"><img width="40px" src="'+ json[i]['image'] + '" alt="'+json[i]['name']+'">&nbsp;&nbsp;' + json[i]['name'] + '</div>');
        }
        $('#suggest-loader').hide();
        $('input[name=\'search\']').addClass('suggest-active');
        var check_search = $('input[name=\'search\']').val();
        if(json.length > 0  && check_search != ''){
            $('#search-suggest').show();
            $('#suggest-clear').show();
        }
      }
    });
  }
}
function clearSearch(){
  $('input[name=\'search\']').val('');
  $('#search-suggest').hide();
  $('input[name=\'search\']').removeClass('suggest-active');
  $('#suggest-clear').hide();
}
</script>
	  </ul>
    </div>
    <div class = "box">
    <ul class="nav navbar-nav navbar-right box" id="">  
    <li id="cart" class="dropdown">
<div id="snackbarC">Removed from cart</div>
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa fa-shopping-cart n-icon"></i><span id="cart-total">0 item(s) - R0.00</span></a>
  <ul class="dropdown-menu">
        <li>
      <p class="text-center">Your shopping cart is empty!</p>
    </li>
      </ul>
</li>

<script>

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

</script>
    <li><a href="https://khansbake.co.za/account/wishlist" class = "main-header__tools__icon" title = "Wishlist"><i class="fas fa-heart"></i></a></li>
             <li  class=""><a href="https://khansbake.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://khansbake.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://khansbake.co.za/product/category&path='+ category_id; 
}
function dropdown_goSubCat(category_id, subcategory){
    window.location.href = 'https://khansbake.co.za/product/category&path='+ category_id + '_' + subcategory; 
}
function dropdown_goSubSubCat(category_id, subcategory, subsub){
    window.location.href = 'https://khansbake.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>
          <ul style="padding: 0">
          <a class="catmeunBrands dropdown-toggle" onClick="dropdownBrands();" data-toggle="dropdown" role="button" aria-expanded="false">Brands <span class="caret"></span></a>
          <li class="dropdown-menu catmenubranndsdp" role="menu"></li>
          </ul>
          <li><a href="https://khansbake.co.za/product/category&amp;path=0">All Products</a></li>
	  			<li><a href="https://khansbake.co.za/product/special">Promotions</a></li>
          		    	<li><a href="https://khansbake.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://khansbake.co.za/"><img src="assets/images/logo.png" title="Khans Bake & Pack" alt="Khans Bake & Pack" 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://khansbake.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://khansbake.co.za/account/account" title="My Account"><i class="fa fa-user n-icon"></i></a></li>
           </ul>
</div>

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


<script>
$('#search-suggest-mb').hide();
$('#suggest-loader-mb').hide();
$('#suggest-clear-mb').hide();
function searchSuggestmb() {
  var search = $('input[name=\'searchmb\']').val();
  $('#search-suggest-mb').html('');
  if(search.length == 0) {
    $('#suggest-clear-mb').hide();
  }
  if (search.length < 3) {
    $('#search-suggest-mb').hide();
    $('input[name=\'searchmb\']').removeClass('suggest-active');
    return;
  }
  $('#suggest-clear-mb').hide();
  $('#suggest-loader-mb').show();
  if (search) {
    $.ajax({
      url: '/search/suggest&filter_name=' + encodeURIComponent(search),
      dataType: 'json',
      success: function(json) {
        $('#search-suggest-mb').html('');
        for (var i=0; i < json.length; i++) {
          console.log(json[i]['href']);
          $('#search-suggest-mb').append('<div class="search-suggest-item-mb" onClick="window.location.href = \'' + json[i]['href'] + '\'"><img width="40px" src="'+ json[i]['image'] + '" alt="'+json[i]['name']+'">&nbsp;&nbsp;' + json[i]['name'] + '</div>');
        }
        $('#suggest-loader-mb').hide();
        $('input[name=\'searchmb\']').addClass('suggest-active-mb');
        var check_search = $('input[name=\'searchmb\']').val();
        if(json.length > 0  && check_search != ''){
            $('#search-suggest-mb').show();
            $('#suggest-clear-mb').show();
        }
      }
    });
  }
}
function clearSearchMb(){
  $('input[name=\'searchmb\']').val('');
  $('#search-suggest-mb').hide();
  $('input[name=\'searchmb\']').removeClass('suggest-active-mb');
  $('#suggest-clear-mb').hide();
}
</script>	</div>
  
</nav>
</header>
        
<script>
/* Sample function that returns boolean in case the browser is Internet Explorer*/
function isIE() {
  ua = navigator.userAgent;
  /* MSIE used to detect old browsers and Trident used to newer ones*/
  var is_ie = ua.indexOf("MSIE ") > -1 || ua.indexOf("Trident/") > -1;
  
  return is_ie; 
}
/* Create an alert to show if the browser is IE or not */
if (isIE()){
    alert('Please Note our website is not supported on Internet Explorer. We suggest using a later browser such as Google Chrome or Firefox.');
}

function dropdownBrands()
{
  if(manufacturers.length > 0)
  {
    $(".catmenubranndsdp").empty();
    var x = $(".catmeunBrands").offset().left;
    $('.catmenubranndsdp').css('left', x + 20);
    manufacturers.forEach(function(item, index){
      $('.catmenubranndsdp').append('<li><a href="product/brands?brand='+item.code+'">'+item.name+'</a></li>');
    });
  }
}
</script>

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

  <div id="mbmySidenav" class="mbsidenav sidenavMenuitems">
  <a href="javascript:void(0)" class="mbclosebtn" onclick="mbcloseSideNav();">&times;</a>
  <div id="brandsBrowse" style="display:none;"></div>
  <div class='mbprofilecard'>
      <i class="fa fa-user mbprofilecircle"></i>&nbsp;<h4 class = "company_name">Hi, Please</h4>&nbsp;<a class="mbcardbutton" href="https://khansbake.co.za/account/account">Login</a><h4 class = "company_name">&nbsp;or&nbsp;</h4><a class="mbcardbutton" href="https://khansbake.co.za/account/register">Register</a>
      </div>
    <div id="mbAcc">
    <div class='mbmenuoptions'>
  <a  class="browsecat" onClick="mbSelectCatMenu()" href="javascript:void(0)">Shop by Categories<i class="fa fa-chevron-right" style="float:right;"></i></a>
  <a  class="browsecat mbbrandsoption" style="display:none;" onClick="mbManufacturerMenu()" href="javascript:void(0)">Shop by Brands<i class="fa fa-chevron-right" style="float:right;"></i></a>
          <a class="browsecat"  href="https://khansbake.co.za/product/special">Promotions<i class="fa fa-chevron-right" style="float:right;"></i></a>
          <a class="browsecat"  href="https://khansbake.co.za/product/category&amp;path=0">Products<i class="fa fa-chevron-right" style="float:right;"></i></a>
		    	<a class="browsecat"  href="https://khansbake.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(){
     getCat();
    var x = sessionStorage.getItem("categories");
    if(x === null){
        getCat();
    }else{
        $(".catdrilldown").html(x);
    }
    loadActive();
}

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

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

function goCat(category_id){
    window.location.href = 'https://khansbake.co.za/product/category&path='+ category_id; 
}
function goSubCat(category_id, subcategory){
    window.location.href = 'https://khansbake.co.za/product/category&path='+ category_id + '_' + subcategory; 
}
function goSubSubCat(category_id, subcategory, subsub){
    window.location.href = 'https://khansbake.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 showMbManufacturer(){
  $("#brandsBrowse").hide();
  mbshowAccMenu();
}
function mbManufacturerMenu(){
  $('#mbCatBack').show();
  $('.mbprofilecard').hide();
  $("#mbAcc").hide();
  var output = '';
  output = output + '<div class = "mbcatall"><a  class="browsecat getcat mbmenuback"  id="mbCatBack" onClick="showMbManufacturer()" href="javascript:void(0)"><i class="fa fa-chevron-left" style="float:left;"></i></a><a class="mbcatall2 browsesub getcat" href="javascript:void(0)">BRANDS</a></div>';

  
  manufacturers.forEach(
        function(item) {
            output = output + '<a class="browsecat"  href="https://khansbake.co.za/product/brands&brand='+item['code']+'">'+item['name']+'</a>' ;
        }
  );
  $('#brandsBrowse').html(output);
  $("#brandsBrowse").show();
}
function mbSelectCatMenu(){
  $('#mbCatBack').show();
  $('.mbprofilecard').hide();
  mbopenSideNav();
  mbshowCatMenu();
}

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

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


$(document).ready(function() {
  mbshowCatMenu();
});
</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/khansbakeco/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://khansbake.co.za/product/category&amp;path=&amp;sort=p.sort_order&amp;order=ASC" selected="selected">Sort By</option>
                                                <option value="https://khansbake.co.za/product/category&amp;path=&amp;sort=pd.name&amp;order=ASC">Name (A - Z)</option>
                                                <option value="https://khansbake.co.za/product/category&amp;path=&amp;sort=pd.name&amp;order=DESC">Name (Z - A)</option>
                                                <option value="https://khansbake.co.za/product/category&amp;path=&amp;sort=p.price&amp;order=ASC">Price (Low &gt; High)</option>
                                                <option value="https://khansbake.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://khansbake.co.za/product/category&amp;path=&amp;limit=20" selected="selected">20</option>
                                                <option value="https://khansbake.co.za/product/category&amp;path=&amp;limit=40">40</option>
                                                <option value="https://khansbake.co.za/product/category&amp;path=&amp;limit=80">80</option>
                                                <option value="https://khansbake.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://khansbake.co.za/product/product&amp;path=&amp;product_id=8242"><img src="https://khansbake.co.za/image/cache/product/100&1000-228x228.jpg" alt="100 & 1000'S 100G" title="100 & 1000'S 100G" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://khansbake.co.za/product/product&amp;path=&amp;product_id=8242">100 & 1000'S 100G</a></h6>
                                                <p class="price">
                                    <strong>R15.50</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-8242" class="qty_cat" max="12"/>
                <button type="button" class="btn btn-success" id="button-add-8242" onclick="addTocart('8242'); addToCartToast();">Add to Cart</button>
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('8242'); 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://khansbake.co.za/product/product&amp;path=&amp;product_id=749"><img src="https://khansbake.co.za/image/cache/product/100&1000-228x228.jpg" alt="100 & 1000'S 250G" title="100 & 1000'S 250G" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://khansbake.co.za/product/product&amp;path=&amp;product_id=749">100 & 1000'S 250G</a></h6>
                                                <p class="price">
                                    <strong>R32.50</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-749" class="qty_cat" max="8"/>
                <button type="button" class="btn btn-success" id="button-add-749" onclick="addTocart('749'); addToCartToast();">Add to Cart</button>
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('749'); 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://khansbake.co.za/product/product&amp;path=&amp;product_id=421"><img src="https://khansbake.co.za/image/cache/product/100&1000-228x228.jpg" alt="100 & 1000'S 500G" title="100 & 1000'S 500G" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://khansbake.co.za/product/product&amp;path=&amp;product_id=421">100 & 1000'S 500G</a></h6>
                                                <p class="price">
                                    <strong>R54.50</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-421" class="qty_cat" max="10"/>
                <button type="button" class="btn btn-success" id="button-add-421" onclick="addTocart('421'); addToCartToast();">Add to Cart</button>
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('421'); 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://khansbake.co.za/product/product&amp;path=&amp;product_id=8246"><img src="https://khansbake.co.za/image/cache/product/100&1000-228x228.jpg" alt="100 & 1000'S CRAFT/LIBERTY 1KG" title="100 & 1000'S CRAFT/LIBERTY 1KG" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://khansbake.co.za/product/product&amp;path=&amp;product_id=8246">100 & 1000'S CRAFT/LIBERTY 1KG</a></h6>
                                                <p class="price">
                                    <strong>R98.50</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-8246" class="qty_cat" max="28"/>
                <button type="button" class="btn btn-success" id="button-add-8246" onclick="addTocart('8246'); addToCartToast();">Add to Cart</button>
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('8246'); 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://khansbake.co.za/product/product&amp;path=&amp;product_id=899"><img src="https://khansbake.co.za/image/cache/product/2CUP%20STRAT-228x228.png" alt="2 CUP CUPHOLDER 10'S" title="2 CUP CUPHOLDER 10'S" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://khansbake.co.za/product/product&amp;path=&amp;product_id=899">2 CUP CUPHOLDER 10'S</a></h6>
                                                <p class="price">
                                    <strong>R24.50</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-899" class="qty_cat" max="9"/>
                <button type="button" class="btn btn-success" id="button-add-899" onclick="addTocart('899'); addToCartToast();">Add to Cart</button>
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('899'); 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://khansbake.co.za/product/product&amp;path=&amp;product_id=2869"><img src="https://khansbake.co.za/image/cache/product/2CUP%20STRAT-228x228.png" alt="2 CUP CUPHOLDER BOX 180'S" title="2 CUP CUPHOLDER BOX 180'S" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://khansbake.co.za/product/product&amp;path=&amp;product_id=2869">2 CUP CUPHOLDER BOX 180'S</a></h6>
                                                <p class="price">
                                    <strong>R335.00</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-2869" class="qty_cat" max="4"/>
                <button type="button" class="btn btn-success" id="button-add-2869" onclick="addTocart('2869'); addToCartToast();">Add to Cart</button>
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('2869'); 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://khansbake.co.za/product/product&amp;path=&amp;product_id=766"><img src="https://khansbake.co.za/image/cache/product/3%20PILLERS-228x228.png" alt="3 INCH PILLARS" title="3 INCH PILLARS" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://khansbake.co.za/product/product&amp;path=&amp;product_id=766">3 INCH PILLARS</a></h6>
                                                <p class="price">
                                    <strong>R35.00</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-766" class="qty_cat" max="3"/>
                <button type="button" class="btn btn-success" id="button-add-766" onclick="addTocart('766'); addToCartToast();">Add to Cart</button>
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('766'); 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://khansbake.co.za/product/product&amp;path=&amp;product_id=1053"><img src="https://khansbake.co.za/image/cache/product/3wayadap-228x228.jpg" alt="3 WAY ADAPTER" title="3 WAY ADAPTER" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://khansbake.co.za/product/product&amp;path=&amp;product_id=1053">3 WAY ADAPTER</a></h6>
                                                <p class="price">
                                    <strong>R20.00</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-1053" class="qty_cat" max="2"/>
                <button type="button" class="btn btn-success" id="button-add-1053" onclick="addTocart('1053'); addToCartToast();">Add to Cart</button>
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('1053'); 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://khansbake.co.za/product/product&amp;path=&amp;product_id=911"><img src="https://khansbake.co.za/image/cache/product/4CUP%20TRAY-228x228.png" alt="4 CUP CUPHOLDER 10'S" title="4 CUP CUPHOLDER 10'S" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://khansbake.co.za/product/product&amp;path=&amp;product_id=911">4 CUP CUPHOLDER 10'S</a></h6>
                                                <p class="price">
                                    <strong>R34.50</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-911" class="qty_cat" max="5"/>
                <button type="button" class="btn btn-success" id="button-add-911" onclick="addTocart('911'); addToCartToast();">Add to Cart</button>
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('911'); 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://khansbake.co.za/product/product&amp;path=&amp;product_id=2868"><img src="https://khansbake.co.za/image/cache/product/4CUP%20TRAY-228x228.png" alt="4 CUP CUPHOLDER BOX 180'S" title="4 CUP CUPHOLDER BOX 180'S" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://khansbake.co.za/product/product&amp;path=&amp;product_id=2868">4 CUP CUPHOLDER BOX 180'S</a></h6>
                                                <p class="price">
                                    <strong>R529.50</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-2868" class="qty_cat" max="3"/>
                <button type="button" class="btn btn-success" id="button-add-2868" onclick="addTocart('2868'); addToCartToast();">Add to Cart</button>
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('2868'); 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://khansbake.co.za/product/product&amp;path=&amp;product_id=3965"><img src="https://khansbake.co.za/image/cache/product/CUP%20HOLDER%20WHITE%204-228x228.png" alt="4CUP CUPHOLDER WHITE 10'S" title="4CUP CUPHOLDER WHITE 10'S" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://khansbake.co.za/product/product&amp;path=&amp;product_id=3965">4CUP CUPHOLDER WHITE 10'S</a></h6>
                                                <p class="price">
                                    <strong>R30.00</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-3965" class="qty_cat" max="21"/>
                <button type="button" class="btn btn-success" id="button-add-3965" onclick="addTocart('3965'); addToCartToast();">Add to Cart</button>
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('3965'); 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://khansbake.co.za/product/product&amp;path=&amp;product_id=12152"><img src="https://khansbake.co.za/image/cache/product/5%20PACK-228x228.png" alt="5 IN 1 CUTTLERY SET 10'S" title="5 IN 1 CUTTLERY SET 10'S" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://khansbake.co.za/product/product&amp;path=&amp;product_id=12152">5 IN 1 CUTTLERY SET 10'S</a></h6>
                                                <p class="price">
                                    <strong>R22.50</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-12152" class="qty_cat" max="11"/>
                <button type="button" class="btn btn-success" id="button-add-12152" onclick="addTocart('12152'); addToCartToast();">Add to Cart</button>
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('12152'); 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://khansbake.co.za/product/product&amp;path=&amp;product_id=12151"><img src="https://khansbake.co.za/image/cache/product/5%20PACK-228x228.png" alt="5 IN 1 CUTTLERY SET BOX 250'S" title="5 IN 1 CUTTLERY SET BOX 250'S" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://khansbake.co.za/product/product&amp;path=&amp;product_id=12151">5 IN 1 CUTTLERY SET BOX 250'S</a></h6>
                                                <p class="price">
                                    <strong>R465.00</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-12151" class="qty_cat" max="8"/>
                <button type="button" class="btn btn-success" id="button-add-12151" onclick="addTocart('12151'); addToCartToast();">Add to Cart</button>
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('12151'); 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://khansbake.co.za/product/product&amp;path=&amp;product_id=11245"><img src="https://khansbake.co.za/image/cache/product/801344050704-228x228.png" alt="ACETATE ROLLS SOFT EDGE 8CM*5M" title="ACETATE ROLLS SOFT EDGE 8CM*5M" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://khansbake.co.za/product/product&amp;path=&amp;product_id=11245">ACETATE ROLLS SOFT EDGE 8CM*5M</a></h6>
                                                <p class="price">
                                    <strong>R29.50</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" disabled value="1" size="2" id="input-quantity-11245" class="qty_cat" max="0"/>
                <button type="button" class="btn btn-default" disabled>Out of Stock</button>
	                                    <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('11245'); 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://khansbake.co.za/product/product&amp;path=&amp;product_id=4203"><img src="https://khansbake.co.za/image/cache/product/ACHAAR%20OIL%20PAPRIKA%2030ML-228x228.jpg" alt="ACHAAR OIL PAPRIKA 30ML" title="ACHAAR OIL PAPRIKA 30ML" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://khansbake.co.za/product/product&amp;path=&amp;product_id=4203">ACHAAR OIL PAPRIKA 30ML</a></h6>
                                                <p class="price">
                                    <strong>R28.50</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-4203" class="qty_cat" max="38"/>
                <button type="button" class="btn btn-success" id="button-add-4203" onclick="addTocart('4203'); addToCartToast();">Add to Cart</button>
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('4203'); 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://khansbake.co.za/product/product&amp;path=&amp;product_id=11231"><img src="https://khansbake.co.za/image/cache/product/3388-228x228.png" alt="ACHAAR PAPRIKA OIL 100ML" title="ACHAAR PAPRIKA OIL 100ML" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://khansbake.co.za/product/product&amp;path=&amp;product_id=11231">ACHAAR PAPRIKA OIL 100ML</a></h6>
                                                <p class="price">
                                    <strong>R49.50</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-11231" class="qty_cat" max="7"/>
                <button type="button" class="btn btn-success" id="button-add-11231" onclick="addTocart('11231'); addToCartToast();">Add to Cart</button>
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('11231'); 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://khansbake.co.za/product/product&amp;path=&amp;product_id=2505"><img src="https://khansbake.co.za/image/cache/product/6009648871335-228x228.jpg" alt="ADAMS 15X25 PLASTIC 200'S" title="ADAMS 15X25 PLASTIC 200'S" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://khansbake.co.za/product/product&amp;path=&amp;product_id=2505">ADAMS 15X25 PLASTIC 200'S</a></h6>
                                                <p class="price">
                                    <strong>R26.50</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-2505" class="qty_cat" max="66"/>
                <button type="button" class="btn btn-success" id="button-add-2505" onclick="addTocart('2505'); addToCartToast();">Add to Cart</button>
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('2505'); 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://khansbake.co.za/product/product&amp;path=&amp;product_id=5234"><img src="https://khansbake.co.za/image/cache/product/6009648871359-228x228.jpg" alt="ADAMS 15X28 PLASTIC 200'S" title="ADAMS 15X28 PLASTIC 200'S" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://khansbake.co.za/product/product&amp;path=&amp;product_id=5234">ADAMS 15X28 PLASTIC 200'S</a></h6>
                                                <p class="price">
                                    <strong>R29.50</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-5234" class="qty_cat" max="51"/>
                <button type="button" class="btn btn-success" id="button-add-5234" onclick="addTocart('5234'); addToCartToast();">Add to Cart</button>
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('5234'); 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://khansbake.co.za/product/product&amp;path=&amp;product_id=5235"><img src="https://khansbake.co.za/image/cache/product/6009648871373-228x228.jpg" alt="ADAMS 18X30 PLASTIC 200'S" title="ADAMS 18X30 PLASTIC 200'S" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://khansbake.co.za/product/product&amp;path=&amp;product_id=5235">ADAMS 18X30 PLASTIC 200'S</a></h6>
                                                <p class="price">
                                    <strong>R39.50</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-5235" class="qty_cat" max="8"/>
                <button type="button" class="btn btn-success" id="button-add-5235" onclick="addTocart('5235'); addToCartToast();">Add to Cart</button>
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('5235'); 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://khansbake.co.za/product/product&amp;path=&amp;product_id=2506"><img src="https://khansbake.co.za/image/cache/product/6009648871380-228x228.jpg" alt="ADAMS 19X39 P/UP PLASTIC 200'S" title="ADAMS 19X39 P/UP PLASTIC 200'S" class="img-responsive" /></a></div>
            <div class="text-center">
              <div class="caption" >
                <h6><a href="https://khansbake.co.za/product/product&amp;path=&amp;product_id=2506">ADAMS 19X39 P/UP PLASTIC 200'S</a></h6>
                                                <p class="price">
                                    <strong>R54.50</strong>
                                  </p>
                              </div>
              <div >
                            </div>
                      <div class="btn-group">
			  				<input type="number" name="quantity" value="1" size="2" id="input-quantity-2506" class="qty_cat" max="24"/>
                <button type="button" class="btn btn-success" id="button-add-2506" onclick="addTocart('2506'); addToCartToast();">Add to Cart</button>
			                            <button type="button" class="btn btn-default" data-toggle="tooltip" title="Add to Wish List" onclick="wishlist.add('2506'); 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://khansbake.co.za/product/category&amp;path=&amp;page=2&amp;newarrivals=N&amp;featured=N">2</a></li><li><a href="https://khansbake.co.za/product/category&amp;path=&amp;page=3&amp;newarrivals=N&amp;featured=N">3</a></li><li><a href="https://khansbake.co.za/product/category&amp;path=&amp;page=4&amp;newarrivals=N&amp;featured=N">4</a></li><li><a href="https://khansbake.co.za/product/category&amp;path=&amp;page=5&amp;newarrivals=N&amp;featured=N">5</a></li><li><a href="https://khansbake.co.za/product/category&amp;path=&amp;page=6&amp;newarrivals=N&amp;featured=N">6</a></li><li><a href="https://khansbake.co.za/product/category&amp;path=&amp;page=7&amp;newarrivals=N&amp;featured=N">7</a></li><li><a href="https://khansbake.co.za/product/category&amp;path=&amp;page=8&amp;newarrivals=N&amp;featured=N">8</a></li><li><a href="https://khansbake.co.za/product/category&amp;path=&amp;page=9&amp;newarrivals=N&amp;featured=N">9</a></li><li><a href="https://khansbake.co.za/product/category&amp;path=&amp;page=2&amp;newarrivals=N&amp;featured=N">&gt;</a></li><li><a href="https://khansbake.co.za/product/category&amp;path=&amp;page=384&amp;newarrivals=N&amp;featured=N">&gt;|</a></li></ul></div>
        <div class="col-sm-4 text-right">Showing 1 to 20 of 7664 (384 Pages)</div>
      </div>
                  </div>
    </div>
</div>
<script>
 var el = document.getElementById('li_0');
  if(el) {
    el.className += el.className ? ' active' : 'active';
  }

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

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

function openAlert() 
{
    swal({

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

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

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

</script>
<!-- New Footer -->
<footer id="footer">
      <a id="anchor" name="newsletter"></a>
    <section class="newsletter">
      <div class="newsletter__container" id="mc_embed_signup">
        <h3 class="newsletter__heading">Sign up to our newsletter and get updates about our latest arrivals and exclusive deals!</h3>
        <form action="https://khansbake.us13.list-manage.com/subscribe/post?u=7406a926aff59a00bb10c254d&amp;id=3c51126391" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
          <div id="mc_embed_signup_scroll">
            <div class="form mc-field-group">
              <i class="fas fa-envelope form__envelope"></i>
              <input class="form__email" type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="email address">
              <div class="clear"><input class="form__submit button" type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe"></div>
            </div>
            <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
            <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_7406a926aff59a00bb10c254d_3c51126391" tabindex="-1" value=""></div>

          </div>
        </form>
        <div class="newsletter__response__container" id="mce-responses" class="clear">
          <div class="newsletter__response__error response" id="mce-error-response" style="display:none"></div>
          <div class="newsletter__response__success response" id="mce-success-response" style="display:none"></div>
        </div>
      </div>
      <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>
      <script type='text/javascript'>
        (function($) {
          window.fnames = new Array();
          window.ftypes = new Array();
          fnames[0] = 'EMAIL';
          ftypes[0] = 'email';
        }(jQuery));
        var $mcj = jQuery.noConflict(true);
      </script>
    </section>
    <section class="footer">
    <div class="footer__container">
      <div class="footer__item footer__item1">
        <h2 class="footer__heading">Information</h2>
        <div class="footer__body">
          <a class="footer__body__text" href="https://khansbake.co.za/information/contact">Contact Us</a><br>
                      <a class="footer__body__text " href="https://khansbake.co.za/information/information&information_id=4">About Us</a><br>
                      <a class="footer__body__text " href="https://khansbake.co.za/information/information&information_id=6">Delivery Policy</a><br>
                      <a class="footer__body__text " href="https://khansbake.co.za/information/information&information_id=3">Returns and Refunds</a><br>
                      <a class="footer__body__text " href="https://khansbake.co.za/information/information&information_id=5">Terms and Conditions</a><br>
                  </div>
      </div>
      <div class="footer__item footer__item2">
        <h2 class="footer__heading">Shop</h2>
        <div class="footer__body">
          <a class="footer__body__text" href="https://khansbake.co.za/product/category&path=0">Products</a><br>
          <a class="footer__body__text" href="https://khansbake.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://khansbake.co.za/account/account">My Account</a><br>
          <a class="footer__body__text" href="https://khansbake.co.za/account/wishlist">My Wishlist</a><br>
          <a class="footer__body__text" href="https://khansbake.co.za/checkout/cart">View Cart</a><br>
          <a class="footer__body__text" href="https://khansbake.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:082 300 7669"><i class="fas fa-phone"></i> 082 300 7669</a><br>
                      <a class="footer__body__text" href="tel: 082 899 3453"><i class="fas fa-phone"></i>  082 899 3453</a><br>
                                <a class="footer__body__text" href="mailto:khansbake@gmail.com"><i class="fas fa-envelope"></i> khansbake@gmail.com</a><br>
                    <p class="footer__body__follow footer__body__text"><i class="fas fa-heart"></i> Follow Us:</p>
          <div class="footer__body__social">
                          <a class="facebook" href="https://www.facebook.com/khansbake" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50pt" height="50pt" viewBox="0 0 50 50" version="1.1">
                  <g id="surface1">
                    <path style=" stroke:none;fill-rule:nonzero;fill:rgb(25.882353%,40.392157%,69.803922%);fill-opacity:1;" d="M 47.238281 0 L 2.757812 0 C 1.234375 0 0 1.238281 0 2.761719 L 0 47.242188 C 0 48.765625 1.238281 50 2.761719 50 L 47.238281 50 C 48.765625 50 50 48.765625 50 47.242188 C 50 47.242188 50 47.242188 50 47.238281 L 50 2.757812 C 50 1.234375 48.761719 0 47.238281 0 Z M 47.238281 0 " />
                    <path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 34.523438 50 L 34.523438 30.664062 L 41.039062 30.664062 L 42.015625 23.09375 L 34.523438 23.09375 L 34.523438 18.277344 C 34.523438 16.089844 35.128906 14.601562 38.261719 14.601562 L 42.234375 14.601562 L 42.234375 7.847656 C 41.546875 7.757812 39.171875 7.550781 36.414062 7.550781 C 30.652344 7.550781 26.710938 11.066406 26.710938 17.527344 L 26.710938 23.097656 L 20.214844 23.097656 L 20.214844 30.664062 L 26.710938 30.664062 L 26.710938 50 Z M 34.523438 50 " />
                  </g>
                </svg></a>
                                      <a class="instagram" href="https://www.instagram.com/khansbake" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50pt" height="50pt" viewBox="0 0 50 50" version="1.1">
                  <defs>
                    <radialGradient id="radial0" gradientUnits="userSpaceOnUse" cx="217.76" cy="3290.99" fx="217.76" fy="3290.99" r="4271.92" gradientTransform="matrix(0.0148602,0,0,0.0148602,0,0)">
                      <stop offset="0.09" style="stop-color:rgb(98.039216%,56.078431%,12.941176%);stop-opacity:1;" />
                      <stop offset="0.78" style="stop-color:rgb(84.705882%,17.647059%,49.411765%);stop-opacity:1;" />
                    </radialGradient>
                    <radialGradient id="radial1" gradientUnits="userSpaceOnUse" cx="2330.61" cy="3182.95" fx="2330.61" fy="3182.95" r="3759.33" gradientTransform="matrix(0.0148602,0,0,0.0148602,0,0)">
                      <stop offset="0.64" style="stop-color:rgb(54.901961%,22.745098%,66.666667%);stop-opacity:0;" />
                      <stop offset="1" style="stop-color:rgb(54.901961%,22.745098%,66.666667%);stop-opacity:1;" />
                    </radialGradient>
                  </defs>
                  <g id="surface1">
                    <path style=" stroke:none;fill-rule:nonzero;fill:url(#radial0);" d="M 12.679688 49.824219 C 9.707031 49.6875 8.089844 49.191406 7.015625 48.773438 C 5.59375 48.21875 4.578125 47.558594 3.507812 46.492188 C 2.441406 45.425781 1.777344 44.410156 1.226562 42.988281 C 0.808594 41.914062 0.3125 40.296875 0.179688 37.324219 C 0.03125 34.109375 0 33.144531 0 25.003906 C 0 16.859375 0.03125 15.894531 0.175781 12.679688 C 0.3125 9.707031 0.808594 8.09375 1.226562 7.015625 C 1.78125 5.59375 2.441406 4.578125 3.507812 3.507812 C 4.574219 2.441406 5.589844 1.777344 7.015625 1.226562 C 8.089844 0.808594 9.703125 0.3125 12.675781 0.175781 C 15.894531 0.03125 16.859375 0 25 0 C 33.144531 0 34.105469 0.03125 37.324219 0.175781 C 40.296875 0.3125 41.910156 0.808594 42.984375 1.226562 C 44.410156 1.777344 45.425781 2.441406 46.492188 3.507812 C 47.5625 4.574219 48.21875 5.589844 48.773438 7.015625 C 49.191406 8.089844 49.6875 9.703125 49.824219 12.675781 C 49.96875 15.894531 50 16.855469 50 25 C 50 33.140625 49.96875 34.105469 49.824219 37.324219 C 49.6875 40.296875 49.191406 41.914062 48.773438 42.988281 C 48.21875 44.410156 47.558594 45.425781 46.492188 46.492188 C 45.425781 47.558594 44.410156 48.21875 42.984375 48.773438 C 41.910156 49.191406 40.296875 49.6875 37.324219 49.824219 C 34.109375 49.96875 33.144531 50 25 50 C 16.859375 50 15.894531 49.972656 12.679688 49.824219 " />
                    <path style=" stroke:none;fill-rule:nonzero;fill:url(#radial1);" d="M 12.679688 49.824219 C 9.707031 49.6875 8.089844 49.191406 7.015625 48.773438 C 5.59375 48.21875 4.578125 47.558594 3.507812 46.492188 C 2.441406 45.425781 1.777344 44.410156 1.226562 42.988281 C 0.808594 41.914062 0.3125 40.296875 0.179688 37.324219 C 0.03125 34.109375 0 33.144531 0 25.003906 C 0 16.859375 0.03125 15.894531 0.175781 12.679688 C 0.3125 9.707031 0.808594 8.09375 1.226562 7.015625 C 1.78125 5.59375 2.441406 4.578125 3.507812 3.507812 C 4.574219 2.441406 5.589844 1.777344 7.015625 1.226562 C 8.089844 0.808594 9.703125 0.3125 12.675781 0.175781 C 15.894531 0.03125 16.859375 0 25 0 C 33.144531 0 34.105469 0.03125 37.324219 0.175781 C 40.296875 0.3125 41.910156 0.808594 42.984375 1.226562 C 44.410156 1.777344 45.425781 2.441406 46.492188 3.507812 C 47.5625 4.574219 48.21875 5.589844 48.773438 7.015625 C 49.191406 8.089844 49.6875 9.703125 49.824219 12.675781 C 49.96875 15.894531 50 16.855469 50 25 C 50 33.140625 49.96875 34.105469 49.824219 37.324219 C 49.6875 40.296875 49.191406 41.914062 48.773438 42.988281 C 48.21875 44.410156 47.558594 45.425781 46.492188 46.492188 C 45.425781 47.558594 44.410156 48.21875 42.984375 48.773438 C 41.910156 49.191406 40.296875 49.6875 37.324219 49.824219 C 34.109375 49.96875 33.144531 50 25 50 C 16.859375 50 15.894531 49.972656 12.679688 49.824219 " />
                    <path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 18.859375 25.105469 C 18.859375 21.6875 21.632812 18.914062 25.050781 18.914062 C 28.472656 18.914062 31.246094 21.6875 31.246094 25.105469 C 31.246094 28.527344 28.472656 31.296875 25.050781 31.296875 C 21.632812 31.296875 18.859375 28.527344 18.859375 25.105469 M 15.515625 25.105469 C 15.515625 30.375 19.785156 34.644531 25.050781 34.644531 C 30.320312 34.644531 34.589844 30.375 34.589844 25.105469 C 34.589844 19.839844 30.320312 15.570312 25.050781 15.570312 C 19.785156 15.570312 15.515625 19.839844 15.515625 25.105469 M 32.738281 15.191406 C 32.738281 16.421875 33.734375 17.417969 34.96875 17.421875 C 36.199219 17.421875 37.195312 16.421875 37.195312 15.191406 C 37.199219 13.960938 36.199219 12.960938 34.96875 12.960938 C 33.738281 12.960938 32.738281 13.960938 32.738281 15.191406 M 17.546875 40.226562 C 15.738281 40.144531 14.753906 39.84375 14.097656 39.585938 C 13.230469 39.25 12.613281 38.847656 11.960938 38.199219 C 11.3125 37.546875 10.910156 36.929688 10.570312 36.0625 C 10.316406 35.410156 10.015625 34.425781 9.933594 32.613281 C 9.84375 30.65625 9.824219 30.066406 9.824219 25.105469 C 9.824219 20.144531 9.84375 19.558594 9.933594 17.601562 C 10.015625 15.789062 10.320312 14.804688 10.570312 14.152344 C 10.910156 13.285156 11.3125 12.664062 11.960938 12.015625 C 12.609375 11.363281 13.230469 10.960938 14.097656 10.625 C 14.753906 10.371094 15.738281 10.066406 17.546875 9.984375 C 19.503906 9.894531 20.09375 9.878906 25.050781 9.878906 C 30.011719 9.878906 30.597656 9.898438 32.558594 9.984375 C 34.371094 10.070312 35.351562 10.371094 36.007812 10.625 C 36.875 10.960938 37.492188 11.363281 38.144531 12.015625 C 38.796875 12.664062 39.195312 13.285156 39.535156 14.152344 C 39.789062 14.804688 40.089844 15.789062 40.171875 17.601562 C 40.261719 19.558594 40.28125 20.148438 40.28125 25.105469 C 40.28125 30.066406 40.261719 30.652344 40.171875 32.613281 C 40.089844 34.425781 39.789062 35.410156 39.535156 36.0625 C 39.195312 36.929688 38.792969 37.550781 38.144531 38.199219 C 37.496094 38.847656 36.875 39.25 36.007812 39.585938 C 35.355469 39.84375 34.371094 40.144531 32.558594 40.226562 C 30.601562 40.316406 30.011719 40.335938 25.050781 40.335938 C 20.089844 40.335938 19.503906 40.316406 17.546875 40.226562 M 17.394531 6.644531 C 15.417969 6.734375 14.066406 7.046875 12.886719 7.507812 C 11.664062 7.980469 10.628906 8.617188 9.59375 9.648438 C 8.5625 10.679688 7.925781 11.714844 7.453125 12.941406 C 6.992188 14.121094 6.679688 15.472656 6.589844 17.449219 C 6.496094 19.429688 6.476562 20.0625 6.476562 25.105469 C 6.476562 30.152344 6.496094 30.785156 6.589844 32.765625 C 6.679688 34.742188 6.992188 36.09375 7.453125 37.273438 C 7.925781 38.496094 8.5625 39.53125 9.59375 40.5625 C 10.628906 41.59375 11.664062 42.230469 12.886719 42.707031 C 14.066406 43.164062 15.417969 43.480469 17.394531 43.570312 C 19.375 43.660156 20.007812 43.683594 25.050781 43.683594 C 30.097656 43.683594 30.730469 43.660156 32.710938 43.570312 C 34.6875 43.480469 36.039062 43.164062 37.21875 42.707031 C 38.441406 42.230469 39.476562 41.597656 40.507812 40.5625 C 41.542969 39.53125 42.175781 38.496094 42.652344 37.273438 C 43.109375 36.09375 43.425781 34.742188 43.515625 32.765625 C 43.605469 30.78125 43.625 30.152344 43.625 25.105469 C 43.625 20.0625 43.605469 19.429688 43.515625 17.449219 C 43.425781 15.472656 43.109375 14.121094 42.652344 12.941406 C 42.175781 11.71875 41.542969 10.683594 40.507812 9.648438 C 39.476562 8.617188 38.441406 7.980469 37.21875 7.507812 C 36.039062 7.046875 34.6875 6.730469 32.710938 6.644531 C 30.730469 6.554688 30.097656 6.53125 25.054688 6.53125 C 20.011719 6.53125 19.375 6.550781 17.394531 6.644531 " />
                  </g>
                </svg></a>
                      </div>
        </div>
      </div>
    </div>
    <section class="footer__payment">
              <div class="footer__payment__logos footer__payment__paygate">
          <div class="payment-item footer__payment__item1"><img src="https://khansbake.co.za/assets/images/paymentlogospaygate/paygate5.png" width="" alt="Payagte"></div>
          <div class="payment-item footer__payment__item2"><img src="https://khansbake.co.za/assets/images/paymentlogospaygate/mastercard3.png" width="" alt="Matercard"></div>
          <div class="payment-item footer__payment__item3"><img src="https://khansbake.co.za/assets/images/paymentlogospaygate/Visa3.png" width="" alt="Visa"></div>
          <div class="payment-item footer__payment__item4"><img src="https://khansbake.co.za/assets/images/paymentlogospaygate/mastercardsecure3.png" width="" alt="Mastercard Secure"></div>
          <div class="payment-item footer__payment__item5"><img src="https://khansbake.co.za/assets/images/paymentlogospaygate/instanteft3.png" width="" alt="Instant EFT"></div>
          <div class="payment-item footer__payment__item6"><img src="https://khansbake.co.za/assets/images/paymentlogospaygate/visaverified3.png" width="" alt="Verified by Visa"></div>
        </div>
                </section>
    <section class="bottom__bar">
      <div class="bottom__bar__copyright">
        <p>Khans Bake & Pack &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";
      }
    });
  }
</script>
  <script>
    whatsapp_icon();
  </script>
</body>

</html>