<!-- Start Page Title Area -->
<section class="page-title-area" style="background-image:url('<?php echo base_url(); ?>assets/img/category.jpg')">
<div class="container">
<div class="page-title-content">
<h1>Categories</h1>
<ul>
<li><a href="#">Home</a></li>
<li>Products Without Sidebar</li>
</ul>
</div>
</div>
</section>
<!-- End Page Title Area -->
<!-- Start Products Area -->
<section class="products-area ptb-70">
<div class="container">
<div class="section-title">
<h2>Categories</h2>
</div>
<!-- <?php $categories = get_active_categories();
if ($categories) :
foreach ($categories as $category) : ?>
<div class="row">
<div class=" col-xl-3 col-lg-3 col-md-6 col-sm-12 col-xs-12">
<h4><a href="<?php echo base_url(); ?>category/<?php echo $category['id']; ?>/<?php echo $category['category_slug']; ?>"><?php echo $category['category_name']; ?></a></h4>
<div class="single-categories-box " style="height:250px; width:250px;">
<img src="<?php echo base_url(); ?>assets/images/categories/<?php echo $category['category_image']; ?>" alt="image">
</div>
</div>
<div class=" col-xl-9 col-lg-9 col-md-6 col-sm-12 col-xs-12" style="margin-top:50px;">
<div class="row">
<?php
$products = get_all_category_products_novariants($category['id']);
if ($products) :
$sublist = array_chunk($products, 5, TRUE);
$subcount = count($sublist);
for ($i = 0; $i < $subcount; $i++) {
foreach ($sublist[$i] as $product) : ?>
<div class=" col-xl-6 col-lg-6 col-md-12 col-sm-12 col-xs-12">
<div class="#">
<ul class="list-group list-group-flush mb-2" style="background-color:#e1e1e1">
<li class="list-group-item"><a href="<?php echo base_url(); ?>product/<?php echo $product['id']; ?>/<?php echo $product['product_slug']; ?>" class="d-block"><?php echo $product['product_name']; ?></a></li>
</ul>
</div>
</div>
<?php endforeach; ?>
<?php }
endif; ?>
</div>
</div>
</div>
<hr>
<?php endforeach;
endif; ?> -->
<div class="row">
<?php $categories = get_active_categories();
if ($categories) :
foreach ($categories as $category) : ?>
<div class=" col-xl-3 col-lg-3 col-md-4 col-sm-6 col-xs-6">
<div class=" card categories-card ">
<div class=" card-img-top categories-img-card ">
<a href="<?php echo base_url(); ?>category/<?php echo $category['id']; ?>/<?php echo $category['category_slug']; ?>">
<img src="<?php echo base_url(); ?>assets/images/categories/<?php echo $category['category_image']; ?>" alt="image">
</a>
</div>
<div class="card-body categories-name-card">
<p><a href="<?php echo base_url(); ?>category/<?php echo $category['id']; ?>/<?php echo $category['category_slug']; ?>"> <?php echo $category['category_name']; ?></a></p>
</div>
</div>
</div>
<?php endforeach;
endif; ?>
<!--<div class=" col-xl-3 col-lg-3 col-md-4 col-sm-6 col-xs-6">
<div class=" card categories-card ">
<div class="card-img-top categories-img-card ">
<img src="<?php echo base_url(); ?>assets/img/categories/cat-1.jpg" alt="image">
</div>
<div class="card-body categories-name-card">
<a> Sterlizer/ Boiler</a>
</div>
</div>
</div>
<div class=" col-xl-3 col-lg-3 col-md-4 col-sm-6 col-xs-6">
<div class=" card categories-card ">
<div class="card-img-top categories-img-card ">
<img src="<?php echo base_url(); ?>assets/img/categories/cat-1.jpg" alt="image">
</div>
<div class="card-body categories-name-card">
<a> Hollowares</a>
</div>
</div>
</div>
<div class=" col-xl-3 col-lg-3 col-md-4 col-sm-6 col-xs-6">
<div class=" card categories-card ">
<div class="card-img-top categories-img-card ">
<img src="<?php echo base_url(); ?>assets/img/categories/cat-1.jpg" alt="image">
</div>
<div class="card-body categories-name-card">
<a> Hollowares</a>
</div>
</div>
</div>
<div class=" col-xl-3 col-lg-3 col-md-4 col-sm-6 col-xs-6">
<div class=" card categories-card ">
<div class="card-img-top categories-img-card ">
<img src="<?php echo base_url(); ?>assets/img/categories/cat-1.jpg" alt="image">
</div>
<div class="card-body categories-name-card">
<a> Hollowares</a>
</div>
</div>
</div>
<div class=" col-xl-3 col-lg-3 col-md-4 col-sm-6 col-xs-6">
<div class=" card categories-card ">
<div class="card-img-top categories-img-card ">
<img src="<?php echo base_url(); ?>assets/img/categories/cat-1.jpg" alt="image">
</div>
<div class="card-body categories-name-card">
<a> Hollowares</a>
</div>
</div>
</div>
<div class=" col-xl-3 col-lg-3 col-md-4 col-sm-6 col-xs-6">
<div class=" card categories-card">
<div class="card-img-top categories-img-card ">
<img src="<?php echo base_url(); ?>assets/img/categories/cat-1.jpg" alt="image">
</div>
<div class="card-body categories-name-card">
<a> Hollowares</a>
</div>
</div>
</div>
<div class=" col-xl-3 col-lg-3 col-md-4 col-sm-6 col-xs-6">
<div class=" card categories-card ">
<div class="card-img-top categories-img-card ">
<img src="<?php echo base_url(); ?>assets/img/categories/cat-1.jpg" alt="image">
</div>
<div class="card-body categories-name-card">
<a> Hollowares</a>
</div>
</div>
</div>
<div class=" col-xl-3 col-lg-3 col-md-4 col-sm-6 col-xs-6">
<div class=" card categories-card ">
<div class="card-img-top categories-img-card ">
<img src="<?php echo base_url(); ?>assets/img/categories/cat-1.jpg" alt="image">
</div>
<div class="card-body categories-name-card">
<a> Hollowares</a>
</div>
</div>
</div> -->
</div>
</div>
</section>
<!-- End Products Area -->