1404/11/11-add description in product

This commit is contained in:
2026-01-31 10:19:21 +03:30
parent 00c2e38ab9
commit 19a8584fa0
4 changed files with 34 additions and 13 deletions
+9 -2
View File
@@ -36,7 +36,7 @@
<!-- Product Image -->
<div class="bg-gray-100 rounded-lg flex justify-center items-center p-3 min-w-[80px] h-[80px]">
<img
:src="getProductImage(item.product.group_type)"
:src="getProductImage(item.product)"
class="max-w-full max-h-full object-contain"
alt=""
/>
@@ -165,7 +165,14 @@ const totalPrice = computed(() => {
return cartStore.cartItems.reduce((sum, item) => sum + item.totalPrice, 0)
})
function getProductImage(type?: string) {
function getProductImage(product: any) {
// Check if product has file field from server with src property
if (product?.file?.src) {
return product.file.src
}
// Fallback to local images based on group_type if file is empty or doesn't exist
const type = product?.group_type
switch (type) {
case 'گوی':
return goyImg
@@ -132,6 +132,12 @@ const amountProduct = computed(() => {
})
const productImage = computed(() => {
// Check if product has file field from server with src property
if (props.ProductItem?.file?.src) {
return props.ProductItem.file.src
}
// Fallback to local images based on group_type if file is empty or doesn't exist
switch (props.ProductItem.group_type) {
case 'گوی':
return goyImg
@@ -66,6 +66,12 @@ const amountProduct = computed(() => {
})
const productImage = computed(() => {
// Check if product has file field from server with src property
if (props.ProductItem?.file?.src) {
return props.ProductItem.file.src
}
// Fallback to local images based on group_type if file is empty or doesn't exist
switch (props.ProductItem.group_type) {
case 'گوی':
return goyImg
+13 -11
View File
@@ -7,12 +7,7 @@
<div class="mx-5 pb-30 pt-5" style="color: #1b2b07">
<!-- Product Image -->
<div class="bg-gray-100 rounded-lg w-full flex justify-center p-8 mb-4">
<img v-if="product?.group_type == 'گوی'" :src="goyImg" class="max-w-full h-auto" />
<img v-else-if="product?.group_type == 'مکعب'" :src="mokaabImg" class="max-w-full h-auto" />
<img v-else-if="product?.group_type == 'سکه'" :src="sekkeImg" class="max-w-full h-auto" />
<img v-else-if="product?.group_type == 'شمش ونوس'" :src="venusImg" class="max-w-full h-auto" />
<img v-else-if="product?.group_type == 'سکه پارسیان'" :src="parsianImg" class="max-w-full h-auto" />
<img v-else :src="defaultImg" class="max-w-full h-auto" />
<img :src="getProductImage(product)" class="max-w-full h-auto" />
</div>
<!-- Product Title -->
@@ -46,10 +41,10 @@
<!-- Product Description -->
<div v-if="!product?.description" class="mb-6">
<div v-if="product?.description" class="mb-6">
<div class="text-lg font-semibold mb-2">توضیحات محصول:</div>
<!-- <div class="text-base text-gray-700 whitespace-pre-line">{{ product.description }}</div>-->
<div class="text-base text-gray-700 whitespace-pre-line">شمش طلای نقش برجسته ونوس ۱ گرمی انتخابی ظریف و ارزشمند برای سرمایه‌گذاری و هدیه است. این شمش از طلای خالص با عیار بالا ساخته شده و نقش برجسته‌ی الهه ونوس، نمادی از زیبایی و ظرافت، جلوه‌ای هنری و خاص به آن بخشیده است. وزن دقیق ۱ گرم، ابعاد مناسب و بسته‌بندی شکیل، این محصول را به گزینه‌ای ایده‌آل برای نگهداری ارزش، هدیه‌های خاص و کلکسیون‌های طلا تبدیل می‌کند. </div>
<div class="text-base text-gray-700 whitespace-pre-line">{{ product?.description }}</div>
<!-- <div class="text-base text-gray-700 whitespace-pre-line">شمش طلای نقش برجسته ونوس ۱ گرمی انتخابی ظریف و ارزشمند برای سرمایه‌گذاری و هدیه است. این شمش از طلای خالص با عیار بالا ساخته شده و نقش برجسته‌ی الهه ونوس، نمادی از زیبایی و ظرافت، جلوه‌ای هنری و خاص به آن بخشیده است. وزن دقیق ۱ گرم، ابعاد مناسب و بسته‌بندی شکیل، این محصول را به گزینه‌ای ایده‌آل برای نگهداری ارزش، هدیه‌های خاص و کلکسیون‌های طلا تبدیل می‌کند. </div>-->
</div>
<!-- Similar Products -->
<div v-if="product?.similar?.length" class="mt-8">
@@ -71,7 +66,7 @@
<!-- Image -->
<div class="bg-gray-100 rounded-md flex justify-center p-4 mb-2">
<img
:src="getProductImage(item.group_type)"
:src="getProductImage(item)"
class="h-20 object-contain"
/>
</div>
@@ -225,7 +220,14 @@ function goToProduct(id: number) {
router.push({ name: 'productDetail', params: { id } })
}
function getProductImage(type?: string) {
function getProductImage(product: any) {
// Check if product has file field from server with src property
if (product?.file?.src) {
return product.file.src
}
// Fallback to local images based on group_type if file is empty or doesn't exist
const type = product?.group_type
switch (type) {
case 'گوی':
return goyImg