View file File name : test.php Content :<!DOCTYPE html> <?php include './class/include.php'; $id = ''; $id = $_GET['id']; $PRODUCT_PHOTO = new ProductPhoto($id); $PRODUCT = new Product($id); $PRODUCTS = $PRODUCT->getProductsById($id); ?> <html lang="en"> <head> <meta charset="UTF-8"> <title>Faithlink International (Pvt) Ltd - Product</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta content="width=device-width, initial-scale=1" name="viewport" /> <meta content="" name="description" /> <meta content="" name="author" /> <!-- BEGIN GLOBAL MANDATORY STYLES --> <link href="plugins/normalize.css" rel="stylesheet" type="text/css"> <link href="plugins/uikit-2.27.2/css/uikit.min.css" rel="stylesheet" type="text/css"> <link href="plugins/font-awesome-4.7/css/font-awesome.min.css" rel="stylesheet" type="text/css"> <link href="plugins/slick-master/slick/slick.css" rel="stylesheet" type="text/css"> <link href="plugins/flat-icon/flaticon.css" rel="stylesheet" type="text/css"> <!-- END GLOBAL MANDATORY STYLES --> <!-- BEGIN PAGE COMPONENTS UIKIT --> <link href="plugins/uikit-2.27.2/css/components/sticky.min.css" rel="stylesheet" type="text/css"> <link href="plugins/uikit-2.27.2/css/components/slider.min.css" rel="stylesheet" type="text/css"> <!-- END PAGE COMPONENTS UIKIT --> <!-- BEGIN REVOLUTION SLIDER --> <link rel="stylesheet" href="plugins/revolution/css/settings.css"> <link rel="stylesheet" href="plugins/revolution/css/layers.css"> <link rel="stylesheet" href="plugins/revolution/css/navigation.css"> <!-- END REVOLUTION SLIDER --> <!-- BEGIN TEMPLATE LAYOUT STYLES --> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/responsive.css"> <!-- END TEMPLATE LAYOUT STYLES --> <link rel="shortcut icon" href="images/icon.png" /> </head> <body> <!-- BEGIN HEADER --> <?php include './header.php'; ?> <!-- END HEADER --> <!-- BEGIN CONTAINER --> <!-- BEGIN SLIDER --> <section class="brick-banner"> <div class="uk-container uk-container-center"> <div class="title"> <h3>PRODUCT</h3> <ul> <li><a href="index.php">Home</a></li> <li class="active"><a href="product.php">Product</a></li> </ul> </div> </div> </section> <section class="product-detail set-padding"> <div class="uk-container uk-container-center" style="margin-top: 50px; margin-bottom: 50px;"> <div class="uk-grid"> <div class="uk-width-medium-3-4 uk-width-small-1-1 uk-width-1-1"> <div class="box-detail uk-clearfix"> <div class="box-product-detail uk-clearfix"> <ul class=" slick-big-images"> <?php foreach ($PRODUCT_PHOTO->getProductPhotosById($id) as $key => $product_photo) { ?> <li> <div class="box-img"> <img src="upload/product-type/product/gallery/<?php echo $product_photo['image_name']; ?>" alt=""> </div> </li> <?php } ?> </ul> <ul class="slick-thumbnail-images"> <?php foreach ($PRODUCT_PHOTO->getProductPhotosById($id) as $key => $product_photo) { ?> <li> <div class="box-thumbanil"> <img src="upload/product-type/product/gallery/thumb/<?php echo $product_photo['image_name'] ?>" alt=""> </div> </li> <?php } ?> </ul> </div> <div class="box-detail-content"> <h3><?php echo $PRODUCT->name; ?></h3> <p><?php echo $PRODUCT->description; ?></p> <div class="brick-button brick-button-yellow brick-button-radius"> <a href="<?php echo $PRODUCT->url; ?>" target="_blank"><h3>Read More</h3></a> </div> </div> </div> </div> </div> </div> </section> <!-- END SLIDER --> <!-- BEGIN FOOTER --> <?php include './footer.php'; ?> <!-- END FOOTER --> <div class="brick-backtotop brick-background-yellow" data-uk-smooth-scroll><span class="fa fa-arrow-up"></span></div> <!-- BEGIN JQUERY JS --> <script src="plugins/jquery/jquery-1.12.4.min.js"></script> <script src="plugins/uikit-2.27.2/js/uikit.min.js" type="text/javascript"></script> <script src="plugins/slick-master/slick/slick.min.js" type="text/javascript"></script> <script src="plugins/jquery-waypoints/2.0.3/waypoints.min.js" type="text/javascript"></script> <script src="plugins/jquery-count-to-number/jquery.counterup.min.js" type="text/javascript"></script> <!-- END JQUERY JS --> <!-- BEGIN COMPONENT UIKIT--> <script src="plugins/uikit-2.27.2/js/components/sticky.min.js" type="text/javascript"></script> <script src="plugins/uikit-2.27.2/js/components/slider.min.js" type="text/javascript"></script> <!-- END COMPONENT UIKIT--> <!-- BEGIN REVOLUTION SLIDER --> <script src="plugins/revolution/js/jquery.themepunch.tools.min.js"></script> <script src="plugins/revolution/js/jquery.themepunch.revolution.min.js"></script> <script src="plugins/revolution/js/extensions/revolution.extension.actions.min.js"></script> <script src="plugins/revolution/js/extensions/revolution.extension.carousel.min.js"></script> <script src="plugins/revolution/js/extensions/revolution.extension.kenburn.min.js"></script> <script src="plugins/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script> <script src="plugins/revolution/js/extensions/revolution.extension.migration.min.js"></script> <script src="plugins/revolution/js/extensions/revolution.extension.navigation.min.js"></script> <script src="plugins/revolution/js/extensions/revolution.extension.parallax.min.js"></script> <script src="plugins/revolution/js/extensions/revolution.extension.slideanims.min.js"></script> <script src="plugins/revolution/js/extensions/revolution.extension.video.min.js"></script> <!-- END REVOLUTION SLIDER --> <!-- BEGIN MAIN JS --> <script src="js/main.js"></script> <!-- END MAIN JS --> </body> </html>