Change product_image to images on the following pages:

This commit is contained in:
raymart 2024-02-22 09:45:28 +08:00
parent e2342e735d
commit ed3d793e46
4 changed files with 216 additions and 40 deletions

153
index.php
View File

@ -568,10 +568,26 @@ if ($_SESSION["userId"] <> "") {
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="product-left-sidebar.php?id=<?php echo $forAll[$pid]["_id"]; ?>" class="image">
<!-- raymart added function for images feb 21 2024-->
<?php
if (isset($forAll[$pid]['images'])) {
$image_urls = explode(',', $forAll[$pid]['images']);
if (!empty($image_urls)) {
$first_image_url = trim($image_urls[0]);
?>
<img class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" />
<?php
}
} else {
?>
<img class="hover-image" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/495px-No-Image-Placeholder.svg.png?20200912122019" alt="edit" />
<?php
}
?>
<!-- <a href="product-left-sidebar.php?id=<?php echo $forAll[$pid]["_id"]; ?>" class="image">
<img class="main-image" src="<?php echo $forAll[$pid]["product_image"] ?>" alt="Product" />
<img class="hover-image" src="<?php echo $forAll[$pid]["product_image"] ?>" alt="Product" />
</a>
</a> -->
<!-- <span class="percentage">20%</span> -->
<!-- raymart edit action -->
<div class="ec-pro-actions">
@ -586,13 +602,14 @@ if ($_SESSION["userId"] <> "") {
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="product-left-sidebar.php?id=<?php echo $forAll[$pid]["_id"]; ?>"><?php echo $forAll[$pid]["product_name"] ?></a></h5>
<div class="ec-pro-rating">
<!-- raymart remove ratings feb 20 2024 -->
<!-- <div class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star"></i>
</div>
</div> -->
<span class="ec-price">
<?php if (isset($forAll[$pid]["sale_price"]) && $forAll[$pid]["sale_price"] > 0) : ?>
<span class="old-price">&#8369;<?php echo number_format($forAll[$pid]["regular_price"], 2, ".", ",") ?></span>
@ -608,7 +625,8 @@ if ($_SESSION["userId"] <> "") {
</span>
<div class="ec-pro-option">
<div class="ec-pro-color">
<!-- raymart remove color feb 20 2024 -->
<!-- <div class="ec-pro-color">
<span class="ec-pro-opt-label">Color</span>
<ul class="ec-opt-swatch ec-change-img">
<li class="active"><a href="#" class="ec-opt-clr-img" data-src="<?php echo $forAll[$pid]["product_image"] ?>" data-src-hover="<?php echo $forAll[$pid]["product_image"] ?>" data-tooltip="Gray"><span style="background-color:#e8c2ff;"></span></a></li>
@ -617,7 +635,7 @@ if ($_SESSION["userId"] <> "") {
</div>
<div class="ec-pro-size">
<span class="ec-pro-opt-label">Size</span>
</div>
</div> -->
</div>
</div>
</div>
@ -651,10 +669,26 @@ if ($_SESSION["userId"] <> "") {
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="product-left-sidebar.php?id=<?php echo $electronics[$pid]["_id"]; ?>" class="image">
<!-- raymart added function for images feb 21 2024-->
<?php
if (isset($electronics[$pid]['images'])) {
$image_urls = explode(',', $electronics[$pid]['images']);
if (!empty($image_urls)) {
$first_image_url = trim($image_urls[0]);
?>
<img class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" />
<?php
}
} else {
?>
<img class="hover-image" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/495px-No-Image-Placeholder.svg.png?20200912122019" alt="edit" />
<?php
}
?>
<!-- <a href="product-left-sidebar.php?id=<?php echo $electronics[$pid]["_id"]; ?>" class="image">
<img class="main-image" src="<?php echo $electronics[$pid]["product_image"] ?>" alt="Product" />
<img class="hover-image" src="<?php echo $electronics[$pid]["product_image"] ?>" alt="Product" />
</a>
</a> -->
<!-- <span class="percentage">20%</span> -->
<!-- raymart edit action feb 14 2024-->
@ -670,13 +704,14 @@ if ($_SESSION["userId"] <> "") {
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="product-left-sidebar.php?id=<?php echo $electronics[$pid]["_id"]; ?>"><?php echo $electronics[$pid]["product_name"] ?></a></h5>
<div class="ec-pro-rating">
<!-- raymart remove ratings feb 20 2024 -->
<!-- <div class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star"></i>
</div>
</div> -->
<span class="ec-price">
<?php if (isset($electronics[$pid]["sale_price"]) && $electronics[$pid]["sale_price"] > 0) : ?>
<span class="old-price">&#8369;<?php echo number_format($electronics[$pid]["regular_price"], 2, ".", ",") ?></span>
@ -691,7 +726,8 @@ if ($_SESSION["userId"] <> "") {
<?php endif; ?>
</span>
<div class="ec-pro-option">
<div class="ec-pro-color">
<!-- raymart remove color feb 20 2024 -->
<!-- <div class="ec-pro-color">
<span class="ec-pro-opt-label">Color</span>
<ul class="ec-opt-swatch ec-change-img">
<li class="active"><a href="#" class="ec-opt-clr-img" data-src="<?php echo $electronics[$pid]["product_image"] ?>" data-src-hover="<?php echo $electronics[$pid]["product_image"] ?>" data-tooltip="Gray"><span style="background-color:#e8c2ff;"></span></a></li>
@ -701,7 +737,7 @@ if ($_SESSION["userId"] <> "") {
<div class="ec-pro-size">
<span class="ec-pro-opt-label">Size</span>
</div>
</div> -->
</div>
</div>
</div>
@ -736,10 +772,26 @@ if ($_SESSION["userId"] <> "") {
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="product-left-sidebar.php?id=<?php echo $smartHome[$pid]["_id"]; ?>" class="image">
<!-- raymart added function for images feb 21 2024-->
<?php
if (isset($smartHome[$pid]['images'])) {
$image_urls = explode(',', $smartHome[$pid]['images']);
if (!empty($image_urls)) {
$first_image_url = trim($image_urls[0]);
?>
<img class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" />
<?php
}
} else {
?>
<img class="hover-image" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/495px-No-Image-Placeholder.svg.png?20200912122019" alt="edit" />
<?php
}
?>
<!-- <a href="product-left-sidebar.php?id=<?php echo $smartHome[$pid]["_id"]; ?>" class="image">
<img class="main-image" src="<?php echo $smartHome[$pid]["product_image"] ?>" alt="Product" />
<img class="hover-image" src="<?php echo $smartHome[$pid]["product_image"] ?>" alt="Product" />
</a>
</a> -->
<!-- <span class="percentage">20%</span> -->
<!-- raymart edit action feb 14 2024-->
<div class="ec-pro-actions">
@ -754,13 +806,14 @@ if ($_SESSION["userId"] <> "") {
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="product-left-sidebar.php?id=<?php echo $smartHome[$pid]["_id"]; ?>"><?php echo $smartHome[$pid]["product_name"] ?></a></h5>
<div class="ec-pro-rating">
<!-- raymart remove ratings feb 20 2024 -->
<!-- <div class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star"></i>
</div>
</div> -->
<span class="ec-price">
<?php if (isset($smartHome[$pid]["sale_price"]) && $smartHome[$pid]["sale_price"] > 0) : ?>
<span class="old-price">&#8369;<?php echo number_format($smartHome[$pid]["regular_price"], 2, ".", ",") ?></span>
@ -775,7 +828,8 @@ if ($_SESSION["userId"] <> "") {
<?php endif; ?>
</span>
<div class="ec-pro-option">
<div class="ec-pro-color">
<!-- raymart remove color feb 20 2024 -->
<!-- <div class="ec-pro-color">
<span class="ec-pro-opt-label">Color</span>
<ul class="ec-opt-swatch ec-change-img">
<li class="active"><a href="#" class="ec-opt-clr-img" data-src="<?php echo $smartHome[$pid]["product_image"] ?>" data-src-hover="<?php echo $smartHome[$pid]["product_image"] ?>" data-tooltip="Gray"><span style="background-color:#e8c2ff;"></span></a></li>
@ -784,7 +838,7 @@ if ($_SESSION["userId"] <> "") {
</div>
<div class="ec-pro-size">
<span class="ec-pro-opt-label">Size</span>
</div>
</div> -->
</div>
</div>
</div>
@ -819,10 +873,26 @@ if ($_SESSION["userId"] <> "") {
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="product-left-sidebar.php?id=<?php echo $forVehicle[$pid]["_id"]; ?>" class="image">
<!-- raymart added function for images feb 21 2024-->
<?php
if (isset($forVehicle[$pid]['images'])) {
$image_urls = explode(',', $forVehicle[$pid]['images']);
if (!empty($image_urls)) {
$first_image_url = trim($image_urls[0]);
?>
<img class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" />
<?php
}
} else {
?>
<img class="hover-image" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/495px-No-Image-Placeholder.svg.png?20200912122019" alt="edit" />
<?php
}
?>
<!-- <a href="product-left-sidebar.php?id=<?php echo $forVehicle[$pid]["_id"]; ?>" class="image">
<img class="main-image" src="<?php echo $forVehicle[$pid]["product_image"] ?>" alt="Product" />
<img class="hover-image" src="<?php echo $forVehicle[$pid]["product_image"] ?>" alt="Product" />
</a>
</a> -->
<!-- <span class="percentage">20%</span> -->
<!-- raymart added action feb 14 2024-->
<div class="ec-pro-actions">
@ -837,13 +907,14 @@ if ($_SESSION["userId"] <> "") {
</div>
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="product-left-sidebar.php?id=<?php echo $forVehicle[$pid]["_id"]; ?>"><?php echo $forVehicle[$pid]["product_name"] ?></a></h5>
<div class="ec-pro-rating">
<!-- raymart remove ratings feb 20 2024 -->
<!-- <div class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star"></i>
</div>
</div> -->
<span class="ec-price">
<?php if (isset($forVehicle[$pid]["sale_price"]) && $forVehicle[$pid]["sale_price"] > 0) : ?>
<span class="old-price">&#8369;<?php echo number_format($forVehicle[$pid]["regular_price"], 2, ".", ",") ?></span>
@ -860,7 +931,8 @@ if ($_SESSION["userId"] <> "") {
<div class="ec-pro-option">
<div class="ec-pro-color">
<!-- raymart remove color feb 20 2024 -->
<!-- <div class="ec-pro-color">
<span class="ec-pro-opt-label">Color</span>
<ul class="ec-opt-swatch ec-change-img">
<li class="active"><a href="#" class="ec-opt-clr-img" data-src="<?php echo $forVehicle[$pid]["product_image"] ?>" data-src-hover="<?php echo $forVehicle[$pid]["product_image"] ?>" data-tooltip="Gray"><span style="background-color:#e8c2ff;"></span></a></li>
@ -870,7 +942,7 @@ if ($_SESSION["userId"] <> "") {
<div class="ec-pro-size">
<span class="ec-pro-opt-label">Size</span>
</div>
</div> -->
</div>
</div>
</div>
@ -1404,10 +1476,26 @@ if ($_SESSION["userId"] <> "") {
<div class="ec-product-inner">
<div class="ec-pro-image-outer">
<div class="ec-pro-image">
<a href="product-left-sidebar.php?id=<?php echo $newArrival[$pid]["_id"]; ?>" class="image">
<!-- raymart added function for images feb 21 2024-->
<?php
if (isset($newArrival[$pid]['images'])) {
$image_urls = explode(',', $newArrival[$pid]['images']);
if (!empty($image_urls)) {
$first_image_url = trim($image_urls[0]);
?>
<img class="main-image" src="<?php echo $first_image_url; ?>" alt="edit" />
<?php
}
} else {
?>
<img class="hover-image" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/495px-No-Image-Placeholder.svg.png?20200912122019" alt="edit" />
<?php
}
?>
<!-- <a href="product-left-sidebar.php?id=<?php echo $newArrival[$pid]["_id"]; ?>" class="image">
<img class="main-image" src="<?php echo $newArrival[$pid]["product_image"] ?>" alt="Product" />
<img class="hover-image" src="<?php echo $newArrival[$pid]["product_image"] ?>" alt="Product" />
</a>
</a> -->
<!-- raymart edit action feb 14 2024 -->
<div class="ec-pro-actions">
<button title="Add To Cart" onclick="popupAddToCart(`<?php echo htmlspecialchars(json_encode($newArrival[$pid]), ENT_QUOTES, 'UTF-8'); ?>`,`<?php echo htmlspecialchars($vendorOfProduct, ENT_QUOTES, 'UTF-8'); ?>`, `<?php echo isset($_SESSION['token']) ? $_SESSION['token'] : ''; ?>` , `<?php echo isset($_SESSION['email']) ? $_SESSION['email'] : ''; ?>` , `<?php echo isset($_SESSION['password']) ? $_SESSION['password'] : ''; ?>` , `<?php echo htmlspecialchars(json_encode($customer_data), ENT_QUOTES, 'UTF-8'); ?>`);" class="add-to-cart"><i class="fi-rr-shopping-basket"></i> Add To Cart</button>
@ -1422,13 +1510,14 @@ if ($_SESSION["userId"] <> "") {
<div class="ec-pro-content">
<h5 class="ec-pro-title"><a href="product-left-sidebar.php?id=<?php echo $newArrival[$pid]["_id"]; ?>"><?php echo $newArrival[$pid]["product_name"] ?></a>
</h5>
<div class="ec-pro-rating">
<!-- raymart remove ratings feb 20 2024 -->
<!-- <div class="ec-pro-rating">
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star fill"></i>
<i class="ecicon eci-star"></i>
</div>
</div> -->
<span class="ec-price">
<?php if (isset($newArrival[$pid]["sale_price"]) && $newArrival[$pid]["sale_price"] > 0) : ?>
<span class="old-price">&#8369;<?php echo number_format($newArrival[$pid]["regular_price"], 2, ".", ",") ?></span>
@ -1452,15 +1541,15 @@ if ($_SESSION["userId"] <> "") {
<li><a href="#" class="ec-opt-clr-img" data-src="assets/images/product-image/9_3.jpg" data-src-hover="assets/images/product-image/9_3.jpg" data-tooltip="Sky Blue"><span style="background-color:#85ffeb;"></span></a></li>
</ul>
</div> -->
<!-- <div class="ec-pro-size">
<span class="ec-pro-opt-label">Size</span>
<div class="ec-pro-size">
<!-- <span class="ec-pro-opt-label">Size</span>
<ul class="ec-opt-size">
<li class="active"><a href="#" class="ec-opt-sz" data-old="$20.00" data-new="$15.00" data-tooltip="Small">S</a></li>
<li><a href="#" class="ec-opt-sz" data-old="$22.00" data-new="$17.00" data-tooltip="Medium">M</a></li>
<li><a href="#" class="ec-opt-sz" data-old="$25.00" data-new="$20.00" data-tooltip="Large">X</a></li>
<li><a href="#" class="ec-opt-sz" data-old="$27.00" data-new="$22.00" data-tooltip="Extra Large">XL</a></li>
</ul>
</div> -->
</ul> -->
</div>
</div>
</div>
</div>

View File

@ -167,13 +167,31 @@ $products = productList();
$product = $products[$i];
?>
<tr>
<td> <?php
<td>
<!-- raymart added function feb 21 2024 -->
<?php
if (isset($product['images'])) {
$image_urls = explode(',', $product['images']);
if (!empty($image_urls)) {
$first_image_url = trim($image_urls[0]);
?>
<img class="prod-img" src="<?php echo $first_image_url; ?>" alt="edit" />
<?php
}
} else {
?>
<img class="prod-img rounded-circle" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/495px-No-Image-Placeholder.svg.png?20200912122019" alt="edit" />
<?php
}
?>
<!-- <?php
if (isset($product['product_image']) && !empty($product['product_image'])) {
echo '<img src="' . $product['product_image'] . '" alt="Product Image" class="prod-img" >';
} else {
echo '<img src="admin/assets/img/vendor/u1.jpg" class="prod-img rounded-circle" alt="Placeholder Image" >';
}
?></td>
?> -->
</td>
<td><span><?php echo $product['product_name']; ?></span></td>
<td><span><?php echo $product['regular_price']; ?></span></td>
<td><span><?php echo $product['sale_price']; ?></span></td>

View File

@ -206,13 +206,32 @@ if (is_array($vendorOrderss)) {
foreach ($orderItems['items'] as $item) {
?>
<tr>
<td><?php
<td>
<!-- raymart added function feb 21 2024 -->
<?php
if (isset($product['images'])) {
$image_urls = explode(',', $product['images']);
if (!empty($image_urls)) {
$first_image_url = trim($image_urls[0]);
?>
<img class="prod-img" src="<?php echo $first_image_url; ?>" alt="edit" />
<?php
}
} else {
?>
<img class="prod-img rounded-circle" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/495px-No-Image-Placeholder.svg.png?20200912122019" alt="edit" />
<?php
}
?>
<!-- <?php
if (isset($item['product']['product_image']) && !empty($item['product']['product_image'])) {
echo '<img src="' . $item['product']['product_image'] . '" alt="Product Image" class="prod-img">';
} else {
echo '<img src="assets/img/vendor/u1.jpg" class="prod-img rounded-circle" alt="Placeholder Image">';
}
?></td>
?> -->
</td>
<td><span><?php echo $item['product']['name']; ?></span></td>
<td><span><?php echo $orderItems['status']; ?></span></td>
<td><span><?php echo $orderItems['shipping_address']['shipping_first_name']; ?></span></td>
@ -368,13 +387,31 @@ if (is_array($vendorOrderss)) {
$product = $products[$i];
?>
<tr>
<td> <?php
<td>
<!-- raymart added function feb 21 2024 -->
<?php
if (isset($product['images'])) {
$image_urls = explode(',', $product['images']);
if (!empty($image_urls)) {
$first_image_url = trim($image_urls[0]);
?>
<img class="prod-img" src="<?php echo $first_image_url; ?>" alt="edit" />
<?php
}
} else {
?>
<img class="prod-img rounded-circle" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/No-Image-Placeholder.svg/495px-No-Image-Placeholder.svg.png?20200912122019" alt="edit" />
<?php
}
?>
<!-- <?php
if (isset($product['product_image']) && !empty($product['product_image'])) {
echo '<img src="' . $product['product_image'] . '" alt="Product Image" class="prod-img" >';
} else {
echo '<img src="assets/img/vendor/u1.jpg" class="prod-img rounded-circle" alt="Placeholder Image" >';
}
?></td>
?> -->
</td>
<td><span><?php echo $product['product_name']; ?></span></td>
<td><span><?php echo $product['regular_price']; ?></span></td>
<td><span><?php echo $product['sale_price']; ?></span></td>

View File

@ -38,6 +38,8 @@ $array = json_decode($result, true);
<link rel="icon" href="assets/images/favicon/favicon.png" sizes="32x32" />
<link rel="apple-touch-icon" href="assets/images/favicon/favicon.png" />
<meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
<!-- css Icon Font -->
<link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
@ -338,10 +340,16 @@ $array = json_decode($result, true);
<label for="height" class="form-label">Height(cm)</label>
<input type="number" class="form-control slug-title" id="height" name="height" value="<?php echo $array['height']; ?>">
</div>
<!-- raymart added short des feb 21 2024 -->
<div class="col-md-12">
<label class="form-label">Short Description</label>
<textarea class="form-control" name="product_description" rows="2"><?php echo $array['product_description'] ?></textarea>
<textarea class="form-control" name="product_description" id="short-hidden-editor" style="display: none;" rows="2"><?php echo $array['product_description'] ?></textarea>
<div id="short-editor-container" style="height: 200px;"><?php echo $array['product_description'] ?></div>
</div>
<!-- <div class="col-md-12">
<label class="form-label">Short Description</label>
<textarea class="form-control" name="product_description" rows="2"><?php echo $array['product_description'] ?></textarea>
</div> -->
<div class="col-md-6">
<label class="form-label">Regular Price <span>( In PHP
)</span></label>
@ -387,8 +395,13 @@ $array = json_decode($result, true);
</div>
<div class="col-md-12">
<label class="form-label">Full Detail</label>
<textarea class="form-control" rows="4" name="specifications"><?php echo $array['specifications'] ?></textarea>
<textarea class="form-control" rows="4" name="specifications" id="hidden-editor" style="display: none;"><?php echo $array['specifications'] ?></textarea>
<div id="editor-container" style="height: 200px;"><?php echo $array['specifications'] ?></div>
</div>
<!-- <div class="col-md-12">
<label class="form-label">Full Detail</label>
<textarea class="form-control" rows="4" name="specifications"><?php echo $array['specifications'] ?></textarea>
</div> -->
<div class="col-md-6">
<label class="form-label">Product Category</label>
<select class="form-select" name="product_category" id="product_category">
@ -433,6 +446,25 @@ $array = json_decode($result, true);
</div>
</div>
</div>
<!-- raymart added js link feb 21 2024 -->
<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
<script>
var quill = new Quill('#editor-container', {
theme: 'snow'
});
quill.clipboard.dangerouslyPasteHTML(document.getElementById('hidden-editor').value);
quill.on('text-change', function() {
document.getElementById('hidden-editor').value = quill.root.innerHTML;
});
var newquill = new Quill('#short-editor-container', {
theme: 'snow'
});
newquill.clipboard.dangerouslyPasteHTML(document.getElementById('short-hidden-editor').value);
newquill.on('text-change', function() {
document.getElementById('short-hidden-editor').value = newquill.root.innerHTML;
});
</script>
<script>
function onload() {
variables();