Add category browsing and product filtering with breadcrumbs

2025-11-28 11:15:58 +03:30
parent fe5f7bd9b9
commit 6ab835f7e9
11 changed files with 305 additions and 13 deletions
@@ -23,6 +23,17 @@ else if (_product is null)
 else
 {
    <MudContainer MaxWidth="MaxWidth.Large" Class="py-6">
+        @if (_product is not null)
+        {
+            <MudBreadcrumbs SeparatorIcon="@Icons.Material.Filled.ChevronRight" Class="mb-4">
+                <MudBreadcrumbItem Href="@RouteConstants.Main.MainPage">دیجی کالا</MudBreadcrumbItem>
+                @foreach (var node in _breadcrumbNodes)
+                {
+                    <MudBreadcrumbItem Href="@($"{RouteConstants.Store.Products}?category={node.Id}")">@node.Title</MudBreadcrumbItem>
+                }
+                <MudBreadcrumbItem Disabled="true">@_product.Title</MudBreadcrumbItem>
+            </MudBreadcrumbs>
+        }
        <MudGrid Spacing="3">
            <MudItem xs="12" md="6">
                <MudPaper Class="rounded-lg pa-2">