From 3219755a31caf12cb7ee787474f5eea506cc37db Mon Sep 17 00:00:00 2001
From: Stacy <stacyjoycemapano@gmail.com>
Date: Tue, 26 Mar 2024 15:52:38 +0800
Subject: [PATCH] Modified product image preview

---
 index.php                  | 30 +++++++++++++++---------------
 shop-list-left-sidebar.php |  2 +-
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/index.php b/index.php
index c951910..a57d7ac 100644
--- a/index.php
+++ b/index.php
@@ -224,9 +224,9 @@ if ($_SESSION["userId"] <> "") {
                                         $vendorOfProduct = getVendorbyId($forAll[$pid]['vendor_api_id']);
                                 ?>
                                         <div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 mb-6  ec-product-content" data-animation="fadeIn">
-                                            <div class="ec-product-inner">
+                                            <div class="ec-product-inner" style="width: 260px;">
                                                 <!-- raymart added style feb 26 2024 -->
-                                                <div class="ec-pro-image-outer" style="width: 290; height: 350px;">
+                                                <div class="ec-pro-image-outer">
                                                 <!-- <div class="ec-pro-image-outer"> -->
                                                     <div class="ec-pro-image">
                                                     <a href="product-left-sidebar.php?id=<?php echo $forAll[$pid]["_id"]; ?>">
@@ -237,7 +237,7 @@ if ($_SESSION["userId"] <> "") {
                                                                 if (!empty($image_urls)) {
                                                                     $first_image_url = trim($image_urls[0]);
                                                             ?>
-                                                                    <img class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 330px;" />
+                                                                    <img class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 280px;" />
                                                                 <?php
                                                                 }
                                                             } else {
@@ -344,9 +344,9 @@ if ($_SESSION["userId"] <> "") {
                                         $vendorOfProduct = getVendorbyId($electronics[$pid]['vendor_api_id']);
                                 ?>
                                         <div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 mb-6  ec-product-content" data-animation="fadeIn">
-                                            <div class="ec-product-inner">
+                                            <div class="ec-product-inner" style="width: 260px;">
                                                 <!-- raymart added style feb 26 2024 -->
-                                                <div class="ec-pro-image-outer" style="width: 290; height: 350px;">
+                                                <div class="ec-pro-image-outer">
                                                 <!-- <div class="ec-pro-image-outer"> -->
                                                     <div class="ec-pro-image">
                                                     <a href="product-left-sidebar.php?id=<?php echo $electronics[$pid]["_id"]; ?>">
@@ -357,7 +357,7 @@ if ($_SESSION["userId"] <> "") {
                                                                 if (!empty($image_urls)) {
                                                                     $first_image_url = trim($image_urls[0]);
                                                             ?>
-                                                                    <img class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 330px;"/>
+                                                                    <img class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 280px;" />
                                                                 <?php
                                                                 }
                                                             } else {
@@ -466,9 +466,9 @@ if ($_SESSION["userId"] <> "") {
                                         $vendorOfProduct = getVendorbyId($smartHome[$pid]['vendor_api_id']);
                                 ?>
                                         <div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 mb-6  ec-product-content" data-animation="fadeIn">
-                                            <div class="ec-product-inner">
+                                            <div class="ec-product-inner" style="width: 260px;">
                                                 <!-- raymart added style feb 26 2024 -->
-                                                <div class="ec-pro-image-outer" style="width: 290; height: 350px;">
+                                                <div class="ec-pro-image-outer">
                                                 <!-- <div class="ec-pro-image-outer"> -->
                                                     <div class="ec-pro-image">
                                                     <a href="product-left-sidebar.php?id=<?php echo $smartHome[$pid]["_id"]; ?>">
@@ -479,7 +479,7 @@ if ($_SESSION["userId"] <> "") {
                                                                 if (!empty($image_urls)) {
                                                                     $first_image_url = trim($image_urls[0]);
                                                             ?>
-                                                                    <img class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 330px;"/>
+                                                                    <img class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 280px;" />
                                                                 <?php
                                                                 }
                                                             } else {
@@ -586,9 +586,9 @@ if ($_SESSION["userId"] <> "") {
                                         $vendorOfProduct = getVendorbyId($forVehicle[$pid]['vendor_api_id']);
                                 ?>
                                         <div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 mb-6  ec-product-content" data-animation="fadeIn">
-                                            <div class="ec-product-inner">
+                                            <div class="ec-product-inner" style="width: 260px;">
                                                 <!-- raymart added style feb 26 2024-->
-                                                <div class="ec-pro-image-outer" style="width: 290; height: 350px;">
+                                                <div class="ec-pro-image-outer">
                                                 <!-- <div class="ec-pro-image-outer"> -->
                                                     <div class="ec-pro-image">
                                                     <a href="product-left-sidebar.php?id=<?php echo $forVehicle[$pid]["_id"]; ?>">
@@ -599,7 +599,7 @@ if ($_SESSION["userId"] <> "") {
                                                                 if (!empty($image_urls)) {
                                                                     $first_image_url = trim($image_urls[0]);
                                                             ?>
-                                                                    <img class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 330px;"/>
+                                                                    <img class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 280px;" />
                                                                 <?php
                                                                 }
                                                             } else {
@@ -1211,9 +1211,9 @@ if ($_SESSION["userId"] <> "") {
                         $vendorOfProduct = getVendorbyId($newArrival[$pid]['vendor_api_id']);
                 ?>
                         <div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 mb-6  ec-product-content" data-animation="flipInY">
-                            <div class="ec-product-inner">
+                            <div class="ec-product-inner" style="width: 260px;">
                                 <!-- raymart added style feb 26 2024 -->
-                                <div class="ec-pro-image-outer" style="width: 290; height: 350px;">
+                                <div class="ec-pro-image-outer">
                                 <!-- <div class="ec-pro-image-outer"> -->
                                     <div class="ec-pro-image">
                                     <a href="product-left-sidebar.php?id=<?php echo $newArrival[$pid]["_id"]; ?>">
@@ -1224,7 +1224,7 @@ if ($_SESSION["userId"] <> "") {
                                                 if (!empty($image_urls)) {
                                                     $first_image_url = trim($image_urls[0]);
                                             ?>
-                                                    <img class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 330px;" />
+                                                    <img class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" style="border: 1px solid #eeeeee; height: 280px;" />
                                                 <?php
                                                 }
                                             } else {
diff --git a/shop-list-left-sidebar.php b/shop-list-left-sidebar.php
index b8db52d..cf42a52 100644
--- a/shop-list-left-sidebar.php
+++ b/shop-list-left-sidebar.php
@@ -335,7 +335,7 @@ if (!empty($_GET['minPrice']) || !empty($_GET['maxPrice']) || !empty($_GET['cate
                                                                 }
                                                             } else {
                                                                 ?>
-                                                                <img class="hover-image" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" alt="edit" />
+                                                                <img style="width: 290px; height: 200px; object-fit: cover;" class="hover-image" src="https://api.obanana.com/images/storage/web_images/1709002636671-viber_image_2024-02-22_15-54-42-498.png" alt="edit" />
                                                             <?php
                                                             }
                                                             ?>