JezK
Edit File: vendor_header.php
<?php include('commonredirect.php'); if(!isset($_SESSION)) session_start(); include('app/useraccess.php'); $userobj=new user(); $textcoursel=''; $vendor = $_GET['vendor']; /*get advertisements block one*/ $textcoursel=''; $ads=$userobj->getAdvertisements(1,NULL,$vendor); $site_config =$userobj->getSiteConfig(); if($ads) { $i=1; foreach($ads as $data) { $adv_id=$data['adv_id']; $adv_link=$data['adv_link']; $adv_type=$data['adv_type']; $adv_block=$data['adv_block']; $adv_img=$data['adv_img']; $block_interval= ($data['block_interval'] != '') ? $data['block_interval']*1000 : 500; if($i==1) { $active='active'; }else { $active=''; } if($adv_type==1) { //text $textcoursel.=' <div class="item '.$active.'"> <div class="row"> <div class="col-sm-12"> <p>'.$adv_link.'</p> </div> </div> </div>'; }else if($adv_type==2) { //image $textcoursel.=' <div class="item '.$active.'"> <div class="row"> <div class="col-sm-12"><img src="advertise/'.$adv_img.'" class="addsliderPic" onclick="javascript:showimg('."'".$adv_img."'".')""></div> </div> </div>'; }else if($adv_type==3) { $textcoursel.=' <div class="item '.$active.'"> <div class="row"> <div class="col-sm-12"> <iframe src="'.$adv_link.'" allowfullscreen width="100%"> </iframe> </div> </div> </div>'; } $i++; $active=''; } //echo $textcoursel; }else { $textcoursel=' <div class="item active"> <div class="row"> <div class="col-sm-12"><img src="img/add.jpg" class="addsliderPic"></div> </div> </div>'; } /*get advertisements block one*/ $textcoursel1=''; $ads1=$userobj->getAdvertisements(2,NULL,$vendor); if($ads1) { $j=1; foreach($ads1 as $data1) { $adv_id1=$data1['adv_id']; $adv_link1=$data1['adv_link']; $adv_type1=$data1['adv_type']; $adv_block1=$data1['adv_block']; $adv_img1=$data1['adv_img']; $block_interval1= ($data1['block_interval'] != '') ? $data1['block_interval']*1000 : 500; if($j==1) { $active1='active'; }else { $active1=''; } if($adv_type1==1) { //text $textcoursel1.=' <div class="item '.$active1.'"> <div class="row"> <div class="col-sm-12"> <p>'.$adv_link1.'</p> </div> </div> </div>'; }else if($adv_type1==2) { //image $textcoursel1.=' <div class="item '.$active1.'"> <div class="row"> <div class="col-sm-12"><img src="advertise/'.$adv_img1.'" class="addsliderPic" onclick="javascript:showimg('."'".$adv_img1."'".')""></div> </div> </div>'; }else if($adv_type1==3) { $textcoursel1.=' <div class="item '.$active1.'"> <div class="row"> <div class="col-sm-12"> <iframe src="'.$adv_link1.'" allowfullscreen width="100%"> </iframe> </div> </div> </div>'; } $j++; $active1=''; } //echo $textcoursel; }else { $textcoursel1=' <div class="item active"> <div class="row"> <div class="col-sm-12"><img src="img/add.jpg" class="addsliderPic"></div> </div> </div>'; } /*get advertisements block Three*/ $textcoursel2=''; $ads2=$userobj->getAdvertisements(3,NULL,$vendor); if($ads2) { $j=1; foreach($ads2 as $data2) { $adv_id2=$data2['adv_id']; $adv_link2=$data2['adv_link']; $adv_type2=$data2['adv_type']; $adv_block2=$data2['adv_block']; $adv_img2=$data2['adv_img']; $block_interval2= ($data2['block_interval'] != '') ? $data2['block_interval']*1000 : 500; if($j==1) { $active2='active'; }else { $active2=''; } if($adv_type2==1) { //text $textcoursel2.=' <div class="item '.$active2.'"> <div class="row"> <div class="col-sm-12"> <p>'.$adv_link2.'</p> </div> </div> </div>'; }else if($adv_type2==2) { //image $textcoursel2.=' <div class="item '.$active2.'"> <div class="row"> <div class="col-sm-12"><img src="advertise/'.$adv_img2.'" class="addsliderPic" onclick="javascript:showimg('."'".$adv_img2."'".')""></div> </div> </div>'; }else if($adv_type2==3) { $textcoursel2.=' <div class="item '.$active2.'"> <div class="row"> <div class="col-sm-12"> <iframe src="'.$adv_link2.'" allowfullscreen width="100%"> </iframe> </div> </div> </div>'; } $j++; $active2=''; } //echo $textcoursel; }else { $textcoursel2=' <div class="item active"> <div class="row"> <div class="col-sm-12"><img src="img/add.jpg" class="addsliderPic"></div> </div> </div>'; } ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <title>Rural2Global Matrimonial</title> <link rel="icon" type="png" href="img/<?php echo $site_config['favicon']; ?>" sizes="32x32" /> <!--<link rel="icon" type="png" href="img/favicon-16x16.png" sizes="16x16" /> --> <link rel="stylesheet" href="https://unpkg.com/simplebar@2.3.1/dist/simplebar.css"> <link rel="stylesheet" href="css/main.css"> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <link href="css/slick.css" rel="stylesheet"> <link href="css/slick-theme.css" rel="stylesheet"> <link href="css/chatboxStyle.css" rel="stylesheet"> <link href="css/media.css" rel="stylesheet"> <!-- theam css --> <!-------------------------------- Custome css -------------------------> <link href="css/Ne_style.css" rel="stylesheet"> <!-------------------------------- Custome css End----------------------> <!-------------------------------- Custome css -------------------------> <link href="css/NE_bootstrap.css" rel="stylesheet"> <!-------------------------------- Custome css End----------------------> <!-------------------------------- Responsive css -------------------------> <link href="css/NE_responsive.css" rel="stylesheet"> <!-------------------------------- Responsive css End----------------------> <!-------------------------------- Hover css ------------------------> <link href="css/NE_hover.css" rel="stylesheet"> <!-------------------------------- hover css End---------------------> <!-------------------------------- Google font ---------------------------> <!--<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>--> <!-------------------------------- Google font End----------------------> <!-------------------------------- icon font ---------------------------> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> <!-------------------------------- icon font End------------------------> <!-------------------------------- custom priyank css ---------------------------> <!--Compose messge--> <link rel="stylesheet" href="css/chosen.css"> <link href="css/editor.css" type="text/css" rel="stylesheet"/> <link rel="stylesheet" href="css/NE_validate.css"> <link rel="stylesheet" type="text/css" href="css/photocrop/component.css"/> <!-- theam css end--> <style> .scrollmarginzero { height: 400px; width: 100%; position: relative; top: 274px; } </style> </head> <body style="overflow:hidden;"> <div class="bgimg"> <?php include("innerbanner.php");?> <div class="layerTop" style="width:100%"> <div class="container-fluid"> <div class="mainCntr"> <div class="col-sm-2 col-md-2 col-lg-2"> <a href='javascript:void(0)'> <img src="img/<?php echo $site_config['web_logo_path']; ?>" class="text-center img-responsive center-block"></a> </div> <div class="col-sm-8 col-md-9 col-lg-9"> <div class="row" style="margin-top: 30px;"> <div class="col-sm-4 addBlk1"> <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="<?=$block_interval?>" data-pause="false"> <!-- Wrapper for slides --> <div class="carousel-inner"> <!--div class="item active"> <div class="row"> <div class="col-sm-12"><img src="img/add.jpg" class="addsliderPic"></div> </div> </div--> <?=$textcoursel?> </div> </div> </div> <div class="col-sm-4 addBlk2"> <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="<?=$block_interval1?>" data-pause="false"> <!-- Wrapper for slides --> <div class="carousel-inner"> <?=$textcoursel1?> </div> </div> </div> <div class="col-sm-4 addBlk3"> <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="<?=$block_interval2?>" data-pause="false"> <!-- Wrapper for slides --> <div class="carousel-inner"> <?=$textcoursel2?> </div> </div> </div> </div> </div> <div class="col-sm-2 col-md-1 col-lg-1 text-right logoutresponsivetop"><a href="logout.php"><img src="img/2.png" id="logOut" onmouseover="hover(this);" onmouseout="unhover(this);" class="logOut "> </a></div> <!-- search container cntr --> <div class="container"> <!-- search cntr --> <div class="row romoveMrgn"> <div class="col-md-9 col-md-offset-3"> <div class="col-md-10 col-sm-9 col-xs-9"> <select class="selectBox m-bot15" name="relegion" id="relegion" style="display:none"> <option>Search</option> </select> <div class="text-parnt" id="gentextbox"> <input type="text" class="textBox otherSearch" placeholder="Search" name="generalsearch" id="generalsearch"> <div class="textAorw"> <a href="javascript:void(0)" onclick="return getRegionsData()"><img src="img/droupdown.png"></a> </div> </div> </div> <div class="col-md-2 col-sm-3 col-xs-3 rmovePdng rmoveRthPdng"> <input type="button" value="Search" class="srchBt" onclick="return getSData();"> </div> </div> </div> <!-- search cntr end --> </div> <!-- search container cntr End --> </div> <div style="clear:both;"></div> <div class="scrollmarginzero" data-simplebar="init"> <div class="simplebar-scroll-content" style="margin-right: -20px; padding-right: 20px; margin-bottom: -30px;"> <div class="simplebar-content" style="padding-bottom: 20px; margin-right: -15px;"> <div class="container bodyCntr"> <header class="hdr"> <div id="location" style="display:none"></div> </header> <script> function showimg(val) { //alert(val); var img = val.trim(); $('#freeModal').modal('show'); document.getElementById('modalcontent').innerHTML = '<img src="advertise/'+img+'" class="img-responsive fixedimage">'; } </script> <!-- <script src='https://maps.googleapis.com/maps/api/js?callback=initMap &libraries=places&key=AIzaSyCuUP5Wtuw9Se5ygGhE2VZ6e7YlrhThxrA' async defer></script> ---> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCPE-U6L8f_rLoVwWqTmpER3if8AbatCq0&libraries=places&callback=initMap" async defer></script> <div id="freeModal" class="modal fade" role="dialog"> <div class="modal-dialog"> <!-- freemodal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title"></h4> </div> <div class="modal-body"> <p id="modalcontent"></p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> <style type="text/css"> .modal { text-align: center; padding: 0!important; } .modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; } </style> <script> function hover(element) { element.setAttribute('src', 'img/1.png'); } function unhover(element) { element.setAttribute('src', 'img/2.png'); } </script>