summaryrefslogtreecommitdiff
path: root/src/lib/product/components/Product/ProductMobileVariant.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/lib/product/components/Product/ProductMobileVariant.jsx')
-rw-r--r--src/lib/product/components/Product/ProductMobileVariant.jsx9
1 files changed, 7 insertions, 2 deletions
diff --git a/src/lib/product/components/Product/ProductMobileVariant.jsx b/src/lib/product/components/Product/ProductMobileVariant.jsx
index 0f4953df..9d375deb 100644
--- a/src/lib/product/components/Product/ProductMobileVariant.jsx
+++ b/src/lib/product/components/Product/ProductMobileVariant.jsx
@@ -181,6 +181,11 @@ const ProductMobileVariant = ({ product, wishlist, toggleWishlist }) => {
return Math.floor(Math.random() * 100) + 1;
});
+ const getImageVariant = (img) => {
+ if (!img || img.trim() === '') return '/images/noimage.jpeg';
+ return `${img}?variant=True`;
+ };
+
return (
<MobileView>
<div className='relative'>
@@ -338,7 +343,7 @@ const ProductMobileVariant = ({ product, wishlist, toggleWishlist }) => {
</div>
<Image
- src={product.image + '?variant=True'}
+ src={getImageVariant(product?.image)}
alt={product.name}
className='h-72 object-contain object-center w-full border-b border-gray_r-4'
/>
@@ -532,7 +537,7 @@ const ProductMobileVariant = ({ product, wishlist, toggleWishlist }) => {
<div className='flex mt-4'>
<div className='w-[15%]'>
<Image
- src={product.image + '?variant=True'}
+ src={getImageVariant(product?.image)}
alt={product.name}
className='h-20 object-contain object-center w-full border border-gray_r-4'
/>