From 5be1c24bc2b548e72f5595c1d46c1fa9ba1f75ad Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Mon, 15 Dec 2025 16:06:42 +0330
Subject: [PATCH] short desc

---
 src/app/product/components/BaseInformation.tsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/app/product/components/BaseInformation.tsx b/src/app/product/components/BaseInformation.tsx
index 000b387..c7f960f 100644
--- a/src/app/product/components/BaseInformation.tsx
+++ b/src/app/product/components/BaseInformation.tsx
@@ -20,6 +20,14 @@ const BaseInformation: FC<BaseInformationProps> = ({ product, stats }) => {
 
     const brand = product.brand
 
+    const descriptionSource =
+        product.metaDescription || product.seoDescription || product.description
+
+    const shortDescription =
+        descriptionSource && descriptionSource.length > 160
+            ? `${descriptionSource.slice(0, 160)}...`
+            : descriptionSource
+
     // محاسبه میانگین امتیاز و تعداد دیدگاه‌ها
 
 
@@ -90,7 +98,7 @@ const BaseInformation: FC<BaseInformationProps> = ({ product, stats }) => {
                 }
 
                 return (
-                    <div className='mt-4 sm:mt-6'>
+                    <div className='mt-4 sm:mt-6 flex gap-4 flex-wrap'>
                         {/* بررسی وجود فیلدهای خاص در variant ها */}
                         {(() => {
                             // اگر هیچ فیلد خاصی وجود نداشت، نمایش عمومی
@@ -281,6 +289,12 @@ const BaseInformation: FC<BaseInformationProps> = ({ product, stats }) => {
                     : null
             }
 
+            {product.specifications.length === 0 && shortDescription && (
+                <p className='mt-4 sm:mt-6 line-clamp-3 text-xs sm:text-sm text-[#4B4B4B] leading-7'>
+                    {shortDescription}
+                </p>
+            )}
+
             <div className='mt-6 sm:mt-10 flex flex-col gap-4 sm:gap-8'>
                 {product.specifications.slice(0, 3).map((spec, index) => (
                     <div key={index} className='flex flex-col sm:flex-row sm:gap-3 items-start sm:items-center text-xs sm:text-sm'>