From 886a3ee54174d1317d95dc426a454194480b0908 Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Tue, 26 May 2026 10:57:27 +0330
Subject: [PATCH] Add products page link before category name

---
 .../components/product/ProductHero/index.vue  | 50 ++++++++++++++-----
 1 file changed, 38 insertions(+), 12 deletions(-)

diff --git a/frontend/components/product/ProductHero/index.vue b/frontend/components/product/ProductHero/index.vue
index 8f58ca2..2abaae7 100644
--- a/frontend/components/product/ProductHero/index.vue
+++ b/frontend/components/product/ProductHero/index.vue
@@ -80,12 +80,25 @@ watch(
     <div class="flex max-lg:flex-col lg:gap-12 xl:gap-16 container pt-[5rem] pb-28">
         <div class="flex flex-col gap-3 lg:hidden">
             <div class="flex items-center justify-between w-full">
-                <NuxtLink
-                    to="#"
-                    class="typo-label-sm"
-                >
-                    {{ product!.category.name }}
-                </NuxtLink>
+                <div class="flex items-center gap-1.5">
+                    <NuxtLink
+                        to="#"
+                        class="typo-label-sm"
+                    >
+                        محصولات
+                    </NuxtLink>
+                    <Icon
+                        name="ci:bi-chevron-left"
+                        size="14"
+                    />
+                    <NuxtLink
+                        to="#"
+                        class="typo-label-sm"
+                    >
+                        {{ product!.category.name }}
+                    </NuxtLink>
+                </div>
+
                 <button
                     @click="saveProductHandler"
                     :disabled="isSaveProductPending || isFetchingPending || !token"
@@ -146,12 +159,25 @@ watch(
         />
         <div class="lg:w-1/2 flex flex-col gap-3 mt-12">
             <div class="flex items-center justify-between w-full max-lg:hidden">
-                <NuxtLink
-                    to="#"
-                    class="typo-label-sm"
-                >
-                    {{ product!.category.name }}
-                </NuxtLink>
+                <div class="flex items-center gap-2.5">
+                    <NuxtLink
+                        to="#"
+                        class="typo-label-sm"
+                    >
+                        محصولات
+                    </NuxtLink>
+                    <Icon
+                        name="ci:bi-chevron-left"
+                        size="14"
+                    />
+                    <NuxtLink
+                        to="#"
+                        class="typo-label-sm"
+                    >
+                        {{ product!.category.name }}
+                    </NuxtLink>
+                </div>
+
                 <button
                     @click="saveProductHandler"
                     :disabled="isSaveProductPending || isFetchingPending || !token"