1404/11/11-add description in product
This commit is contained in:
@@ -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
|
||||
|
||||
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user