Merge pull request 'Category Slider File' (#29) from jun-branch into main

Reviewed-on: #29
This commit is contained in:
MarkHipe 2024-02-27 09:42:37 +08:00
commit 8d98f924ee
2 changed files with 415 additions and 342 deletions

414
category-slider.php Normal file
View File

@ -0,0 +1,414 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<title>oBanana B2B - Elevate Your Business</title>
<meta name="keywords" content="apparel, catalog, clean, ecommerce, ecommerce HTML, electronics, fashion, html eCommerce, html store, minimal, multipurpose, multipurpose ecommerce, online store, responsive ecommerce template, shops" />
<meta name="description" content="Best ecommerce html template for single and multi vendor store.">
<meta name="author" content="ashishmaraviya">
<!-- site Favicon -->
<link rel="icon" href="assets/images/favicon/favicon.png" sizes="32x32" />
<link rel="apple-touch-icon" href="assets/images/favicon/favicon.png" />
<meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
<!-- css Icon Font -->
<link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
<!-- css All Plugins Files -->
<link rel="stylesheet" href="assets/css/plugins/animate.css" />
<link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css" />
<link rel="stylesheet" href="assets/css/plugins/jquery-ui.min.css" />
<link rel="stylesheet" href="assets/css/plugins/countdownTimer.css" />
<link rel="stylesheet" href="assets/css/plugins/slick.min.css" />
<link rel="stylesheet" href="assets/css/plugins/bootstrap.css" />
<!-- Main Style -->
<link rel="stylesheet" href="assets/css/demo1.css" />
<link rel="stylesheet" href="assets/css/style.css" />
<link rel="stylesheet" href="assets/css/responsive.css" />
<!-- Background css -->
<link rel="stylesheet" id="bg-switcher-css" href="assets/css/backgrounds/bg-4.css">
</head>
<body class="shop_page">
<div class="ec-side-cat-overlay"></div>
<div class="col-lg-3 category-sidebar" data-animation="fadeIn">
<div class="cat-sidebar">
<div class="cat-sidebar-box">
<div class="ec-sidebar-wrap">
<!-- Sidebar Category Block -->
<div class="ec-sidebar-block">
<div class="ec-sb-title">
<h3 class="ec-sidebar-title">Category<button class="ec-close">×</button></h3>
</div>
<div class="ec-sb-block-content">
<ul>
<li>
<div class="ec-sidebar-block-item"><img src="assets/images/icons/dress-8.png" class="svg_img" alt="drink" />Cothes</div>
<ul style="display: block;">
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Shirt <span title="Available Stock">- 25</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">shorts & jeans <span title="Available Stock">- 52</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">jacket<span title="Available Stock">- 500</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">dress & frock <span title="Available Stock">- 35</span></a>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="ec-sb-block-content">
<ul>
<li>
<div class="ec-sidebar-block-item"><img src="assets/images/icons/shoes-8.png" class="svg_img" alt="drink" />Footwear</div>
<ul>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Sports <span title="Available Stock">- 25</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Formal <span title="Available Stock">- 52</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Casual <span title="Available Stock">- 40</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">safety shoes <span title="Available Stock">- 35</span></a>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="ec-sb-block-content">
<ul>
<li>
<div class="ec-sidebar-block-item"><img src="assets/images/icons/jewelry-8.png" class="svg_img" alt="drink" />jewelry</div>
<ul>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Earrings <span title="Available Stock">- 50</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Couple Rings <span title="Available Stock">- 35</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Necklace <span title="Available Stock">- 40</span></a>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="ec-sb-block-content">
<ul>
<li>
<div class="ec-sidebar-block-item"><img src="assets/images/icons/perfume-8.png" class="svg_img" alt="drink" />perfume</div>
<ul>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Clothes perfume<span title="Available Stock">- 4 pcs</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">deodorant <span title="Available Stock">- 52 pcs</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Flower fragrance <span title="Available Stock">- 10 pack</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Air
Freshener<span title="Available Stock">- 35 pack</span></a>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="ec-sb-block-content">
<ul>
<li>
<div class="ec-sidebar-block-item"><img src="assets/images/icons/cosmetics-8.png" class="svg_img" alt="drink" />cosmetics</div>
<ul>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">shampoo<span title="Available Stock"></span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Sunscreen<span title="Available Stock"></span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">body
wash<span title="Available Stock"></span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">makeup kit<span title="Available Stock"></span></a>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="ec-sb-block-content">
<ul>
<li>
<div class="ec-sidebar-block-item"><img src="assets/images/icons/glasses-8.png" class="svg_img" alt="drink" />glasses</div>
<ul>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Sunglasses <span title="Available Stock">- 20</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Lenses <span title="Available Stock">- 52</span></a>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="ec-sb-block-content">
<ul>
<li>
<div class="ec-sidebar-block-item"><img src="assets/images/icons/bag-8.png" class="svg_img" alt="drink" />bags</div>
<ul>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">shopping bag <span title="Available Stock">- 25</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Gym
backpack <span title="Available Stock">- 52</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">purse <span title="Available Stock">- 40</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">wallet <span title="Available Stock">- 35</span></a>
</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
<!-- Sidebar Category Block -->
</div>
</div>
<div class="ec-sidebar-slider-cat">
<div class="ec-sb-slider-title">Best Sellers</div>
<div class="ec-sb-pro-sl">
<div>
<div class="ec-sb-pro-sl-item">
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/1.jpg" alt="product" /></a>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">baby fabric shoes</a></h5>
<div class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
</div>
<span class="ec-price">
<span class="old-price">$5.00</span>
<span class="new-price">$4.00</span>
</span>
</div>
</div>
</div>
<div>
<div class="ec-sb-pro-sl-item">
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/2.jpg" alt="product" /></a>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Men's hoodies t-shirt</a>
</h5>
<div class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star"></i>
</div>
<span class="ec-price">
<span class="old-price">$10.00</span>
<span class="new-price">$7.00</span>
</span>
</div>
</div>
</div>
<div>
<div class="ec-sb-pro-sl-item">
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/3.jpg" alt="product" /></a>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Girls t-shirt</a></h5>
<div class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star"></i>
<i class="ecicon eci-star"></i>
</div>
<span class="ec-price">
<span class="old-price">$5.00</span>
<span class="new-price">$3.00</span>
</span>
</div>
</div>
</div>
<div>
<div class="ec-sb-pro-sl-item">
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/4.jpg" alt="product" /></a>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">woolen hat for men</a></h5>
<div class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
</div>
<span class="ec-price">
<span class="old-price">$15.00</span>
<span class="new-price">$12.00</span>
</span>
</div>
</div>
</div>
<div>
<div class="ec-sb-pro-sl-item">
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/5.jpg" alt="product" /></a>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Womens purse</a></h5>
<div class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star"></i>
</div>
<span class="ec-price">
<span class="old-price">$15.00</span>
<span class="new-price">$12.00</span>
</span>
</div>
</div>
</div>
<div>
<div class="ec-sb-pro-sl-item">
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/6.jpg" alt="product" /></a>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Baby toy doctor kit</a>
</h5>
<div class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star"></i>
<i class="ecicon eci-star"></i>
<i class="ecicon eci-star"></i>
</div>
<span class="ec-price">
<span class="old-price">$50.00</span>
<span class="new-price">$45.00</span>
</span>
</div>
</div>
</div>
<div>
<div class="ec-sb-pro-sl-item">
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/7.jpg" alt="product" /></a>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">teddy bear baby toy</a>
</h5>
<div class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
</div>
<span class="ec-price">
<span class="old-price">$35.00</span>
<span class="new-price">$25.00</span>
</span>
</div>
</div>
</div>
<div>
<div class="ec-sb-pro-sl-item">
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/2.jpg" alt="product" /></a>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Mens hoodies blue</a></h5>
<div class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star"></i>
<i class="ecicon eci-star"></i>
</div>
<span class="ec-price">
<span class="old-price">$15.00</span>
<span class="new-price">$13.00</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="assets/js/vendor/jquery-3.5.1.min.js"></script>
<script src="assets/js/vendor/popper.min.js"></script>
<script src="assets/js/vendor/bootstrap.min.js"></script>
<script src="assets/js/vendor/jquery-migrate-3.3.0.min.js"></script>
<script src="assets/js/vendor/modernizr-3.11.2.min.js"></script>
<!--Plugins JS-->
<script src="assets/js/plugins/swiper-bundle.min.js"></script>
<script src="assets/js/plugins/countdownTimer.min.js"></script>
<script src="assets/js/plugins/scrollup.js"></script>
<script src="assets/js/plugins/jquery.zoom.min.js"></script>
<script src="assets/js/plugins/slick.min.js"></script>
<script src="assets/js/plugins/infiniteslidev2.js"></script>
<script src="assets/js/vendor/jquery.magnific-popup.min.js"></script>
<script src="assets/js/plugins/jquery.sticky-sidebar.js"></script>
<!-- Main Js -->
<script src="assets/js/vendor/index.js"></script>
<script src="assets/js/main.js"></script>
<!-- <script src="assets/js/texts2.js"></script> -->
<!-- raymart added js feb 14, 2024-->
<?php
if ($_SESSION["is_test"]==true) {
echo '<script src="assets/js/tester5.js"></script>';
} else {
echo '<script src="assets/js/produc3.js"></script>';
}
?>
</body>
</html>

343
index.php
View File

@ -110,348 +110,7 @@ if ($_SESSION["userId"] <> "") {
<!-- ekka Cart End -->
<!-- Category Sidebar start -->
<div class="ec-side-cat-overlay"></div>
<div class="col-lg-3 category-sidebar" data-animation="fadeIn">
<div class="cat-sidebar">
<div class="cat-sidebar-box">
<div class="ec-sidebar-wrap">
<!-- Sidebar Category Block -->
<div class="ec-sidebar-block">
<div class="ec-sb-title">
<h3 class="ec-sidebar-title">Category<button class="ec-close">×</button></h3>
</div>
<div class="ec-sb-block-content">
<ul>
<li>
<div class="ec-sidebar-block-item"><img src="assets/images/icons/dress-8.png" class="svg_img" alt="drink" />Cothes</div>
<ul style="display: block;">
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Shirt <span title="Available Stock">- 25</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">shorts & jeans <span title="Available Stock">- 52</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">jacket<span title="Available Stock">- 500</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">dress & frock <span title="Available Stock">- 35</span></a>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="ec-sb-block-content">
<ul>
<li>
<div class="ec-sidebar-block-item"><img src="assets/images/icons/shoes-8.png" class="svg_img" alt="drink" />Footwear</div>
<ul>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Sports <span title="Available Stock">- 25</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Formal <span title="Available Stock">- 52</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Casual <span title="Available Stock">- 40</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">safety shoes <span title="Available Stock">- 35</span></a>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="ec-sb-block-content">
<ul>
<li>
<div class="ec-sidebar-block-item"><img src="assets/images/icons/jewelry-8.png" class="svg_img" alt="drink" />jewelry</div>
<ul>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Earrings <span title="Available Stock">- 50</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Couple Rings <span title="Available Stock">- 35</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Necklace <span title="Available Stock">- 40</span></a>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="ec-sb-block-content">
<ul>
<li>
<div class="ec-sidebar-block-item"><img src="assets/images/icons/perfume-8.png" class="svg_img" alt="drink" />perfume</div>
<ul>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Clothes perfume<span title="Available Stock">- 4 pcs</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">deodorant <span title="Available Stock">- 52 pcs</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Flower fragrance <span title="Available Stock">- 10 pack</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Air
Freshener<span title="Available Stock">- 35 pack</span></a>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="ec-sb-block-content">
<ul>
<li>
<div class="ec-sidebar-block-item"><img src="assets/images/icons/cosmetics-8.png" class="svg_img" alt="drink" />cosmetics</div>
<ul>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">shampoo<span title="Available Stock"></span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Sunscreen<span title="Available Stock"></span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">body
wash<span title="Available Stock"></span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">makeup kit<span title="Available Stock"></span></a>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="ec-sb-block-content">
<ul>
<li>
<div class="ec-sidebar-block-item"><img src="assets/images/icons/glasses-8.png" class="svg_img" alt="drink" />glasses</div>
<ul>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Sunglasses <span title="Available Stock">- 20</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Lenses <span title="Available Stock">- 52</span></a>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="ec-sb-block-content">
<ul>
<li>
<div class="ec-sidebar-block-item"><img src="assets/images/icons/bag-8.png" class="svg_img" alt="drink" />bags</div>
<ul>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">shopping bag <span title="Available Stock">- 25</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">Gym
backpack <span title="Available Stock">- 52</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">purse <span title="Available Stock">- 40</span></a>
</div>
</li>
<li>
<div class="ec-sidebar-sub-item"><a href="shop-left-sidebar-col-4.php">wallet <span title="Available Stock">- 35</span></a>
</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
<!-- Sidebar Category Block -->
</div>
</div>
<div class="ec-sidebar-slider-cat">
<div class="ec-sb-slider-title">Best Sellers</div>
<div class="ec-sb-pro-sl">
<div>
<div class="ec-sb-pro-sl-item">
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/1.jpg" alt="product" /></a>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">baby fabric shoes</a></h5>
<div class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
</div>
<span class="ec-price">
<span class="old-price">$5.00</span>
<span class="new-price">$4.00</span>
</span>
</div>
</div>
</div>
<div>
<div class="ec-sb-pro-sl-item">
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/2.jpg" alt="product" /></a>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Men's hoodies t-shirt</a>
</h5>
<div class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star"></i>
</div>
<span class="ec-price">
<span class="old-price">$10.00</span>
<span class="new-price">$7.00</span>
</span>
</div>
</div>
</div>
<div>
<div class="ec-sb-pro-sl-item">
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/3.jpg" alt="product" /></a>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Girls t-shirt</a></h5>
<div class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star"></i>
<i class="ecicon eci-star"></i>
</div>
<span class="ec-price">
<span class="old-price">$5.00</span>
<span class="new-price">$3.00</span>
</span>
</div>
</div>
</div>
<div>
<div class="ec-sb-pro-sl-item">
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/4.jpg" alt="product" /></a>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">woolen hat for men</a></h5>
<div class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
</div>
<span class="ec-price">
<span class="old-price">$15.00</span>
<span class="new-price">$12.00</span>
</span>
</div>
</div>
</div>
<div>
<div class="ec-sb-pro-sl-item">
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/5.jpg" alt="product" /></a>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Womens purse</a></h5>
<div class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star"></i>
</div>
<span class="ec-price">
<span class="old-price">$15.00</span>
<span class="new-price">$12.00</span>
</span>
</div>
</div>
</div>
<div>
<div class="ec-sb-pro-sl-item">
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/6.jpg" alt="product" /></a>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Baby toy doctor kit</a>
</h5>
<div class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star"></i>
<i class="ecicon eci-star"></i>
<i class="ecicon eci-star"></i>
</div>
<span class="ec-price">
<span class="old-price">$50.00</span>
<span class="new-price">$45.00</span>
</span>
</div>
</div>
</div>
<div>
<div class="ec-sb-pro-sl-item">
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/7.jpg" alt="product" /></a>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">teddy bear baby toy</a>
</h5>
<div class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
</div>
<span class="ec-price">
<span class="old-price">$35.00</span>
<span class="new-price">$25.00</span>
</span>
</div>
</div>
</div>
<div>
<div class="ec-sb-pro-sl-item">
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img src="assets/images/product-image/2.jpg" alt="product" /></a>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="shop-left-sidebar-col-4.php">Mens hoodies blue</a></h5>
<div class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star"></i>
<i class="ecicon eci-star"></i>
</div>
<span class="ec-price">
<span class="old-price">$15.00</span>
<span class="new-price">$13.00</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php include "category-slider.php" ?>
<!-- Main Slider Start -->
<div class="sticky-header-next-sec ec-main-slider section section-space-pb">