1#@!#!123s

: / home2 / technoi4 / public_html /
Filename : product_detail.php
back
<?php include_once('header.php'); ?>
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="js/jssor.slider.min.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {

            var jssor_1_options = {
              $AutoPlay: 1,
              $Idle: 0,
              $SlideDuration: 5000,
              $SlideEasing: $Jease$.$Linear,
              $PauseOnHover: 4,
              $SlideWidth: 140,
              $Cols: 4
            };

            var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);

            /*#region responsive code begin*/

            var MAX_WIDTH = 980;

            function ScaleSlider() {
                var containerElement = jssor_1_slider.$Elmt.parentNode;
                var containerWidth = containerElement.clientWidth;

                if (containerWidth) {

                    var expectedWidth = Math.min(MAX_WIDTH || containerWidth, containerWidth);

                    jssor_1_slider.$ScaleWidth(expectedWidth);
                }
                else {
                    window.setTimeout(ScaleSlider, 30);
                }
            }

            ScaleSlider();

            $(window).bind("load", ScaleSlider);
            $(window).bind("resize", ScaleSlider);
            $(window).bind("orientationchange", ScaleSlider);
            /*#endregion responsive code end*/
        });
    </script>
    <style>
        /* jssor slider loading skin spin css */
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }

    </style>
    
<style>
.parent {
  width: 608px;
  height: 204px;
  margin: 20px auto;
  overflow: hidden
}

.parent .child {
  width: 1835px;
  display: inline-block;
  animation: marquee 15s linear infinite;
}
@keyframes marquee {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: calc(-1835px + 608px);
  }
}

.parent .child:hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}
</style>
<div id="banner-area" class="banner-area" style="background-image:url(images/mission.jpg)">
    <div class="banner-text">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="banner-heading">
                        <h1 class="banner-title">News</h1>
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb justify-content-center">
                                <li class="breadcrumb-item"><a href="#">Home</a></li>
                                <li class="breadcrumb-item"><a href="#">News</a></li>
                                <li class="breadcrumb-item active" aria-current="page">News Right sidebar</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<section id="main-container" class="main-container">
    <div class="container">
        <div class="row">
			<?php
				include("config.php");
				$pid = $_GET['pid'];
				$query = "SELECT product.*, brand.id as bid, brand.brand_name, categary.id as cid, categary.categary_title FROM `product` LEFT JOIN categary ON product.cid=categary.id LEFT JOIN brand ON product.bid=brand.id WHERE product.pid=$pid";
				$res = mysqli_query($conn, $query);
				while ($row = mysqli_fetch_assoc($res)) {
					$pid = $row['pid'];
					$product_name = $row['product_name'];
					//$cid = $row['cid'];
					$product_desc = $row['product_desc'];
					$image = $row['image'];
			?>
            <div class="col-lg-12 mb-5 mb-lg-0">
                <div class="post-content post-single">
                    <div class="post-body">
						<div class="entry-header">
							<h2 class="entry-title">
								<?php echo $product_name; ?>
							</h2>
						</div>
                    </div>
					<div class="post-media post-image">
						<?php 
							if($image == ''){
						?>
							<img loading="lazy" style="width: 71rem; height: 27rem;" class="img-fluid" src="admin/img/product/profile.png">
						<?php	}else{?>
							<img loading="lazy" style="width: 71rem; height: 27rem;" class="img-fluid" src="admin/img/product/<?php echo $image; ?>">
						<?php	
							}
						?>
					</div>
                    <div class="post-body">
					    <div class="entry-content">
                            <p>
								<?php echo $product_desc; ?>
                            </p>
                        </div>
					</div>
                </div>
            </div>
			<?php } ?>
			
			
            <div class="col-lg-12 mb-5 mb-lg-0">
                <div class="post-content post-single">
                    <div class="post-body">
						<div class="entry-header">
							<h2 class="entry-title">
								Downloads
							</h2>
						</div>
						<div class="entry-content">
                            <?php
								include("config.php");
								$pid = $_GET['pid'];
								$query = "SELECT * FROM `pdf_image` WHERE pdf_image.pid=$pid";
								$res = mysqli_query($conn, $query);
								while ($row = mysqli_fetch_assoc($res)) {
									$id = $row['id'];
									$pid = $row['pid'];
									$image = $row['image'];
							?>
							<p>
								<img loading="lazy" class="img-fluid" src="images/pdf.png" style="height: 2rem;"><a href="admin/img/pdf_image/<?php echo $image; ?>" target="_blank"><?php echo $image; ?></a>
                            </p>
							<?php } ?>
                        </div>
                    </div>
                </div>
            </div>
		</div>
		<div class="row">
			<div class="col-md-12">
				<div id="jssor_1" style="position:relative;margin:0 auto;top:0px;left:0px;width:980px;height:100px;overflow:hidden;visibility:hidden;">
					<!-- Loading Screen -->
					<div data-u="loading" class="jssorl-009-spin" style="position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.7);">
						<img style="margin-top:-19px;position:relative;top:50%;width:38px;height:38px;" src="js/spin.svg" />
					</div>
					<div data-u="slides" style="cursor:default;position:relative;top:0px;left:0px;width:980px;height:100px;overflow:hidden;">
						<?php
							include("config.php");
							$pid = $_GET['pid'];
							$query = "SELECT * FROM `product_image` WHERE product_image.pid=$pid";
							$res = mysqli_query($conn, $query);
							while ($row = mysqli_fetch_assoc($res)) {
								$id = $row['id'];
								$pid = $row['pid'];
								$image = $row['image'];
						?>
						<div>
							<img data-u="image" src="admin/img/product_image/<?php echo $image; ?>" />
						</div>
						<?php } ?>
					</div>
				</div>
			</div>
		</div>
		<!--<div class="row">
			<div class="col-md-12">
				<div id="jssor_1" style="position:relative;margin:0 auto;top:0px;left:0px;width:980px;height:100px;overflow:hidden;visibility:hidden;">
					<div data-u="loading" class="jssorl-009-spin" style="position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.7);">
						<img style="margin-top:-19px;position:relative;top:50%;width:38px;height:38px;" src="../svg/loading/static-svg/spin.svg" />
					</div>
					<div data-u="slides" style="cursor:default;position:relative;top:0px;left:0px;width:980px;height:100px;overflow:hidden;">
						
						<?php
							include("config.php");
							$pid = $_GET['pid'];
							$query = "SELECT * FROM `product_image` WHERE product_image.pid=$pid";
							$res = mysqli_query($conn, $query);
							while ($row = mysqli_fetch_assoc($res)) {
								$id = $row['id'];
								$pid = $row['pid'];
								$image = $row['image'];
						?>
						<div>
							<img data-u="image" src="admin/img/product_image/<?php echo $image; ?>" />
						</div>
						<?php } ?>
					</div>
				</div>
				<div class="parent">
					<div class="child">
						<?php
							include("config.php");
							$pid = $_GET['pid'];
							$query = "SELECT * FROM `product_image` WHERE product_image.pid=$pid";
							$res = mysqli_query($conn, $query);
							while ($row = mysqli_fetch_assoc($res)) {
								$id = $row['id'];
								$pid = $row['pid'];
								$image = $row['image'];
						?>
						<img src="admin/img/product_image/<?php echo $image; ?>" alt="" width="200" height=" 200" />
						<?php } ?>
					</div>
				</div>
			</div>
		</div>-->
    </div>
</section>
<?php include_once('footer.php'); ?>