File Explorer

<?php include("db_config.php"); ?>
<!DOCTYPE html>
<html lang="en">
<meta https-equiv="content-type" content="text/html;charset=utf-8" />

<?php $page_name = str_replace(".php", "", basename($_SERVER['PHP_SELF']));
    $Current_URL = basename(dirname(__FILE__));
    $findid = (mysqli_query($conn, "SELECT * FROM product"));
    while ($res2=mysqli_fetch_array($findid)) {
        if(strtolower(str_replace(" ", "-", $res2["product_url"])) == $page_name){
            $pid = $res2["id"];
        }
    } 
?>
<?php 
$pid=$pid;
$sql_scats="select product.*,category.cat_name,category.cat_banner from product join category on product.catagoryid=category.id where product.id='$pid'";
    $result_prdss = mysqli_query($conn, $sql_scats);
$res_prdss= mysqli_fetch_array($result_prdss);
$cproduct_id=$res_prdss['id'];
$articles = array();
if ( isset($_COOKIE["viewed_product"]) )
  $articles = unserialize($_COOKIE["viewed_product"]);

if ( ! in_array($cproduct_id, $articles)){
    $articles[] = $cproduct_id;
}
// at the end update the cookies
setcookie("viewed_product", serialize($articles));
?>

<head>
    <title><?php echo $res_prdss['title']; ?></title>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="canonical" href="https://kgnflorist.com/" />
    <meta property="og:locale" content="en_Us" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Pelli Jada | Poola Jada" />
    <meta property="og:description" content="kgn Florist deals in pelli poola jada, cross poola dandalu, freshh flower venis, addutera, kobarbonda flower jewellery mangal saanam in Hyderabad, India" />
    <meta property="og:url" content="https://kgnflorist.com/" />
    <meta property="og:site_name" content="kgn Florist" />
    <meta charset="utf-8">
    <meta name="author" content="kgn Florist">
    <?php echo $res_prdss['meta_keyword']; ?>
    <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "Organization",
            "name": "kgn Florist",
            "logo": "https://www.kgnflorist.com/image/logo.png",
            "description": "kgn Florist provides quality pelli poola jada, cross poola dandalu, freshh flower venis, addutera, kobarbonda flower jewellery mangal saanam in Hyderabad, India",
            "url": "https://kgnflorist.com/",
            "image": "https://www.kgnflorist.com/image/logo.png",
            "telephone": "+91 9640501786",
            "email": "info@kgnflorist.com",
            "address": {
                "@type": "PostalAddress",
                "streetAddress": "I S Sedan",
                "addressLocality": "Santoshnagar",
                "addressRegion": "Hyderabad",
                "addressCountry": "India",
                "postalCode": "500023"
            },
            "aggregateRating": {
                "@type": "AggregateRating",
                "ratingValue": "4.9",
                "ratingCount": "7559"
            },
            "sameAs": [
                "httpss://www.facebook.com/",
                "httpss://twitter.com/",
                "httpss://www.instagram.com/",
                "httpss://in.pinterest.com/”,“
                httpss: //www.youtube.com/channel/”
            ]
        }
    </script>

<?php include("css.php");?>
    <style>
        .scrolppd-product {
            width: 100% !important;
            height: 298px !important;
        }

#gallery_pdp img {
            width: 80% !important;
            margin: 1px !important;
            border-radius: 3px !important;
            border: 2px solid #e8eff1 !important;
        }

#gallery_pdp {
            height: 100% !important;
            text-align: center;
        }

#gallery_pdp a {
            padding: 4px !important;
            float: none;
        }

@media (min-width: 320px) and (max-width: 640px) {
            #gallery_pdp img {
                width: 60% !important;
                margin: 1px !important;
                border-radius: 3px !important;
                border: 2px solid #e8eff1 !important;
            }

#gallery_pdp {
                height: 52% !important;
                text-align: center;
            }

#gallery_pdp a {
                padding: 4px !important;
                float: none;
            }

.scrolppd-product {
                width: 175px !important;
                height: 189px !important;
            }
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 50%;
}
        }
    </style>
    <link rel="stylesheet" href="https://kgnflorist.com/css/custom/product-details.css">
</head>

<section class="inner-section">
            <div class="container">
                <div class="row product__detail">
                    <div class="col-md-6 col-lg-6">
                        <div class="view-gallery">
                            <ul class="preview-slider slider-arrow">
                                <li><img src="../admin/product/<?= $res_prd['productimage']; ?>" alt="product" class="watermark3"></li>

<?php $extension2 = end(explode(".", $res_prd["productimage2"]));
                                              if(!empty($extension2)){ ?>
                                <li><img src="../admin/product/<?= $res_prd['productimage2']; ?>" alt="product" class="watermark3"></li>

<?php }  $extension3 = end(explode(".", $res_prd["productimage3"]));
                             if(!empty($extension3)){ ?>
                                <li><img src="../admin/product/<?= $res_prd['productimage3']; ?>" alt="product" class="watermark3"></li>

<?php }  $extension5 = end(explode(".", $res_prd["productimage5"]));
                                 if(!empty($extension5)){ ?>

<li><img src="../admin/product/<?= $res_prd['productimage5']; ?>" alt="product" class="watermark3"></li>
                                <?php } ?>
                            </ul>

<ul class="thumb-slider">
                                <li><img src="../admin/product/<?= $res_prd['productimage']; ?>" alt="product" class="watermark3"></li>
                                <?php $extension2 = end(explode(".", $res_prd["productimage2"]));
                                              if(!empty($extension2)){ ?>
                                <li><img src="../admin/product/<?= $res_prd['productimage2']; ?>" alt="product" class="watermark3"></li>

<?php }  $extension4 = end(explode(".", $res_prd["productimage4"]));
                                                         if(!empty($extension4)){ ?>
                                <li><img src="../admin/product/<?= $res_prd['productimage4']; ?>" alt="product" class="watermark3"></li>
                                <?php }  $extension5 = end(explode(".", $res_prd["productimage5"]));
                                 if(!empty($extension5)){ ?>
                                <li><img src="../admin/product/<?= $res_prd['productimage5']; ?>" alt="product" class="watermark3"></li>
                                <?php } ?>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-6">

<div class="details-content">
                            <h3 class="details-name"><a href="#"><?= $res_prd['productname']; ?> </a></h3>
                           
                            <h3 class="details-price"><?php if(!empty($res_prd['product_mrp'])){ ?><del>₹ <?php echo $res_prd['product_mrp']; ?></del><?php } ?><?php if(!empty($res_prd['price'])){ ?><span>₹ <?php echo $res_prd['price']; ?> </span><?php } ?></h3>
                            <?php if(!empty($res_prd['contact_number'])){ ?>
                            <h3 class="details-price"><span><i class="icofont-ui-touch-phone"></i><?php echo $res_prd['contact_number']; ?> </span></h3><?php } ?>
                             <div class="details-meta">
                                <p><strong>BRAND:</strong> <a href="#"><?= $res_prd['brand']; ?></a></p>
                            </div>
                            <div class="details-meta">
                                <p><strong>CODE:</strong> <a href="#"><?= $res_prd['product_code']; ?></a></p>
                            </div>
<p class="details-desc"><?php echo $res_prd['description']; ?></p>
                            
                            <div class="row">
<div class="col-lg-5 col-12">
                                <div class="details-add-group">
                                <div class="quantity" style="padding: 0px; width:140px; height:40px;line-height:40px;">
                                    <input type="button" class="dec button" onClick="decrementValue()" value="-" style="border:none;padding:0px;width: 40px;font-size: 40px;background-color:#007848;color:#fff;float: left;line-height:40px;height: 40px; text-align: center" />
                                    <input type="number" name="quantity" value="1" min="1" max="10" id="number" style="border:1px solid #ccc;font-size: 20px;width:60px;padding:13px 5px 14px 5px; line-height:40px; height:40px;float: left" />
                                    <input type="button" class="inc button" style="border:none;padding:0px;width: 40px;font-size: 35px;background-color:#007848;color:#fff;float: left;height: 40px;line-height:40px; text-align: center" value="+" />
                                </div>
                            </div>
                            <input name="prod_id" id="prod_id" value="<?= $res_prd['id']; ?>" type="hidden">
                        </div>
                            <div class="col-lg-7 col-12"><button type="submit" name="enq" class="now-add mt-3" title="Add to Cart">Book Now</button></div>
                        </div>
  </div>
                    </div>
                </div>
            </div>
        </section>
    </form>

<section class="section newitem-part" style="background-color:#c1d3a9">
        <div class="container ppd-bgbox">
            <div class="row">
                <div class="col-lg-12 col-12">
                    <div class="section-heading text-left">
                        <h3>Related Products</h3>
                    </div>
                </div>
            </div>
            <div class="row row-cols-2 row-cols-md-3 row-cols-lg-3 row-cols-xl-4">
                <?php $pid=$res_prd['id'];
                            $ctid=$res_prd['catagoryid'];
                        $sql_rlt="select category.curl,product.* from product join category on product.catagoryid=category.id where product.id !='$pid' and product.catagoryid='$ctid' order by product.id DESC limit 12";
                            $result_rlt = mysqli_query($conn, $sql_rlt);
                           while($res_rlt= mysqli_fetch_array($result_rlt)){ 
                           	$categ=$res_rlt['curl'];                               
                           	$productname = strtolower(str_replace(" ", "-", $res_rlt['product_url']));
                             ?>
                <div class="col">
                    <div class="product-card">
                        <div class="product-media">
                            <a class="product-image" href="https://kgnflorist.com/<?php echo "$categ/$productname"; ?>"><img src="../admin/product/<?= $res_rlt['productimage'];?>" alt="product" class="scrolppd-product watermark2"></a>
                            <div class="product-widget"><a title="Product View" href="https://kgnflorist.com/<?php echo "$categ/$productname"; ?>" class="icofont-eye-alt"></a></div>
                        </div>
                        <div class="product-content">
                            <h6 class="product-name"><a href="https://kgnflorist.com/<?php echo "$categ/$productname"; ?>"><?= $res_rlt['productname'];?></a></h6>
                            <h6 class="product-price"><?php if(!empty($res_rlt['product_mrp'])){ ?><del>₹ <?php echo $res_rlt['product_mrp']; ?></del><?php } ?><?php if(!empty($res_rlt['price'])){ ?><span>₹ <?php echo $res_rlt['price']; ?> </span><?php } ?></h6>
                        </div>
                    </div>
                </div>
                <?php } ?>
            </div>
        </div>
    </section>

<section class="section newitem-part">
        <div class="container ppd-bgbox">
            <div class="row">
                <div class="col-lg-12 col-12">
                    <div class="section-heading text-left">
                        <h3>Recent View Products</h3>
                    </div>
                </div>
            </div>
            <div class="row row-cols-4 row-cols-md-4 row-cols-lg-4 row-cols-xl-4">
                <?php    $ck = unserialize($_COOKIE["viewed_product"]);
 foreach($ck as $pm_id){  $sql_rlt="select category.curl,product.* from product join category on product.catagoryid=category.id where product.id = '$pm_id'";
                            $result_rlt = mysqli_query($conn, $sql_rlt);
                           while($res_rlt= mysqli_fetch_array($result_rlt)){ 
                           	$categ=$res_rlt['curl'];                               
                           	$productname = strtolower(str_replace(" ", "-", $res_rlt['product_url']));
                             ?>
                <div class="col">
                    <div class="product-card">
                        <div class="product-media">
                            <a class="product-image" href="https://kgnflorist.com/<?php echo "$categ/$productname"; ?>"><img src="../admin/product/<?= $res_rlt['productimage'];?>" alt="product" class="scrolppd-product watermark2"></a>
                            <div class="product-widget"><a title="Product View" href="https://kgnflorist.com/<?php echo "$categ/$productname"; ?>" class="icofont-eye-alt"></a></div>
                        </div>
                        <div class="product-content">
                            <h6 class="product-name"><a href="https://kgnflorist.com/<?php echo "$categ/$productname"; ?>"><?= $res_rlt['productname'];?></a></h6>
                            <h6 class="product-price"><?php if(!empty($res_rlt['product_mrp'])){ ?><del>₹ <?php echo $res_rlt['product_mrp']; ?></del><?php } ?><?php if(!empty($res_rlt['price'])){ ?><span>₹ <?php echo $res_rlt['price']; ?> </span><?php } ?></h6>
                        </div>
                    </div>
                </div>
                <?php } } ?>
            </div>
        </div>
    </section>
    <?php include("footer.php");?>
    <?php include("js.php");?>
    <script type="text/javascript">
        incrementVar = 0;
        $('.inc.button').click(function() {
            var $this = $(this),
                $input = $this.prev('input'),
                $parent = $input.closest('div'),
                newValue = parseInt($input.val()) + 1;
            $parent.find('.inc').addClass('a' + newValue);
            $input.val(newValue);
            incrementVar += newValue;
        });
        $('.dec.button').click(function() {
            var $this = $(this),
                $input = $this.next('input'),
                $parent = $input.closest('div'),
                newValue = parseInt($input.val()) - 1;
            console.log($parent);
            $parent.find('.inc').addClass('a' + newValue);
            $input.val(newValue);
            incrementVar += newValue;
        });
    </script>
</body>
</html>

Editing File: back-drop.php