diff --git a/src/Modules/SimplCommerce.Module.Catalog/Areas/Catalog/ViewModels/FilterCategory.cs b/src/Modules/SimplCommerce.Module.Catalog/Areas/Catalog/ViewModels/FilterCategory.cs
index 003680db97..0093c435a0 100644
--- a/src/Modules/SimplCommerce.Module.Catalog/Areas/Catalog/ViewModels/FilterCategory.cs
+++ b/src/Modules/SimplCommerce.Module.Catalog/Areas/Catalog/ViewModels/FilterCategory.cs
@@ -9,5 +9,7 @@ public class FilterCategory
         public string Slug { get; set; }
 
         public int Count { get; set; }
+
+        public long? ParentId { get; set; }
     }
 }
diff --git a/src/Modules/SimplCommerce.Module.Search/Areas/Search/Controllers/SearchController.cs b/src/Modules/SimplCommerce.Module.Search/Areas/Search/Controllers/SearchController.cs
index 021672ffe3..1c109ed8c3 100644
--- a/src/Modules/SimplCommerce.Module.Search/Areas/Search/Controllers/SearchController.cs
+++ b/src/Modules/SimplCommerce.Module.Search/Areas/Search/Controllers/SearchController.cs
@@ -1,15 +1,16 @@
 using System;
+using System.Collections.Generic;
 using System.Linq;
 using Microsoft.AspNetCore.Mvc;
+using Microsoft.EntityFrameworkCore;
+using Microsoft.Extensions.Configuration;
 using SimplCommerce.Infrastructure.Data;
 using SimplCommerce.Module.Catalog.Models;
+using SimplCommerce.Module.Catalog.Services;
 using SimplCommerce.Module.Catalog.ViewModels;
-using SimplCommerce.Module.Search.ViewModels;
-using Microsoft.EntityFrameworkCore;
 using SimplCommerce.Module.Core.Services;
 using SimplCommerce.Module.Search.Models;
-using Microsoft.Extensions.Configuration;
-using SimplCommerce.Module.Catalog.Services;
+using SimplCommerce.Module.Search.ViewModels;
 
 namespace SimplCommerce.Module.Search.Controllers
 {
@@ -50,7 +51,7 @@ public IActionResult Index(SearchOption searchOption)
             }
 
             var brand = _brandRepository.Query().FirstOrDefault(x => x.Name == searchOption.Query && x.IsPublished);
-            if(brand != null)
+            if (brand != null)
             {
                 return Redirect(string.Format("~/{0}", brand.Slug));
             }
@@ -155,10 +156,12 @@ private static void AppendFilterOptionsToModel(SearchResult model, IQueryable<Pr
             model.FilterOption.Price.MinPrice = query.Min(x => x.Price);
 
             model.FilterOption.Categories = query
-                .SelectMany(x => x.Categories).Where(x => x.Category.Parent == null)
-                .GroupBy(x => new {
+                .SelectMany(x => x.Categories)
+                .GroupBy(x => new
+                {
                     x.Category.Id,
                     x.Category.Name,
+                    x.Category.ParentId,
                     x.Category.Slug
                 })
                 .Select(g => new FilterCategory
@@ -166,6 +169,7 @@ private static void AppendFilterOptionsToModel(SearchResult model, IQueryable<Pr
                     Id = (int)g.Key.Id,
                     Name = g.Key.Name,
                     Slug = g.Key.Slug,
+                    ParentId = g.Key.ParentId,
                     Count = g.Count()
                 }).ToList();
 
diff --git a/src/Modules/SimplCommerce.Module.Search/Areas/Search/Views/Search/Index.cshtml b/src/Modules/SimplCommerce.Module.Search/Areas/Search/Views/Search/Index.cshtml
index 8c1987ddf3..f2b256c719 100644
--- a/src/Modules/SimplCommerce.Module.Search/Areas/Search/Views/Search/Index.cshtml
+++ b/src/Modules/SimplCommerce.Module.Search/Areas/Search/Views/Search/Index.cshtml
@@ -1,5 +1,4 @@
-@using System.Threading.Tasks
-@using SimplCommerce.Module.Search.ViewModels
+@using SimplCommerce.Module.Search.ViewModels
 
 @model SearchResult
 @{
@@ -27,16 +26,35 @@
                     <div id="collapse-category" class="collapse show" aria-labelledby="cardHeaderCategory" data-parent="#accordion-category">
                         <div class="card-body">
                             <ul class="list-unstyled checkbox-list">
-                                @foreach (var category in Model.FilterOption.Categories)
+                                @foreach (var category in Model.FilterOption.Categories.Where(x => x.ParentId == null))
                                 {
-                                <li>
-                                    <label class="checkbox">
-                                        <input type="checkbox" value="@category.Slug" name="category" checked="@Model.CurrentSearchOption.GetCategories().Contains(category.Slug)">
-                                        @category.Name
-                                        <small>(@category.Count)</small>
-                                    </label>
-                                </li>
-                                 }
+                                    <li>
+                                        <label class="checkbox">
+                                            <input type="checkbox" value="@category.Slug" name="category" checked="@Model.CurrentSearchOption.GetCategories().Contains(category.Slug)">
+                                            @category.Name
+                                            <small>(@category.Count)</small>
+                                        </label>
+                                        @{
+                                            var children = Model.FilterOption.Categories.Where(x => x.ParentId == category.Id);
+                                        }
+
+                                        @if (children.Any())
+                                        {
+                                            <ul class="list-unstyled checkbox-list">
+                                                @foreach (var child in children)
+                                                {
+                                                    <li>
+                                                        <label class="checkbox">
+                                                            <input type="checkbox" value="@child.Slug" name="category" checked="@Model.CurrentSearchOption.GetCategories().Contains(child.Slug)">
+                                                            @child.Name
+                                                            <small>(@child.Count)</small>
+                                                        </label>
+                                                    </li>
+                                                }
+                                            </ul>
+                                        }
+                                    </li>
+                                }
                             </ul>
                         </div>
                     </div>
@@ -70,30 +88,31 @@
                     </div>
                 </div>
             </div>
-            @if (Model.FilterOption.Price.MaxPrice != Model.FilterOption.Price.MinPrice) {
-            <div id="accordion-price" class="mt-4">
-                <div class="card">
-                    <div class="card-header" id="cardHeaderPrice">
-                        <h5 class="mb-0">
-                            <a data-toggle="collapse" href="#collapse-price" aria-expanded="true" aria-controls="collapse-price">
-                                @Localizer["Price"]
-                                <i class="fa fa-angle-down"></i>
-                            </a>
-                        </h5>
-                    </div>
-                    <div id="collapse-price" class="collapse show" aria-labelledby="cardHeaderPrice" data-parent="#accordion-price">
-                        <div class="card-body">
-                            <div id="priceSlider"></div>
-                            <div>
-                                <input type="hidden" id="originMinPrice" value="@Model.FilterOption.Price.MinPrice.ToString("F0")" />
-                                <input type="hidden" id="originMaxPrice" value="@Model.FilterOption.Price.MaxPrice.ToString("F0")" />
-                                <span id="minPrice"></span>
-                                <span id="maxPrice"></span>
+            @if (Model.FilterOption.Price.MaxPrice != Model.FilterOption.Price.MinPrice)
+            {
+                <div id="accordion-price" class="mt-4">
+                    <div class="card">
+                        <div class="card-header" id="cardHeaderPrice">
+                            <h5 class="mb-0">
+                                <a data-toggle="collapse" href="#collapse-price" aria-expanded="true" aria-controls="collapse-price">
+                                    @Localizer["Price"]
+                                    <i class="fa fa-angle-down"></i>
+                                </a>
+                            </h5>
+                        </div>
+                        <div id="collapse-price" class="collapse show" aria-labelledby="cardHeaderPrice" data-parent="#accordion-price">
+                            <div class="card-body">
+                                <div id="priceSlider"></div>
+                                <div>
+                                    <input type="hidden" id="originMinPrice" value="@Model.FilterOption.Price.MinPrice.ToString("F0")" />
+                                    <input type="hidden" id="originMaxPrice" value="@Model.FilterOption.Price.MaxPrice.ToString("F0")" />
+                                    <span id="minPrice"></span>
+                                    <span id="maxPrice"></span>
+                                </div>
                             </div>
                         </div>
                     </div>
                 </div>
-            </div>
             }
         </form>
     </div>
@@ -112,18 +131,18 @@
                         </div>
                     </li>
                     @*<li class="pagination-option">
-                        <label>Show :</label>
-                        <div class="btn-group">
-                            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
-                                20 <span class="caret"></span>
-                            </button>
-                            <ul class="dropdown-menu" role="menu">
-                                <li><a href="#">All</a></li>
-                                <li><a href="#">50</a></li>
-                                <li><a href="#">30</a></li>
-                            </ul>
-                        </div>
-                    </li>*@
+                            <label>Show :</label>
+                            <div class="btn-group">
+                                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+                                    20 <span class="caret"></span>
+                                </button>
+                                <ul class="dropdown-menu" role="menu">
+                                    <li><a href="#">All</a></li>
+                                    <li><a href="#">50</a></li>
+                                    <li><a href="#">30</a></li>
+                                </ul>
+                            </div>
+                        </li>*@
                 </ul>
             </div>
         </div>
diff --git a/src/Modules/SimplCommerce.Module.Search/Areas/Search/Views/_ViewImports.cshtml b/src/Modules/SimplCommerce.Module.Search/Areas/Search/Views/_ViewImports.cshtml
index a4266a2c8b..52ca8f5db8 100644
--- a/src/Modules/SimplCommerce.Module.Search/Areas/Search/Views/_ViewImports.cshtml
+++ b/src/Modules/SimplCommerce.Module.Search/Areas/Search/Views/_ViewImports.cshtml
@@ -3,5 +3,5 @@
 
 @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
 @addTagHelper "*, cloudscribe.Web.Pagination"
-
-@inject IViewLocalizer Localizer
\ No newline at end of file
+@addTagHelper *, SimplCommerce.Module.Search
+@inject IViewLocalizer Localizer