89 lines
2.8 KiB
PHP
89 lines
2.8 KiB
PHP
<?php
|
||
include_once('header.php');
|
||
include_once('parameters.php');
|
||
|
||
if (!(isset($_GET['bp_product_id']))) {
|
||
header("Location: home.php");
|
||
} else {
|
||
$bp_product_id = $_GET['bp_product_id'];
|
||
}
|
||
|
||
|
||
$sqlP = $con->prepare("SELECT * from bp_products where bp_product_id = ?");
|
||
$sqlP->bind_param("i", $bp_product_id);
|
||
$sqlP->execute();
|
||
$sqlP->bind_result($bp_product_id, $bp_product_name, $bp_product_info, $bp_product_price, $bp_product_category, $bp_product_img_01, $bp_product_img_02, $bp_product_img_03, $bp_product_addDate);
|
||
$sqlP->fetch();
|
||
|
||
|
||
?>
|
||
<div class="w3-bar w3-margin"></div>
|
||
<div class="w3-bar w3-margin"></div>
|
||
<div class="w3-bar w3-margin"></div>
|
||
<div class="w3-bar w3-margin"></div>
|
||
<!-- Page content -->
|
||
<div class="w3-content w3-padding" style="max-width:1564px;margin-top:32px">
|
||
<div class="w3-row">
|
||
<?php
|
||
echo ("
|
||
<div class=\"w3-col m5\">
|
||
<div class=\"w3-content\" style=\"max-width:800px\">
|
||
<img class=\"mySlides\" src=\"img/$bp_product_img_01\" style=\"width:100%\">
|
||
<img class=\"mySlides\" src=\"img/$bp_product_img_02\" style=\"width:100%\">
|
||
<img class=\"mySlides\" src=\"img/$bp_product_img_03\" style=\"width:100%\">
|
||
</div>
|
||
|
||
<div class=\"w3-center\">
|
||
<div class=\"w3-section\">
|
||
<button class=\"w3-button w3-light-grey\" onclick=\"plusDivs(-1)\">❮ Prev</button>
|
||
<button class=\"w3-button w3-light-grey\" onclick=\"plusDivs(1)\">Next ❯</button>
|
||
</div>
|
||
<button class=\"w3-button demo\" onclick=\"currentDiv(1)\">1</button>
|
||
<button class=\"w3-button demo\" onclick=\"currentDiv(2)\">2</button>
|
||
<button class=\"w3-button demo\" onclick=\"currentDiv(3)\">3</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class=\"w3-col m7 w3-padding\">
|
||
<h2>$bp_product_name</h2>
|
||
<p>$bp_product_info</p>
|
||
</div>
|
||
");
|
||
|
||
?>
|
||
|
||
</div>
|
||
</div>
|
||
<!-- End page content -->
|
||
<script>
|
||
var slideIndex = 1;
|
||
showDivs(slideIndex);
|
||
|
||
function plusDivs(n) {
|
||
showDivs(slideIndex += n);
|
||
}
|
||
|
||
function currentDiv(n) {
|
||
showDivs(slideIndex = n);
|
||
}
|
||
|
||
function showDivs(n) {
|
||
var i;
|
||
var x = document.getElementsByClassName("mySlides");
|
||
var dots = document.getElementsByClassName("demo");
|
||
if (n > x.length) {slideIndex = 1}
|
||
if (n < 1) {slideIndex = x.length}
|
||
for (i = 0; i < x.length; i++) {
|
||
x[i].style.display = "none";
|
||
}
|
||
for (i = 0; i < dots.length; i++) {
|
||
dots[i].className = dots[i].className.replace(" w3-red", "");
|
||
}
|
||
x[slideIndex-1].style.display = "block";
|
||
dots[slideIndex-1].className += " w3-red";
|
||
}
|
||
</script>
|
||
<?php
|
||
include('footer.php');
|
||
|
||
?>
|