Nerede nasıl kullanmam gerektiğini anlayamadım. Eksik anlatmış olmayayım. "indexsayfasi-digerbilgiler" div'ine "margin-top:1250px" verdim. Sayfa ilk açıldığında karşınıza çıkacak ilk ürünler "çok satanlar" ürünleri. Sayfa ilk açıldığında, sayfa aşağıdaki 1. resim gibi gözüküyor. "Yeni Ürünler" butonuna tıkladığınızda sayfa, aşağıdaki 2. resim gibi gözüküyor. Aşağıya eklediğim iki resme bakabilir misiniz?
"Yeni Ürünler" butonuna tıkladığımda "Güvenli Alışveriş", "7/24 Destek" kısmı çok aşağıda kalıyor. "margin-top" vermedeiğimde ise aşağıdaki 3. resimde görüldüğü şekilde oluyor. Çok karmaşık olur diye eklememiştim ama "indexurun.php" sayfasını ve css kodlarını da ekliyorum.
https://www.hizliresim.com/r8b53qd
https://www.hizliresim.com/3uwvw39
https://www.hizliresim.com/3h2atbx
"indexurunler.php sayfasına ait css kodları"
.urunlersayfasi-indexurunler-container-alani {
width:100%;
height:auto;
}
.tumbolumlerdiv {
position:absolute;
width:1140px;
margin-top:60px;
margin-left:0px;
}
.index-cok-satanlar-buton {
position:absolute;
width:160px;
height:40px;
background:#cd5c5c;
color:#fff;
margin-top:10px;
}
.index-kampanyali-urunler-buton {
position:absolute;
width:190px;
height:40px;
background:#cd5c5c;
color:#fff;
margin-top:10px;
margin-left:180px;
}
.index-yeni-urunler-buton {
position:absolute;
width:160px;
height:40px;
background:#cd5c5c;
color:#fff;
margin-top:10px;
margin-left:390px;
}
.urunkarti {
width:23%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
height:377px;
text-align: center;
font-family:arial;
float:left;
margin-left:2.66%;
margin-top:15px;
}
.urunkarti:nth-child(-n+4) {
width:23%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
height:377px;
text-align: center;
font-family:arial;
float:left;
margin-top:0px;
}
.urunkarti:first-child {
width:23%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
height:377px;
text-align: center;
font-family:arial;
float:left;
margin-left:0%;
}
.urunkarti:nth-child(4n+1) {
width:23%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
height:377px;
text-align: center;
font-family:arial;
float:left;
margin-left:0%;
}
.urunkarti img {
width:100%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
height:200px;
text-align: center;
font-family:arial;
float:left;
margin-left:0px;
}
.indexurunler-icerik-yazisi {
height:67px;
font-size:17px;
margin-top:210px;
padding:0px 5px;
}
.fiyat {
height:35px;
line-height:35px;
color: grey;
font-size:22px;
margin-top:0px;
}
.urunkarti button {
width:100%;
height:35px;
line-height:35px;
border:none;
outline:0;
padding:0px 5px;
color:white;
background:#60a3bc;
text-align:center;
cursor:pointer;
font-size:18px;
margin-top:0px;
}
.urunkarti button:hover {
background:#596275;
opacity: 0.9;
margin-top:0px;
}
.index-urunler-asagiacilir-div {
position:absolute;
width:1140px;
height:45px;
margin-top:1070px;
text-align:center;
}
.index-urunler-asagiacilir-div img {
width:65px;
height:30px;
}
.indexdigerfirsaturunleri {
position:absolute;
width:1140px;
height:450px;
margin-top:1100px;
margin-left:0px;
}
.indexdigercokurunleri {
position:absolute;
width:1140px;
margin-top:1100px;
margin-left:0px;
}
.indexdigerkampanyaurunleri {
position:absolute;
width:1140px;
margin-top:1100px;
margin-left:0px;
}
.indexurun-incele-yazisi {
position:absolute;
width:10%;
height:30px;
line-height:30px;
font-size:16px;
background:#60a3bc;
color:#fff;
}
indexurunler.php
<body>
<div class="urunlersayfasi-indexurunler-container-alani">
<form action="" method="POST">
<input type="submit" class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-xs-1 index-cok-satanlar-buton" onclick="cok()" name="coksatanlar" value="Çok Satılanlar">
<input type="submit" class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-xs-1 index-kampanyali-urunler-buton" onclick="kampanya()" name="kampanyaliurunler" value="Kampanyalı Ürünler">
<input type="submit" class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-xs-1 index-yeni-urunler-buton" onclick="yeni()" name="yeniurunler" value="Yeni Ürünler">
</form>
<div class="row no-gutters">
<?php if(isset($_POST['yeniurunler'])) { ?>
<div id="yeniurunlerbolumu" class="tumbolumlerdiv">
<?php
$veriler = "SELECT indexurunleryeni_resim, indexurunleryeni_icerik, indexurunleryeni_fiyat FROM indexurunleryeni ORDER BY indexurunleryeni_id DESC LIMIT 20";
$result = $conn->query($veriler);
foreach ($result as $row) {
?>
<div class="urunkarti">
<img src="images/indexproductcard/<?php echo $row['indexurunleryeni_resim']; ?>">
<h5 class="indexurunler-icerik-yazisi">
<?php echo substr($row['indexurunleryeni_icerik'],0,88); ?>
</h5>
<p class="fiyat"><?php echo $row['indexurunleryeni_fiyat']; ?></p>
<p><button>Sepete Ekle</button></p>
</div>
<?php } ?>
</div>
<?php } elseif (isset($_POST['kampanyaliurunler'])) { ?>
<div id="kampanyabolumu" class="tumbolumlerdiv">
<?php
$veriler = "SELECT indexurunlerkampanya_resim, indexurunlerkampanya_icerik, indexurunlerkampanya_fiyat FROM indexurunlerkampanya ORDER BY indexurunlerkampanya_id DESC LIMIT 20";
$result = $conn->query($veriler);
foreach ($result as $row) {
?>
<div class="urunkarti">
<img src="images/indexproductcard/<?php echo $row['indexurunlerkampanya_resim']; ?>">
<h5 class="indexurunler-icerik-yazisi">
<?php echo substr($row['indexurunlerkampanya_icerik'],0,88); ?>
</h5>
<p class="fiyat"><?php echo $row['indexurunlerkampanya_fiyat']; ?></p>
<p><button>Sepete Ekle</button></p>
</div>
<?php } ?>
</div>
<?php } else { ?>
<div id="cokbolumu" class="tumbolumlerdiv">
<?php
$veriler = "SELECT indexurunlercoksatanlar_resim, indexurunlercoksatanlar_icerik, indexurunlercoksatanlar_fiyat FROM indexurunlercoksatanlar ORDER BY indexurunlercoksatanlar_id DESC LIMIT 20";
$result = $conn->query($veriler);
foreach ($result as $row) {
?>
<div class="urunkarti">
<img src="images/indexproductcard/<?php echo $row['indexurunlercoksatanlar_resim']; ?>">
<h5 class="indexurunler-icerik-yazisi">
<?php echo substr($row['indexurunlercoksatanlar_icerik'],0,88); ?>
</h5>
<p class="fiyat"><?php echo $row['indexurunlercoksatanlar_fiyat']; ?></p>
<p><button>Sepete Ekle</button></p>
</div>
<?php } ?>
</div>
<?php } ?>
</div> <!-- row bitişi -->
</div> <!-- Container Bitişi -->
<script type="text/javascript">
function yeni {
document.getElementById("#yeniurunlerbolumu").style.display = "block";
document.getElementById("#cokbolumu").style.display = "none";
document.getElementById("#kampanyabolumu").style.display = "none";
}
function cok {
document.getElementById("#cokbolumu").style.display = "block";
document.getElementById("#yeniurunlerbolumu").style.display = "none";
document.getElementById("#kampanyabolumu").style.display = "none";
}
function kampanya {
document.getElementById("#kampanyabolumu").style.display = "block";
document.getElementById("#yeniurunlerbolumu").style.display = "none";
document.getElementById("#cokbolumu").style.display = "none";
}
</script>
</body>
Teşekkür ederim. "p0" işe yaradı. Bilgiler için teşekkür ederim.
Html kısmını eklemeyi unutmuşum.
<div class="container">
<div class="logo-sosyalmedya-ve-giris-kayit-alani-div">
<div class="logo">
<a href="index.php"><img src="images/logo/logo.jpg" /></a>
</div>
</div>
</div>
Arkadaşlar şu şekilde hallettim sonunda. Herkese teşekkür ederim.
<?php
<div class="indexurunler-container-alani">
<form action="" method="POST">
<input type="submit" class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-xs-1 index-firsat-urunleri-buton" onclick="firsat()" name="firsaturunleri" value="Fırsat Ürünleri">
<input type="submit" class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-xs-1 index-cok-satanlar-buton" onclick="cok()" name="coksatanlar" value="Çok Satılanlar">
<input type="submit" class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-xs-1 index-kampanyali-urunler-buton" onclick="kampanya()" name="kampanyaliurunler" value="Kampanyalı Ürünler">
</form>
<div class="row no-gutters">
<?php if(isset($_POST['coksatanlar'])) { ?>
<div id="cokbolumu" class="tumbolumlerdiv">
<?php
$veriler = "SELECT indexurunlercoksatanlar_resim, indexurunlercoksatanlar_icerik, indexurunlercoksatanlar_fiyat FROM indexurunlercoksatanlar";
$result = $conn->query($veriler);
foreach ($result as $row) {
?>
<div class="urunkarti">
<img src="images/indexproductcard/<?php echo $row['indexurunlercoksatanlar_resim']; ?>">
<h5 class="indexurunler-icerik-yazisi">
<?php echo substr($row['indexurunlercoksatanlar_icerik'],0,88); ?>
</h5>
<p class="fiyat"><?php echo $row['indexurunlercoksatanlar_fiyat']; ?></p>
<p><button>Add to Cart</button></p>
</div>
<?php } ?>
</div>
<?php } elseif (isset($_POST['kampanyaliurunler'])) { ?>
<div id="kampanyabolumu" class="tumbolumlerdiv">
<?php
$veriler = "SELECT indexurunlerkampanya_resim, indexurunlerkampanya_icerik, indexurunlerkampanya_fiyat FROM indexurunlerkampanya";
$result = $conn->query($veriler);
foreach ($result as $row) {
?>
<div class="urunkarti">
<img src="images/indexproductcard/<?php echo $row['indexurunlerkampanya_resim']; ?>">
<h5 class="indexurunler-icerik-yazisi">
<?php echo substr($row['indexurunlerkampanya_icerik'],0,88); ?>
</h5>
<p class="fiyat"><?php echo $row['indexurunlerkampanya_fiyat']; ?></p>
<p><button>Add to Cart</button></p>
</div>
<?php } ?>
</div>
<?php } else { ?>
<div id="firsatbolumu" class="tumbolumlerdiv">
<?php
$veriler = "SELECT indexurunlerfirsat_resim, indexurunlerfirsat_icerik, indexurunlerfirsat_fiyat FROM indexurunlerfirsat";
$result = $conn->query($veriler);
foreach ($result as $row) {
?>
<div class="urunkarti">
<img src="images/indexproductcard/<?php echo $row['indexurunlerfirsat_resim']; ?>">
<h5 class="indexurunler-icerik-yazisi">
<?php echo substr($row['indexurunlerfirsat_icerik'],0,88); ?>
</h5>
<p class="fiyat"><?php echo $row['indexurunlerfirsat_fiyat']; ?></p>
<p><button>Add to Cart</button></p>
</div>
<?php } ?>
</div>
<?php } ?>
</div>
</div>
<script type="text/javascript">
function firsat {
document.getElementById("#firsatbolumu").style.display = "block";
document.getElementById("#cokbolumu").style.display = "none";
document.getElementById("#kampanyabolumu").style.display = "none";
}
function cok {
document.getElementById("#cokbolumu").style.display = "block";
document.getElementById("#firsatbolumu").style.display = "none";
document.getElementById("#kampanyabolumu").style.display = "none";
}
function kampanya {
document.getElementById("#kampanyabolumu").style.display = "block";
document.getElementById("#firsatbolumu").style.display = "none";
document.getElementById("#cokbolumu").style.display = "none";
}
</script>
?>
Arkadaşlar benim problemim devam ediyor. Yardımcı olabilir misiniz? :)
Aslında fonksiyonluk bir şey yok. Aktif olan butonun içindekiler görünsün istiyorum.
Tekrar merhaba. Fonksiyon kullanmam gerekli. Aşağıdaki kodlarla butonlar görünüyor ama listeleme yapamıyorum. Butonlara tıklayınca herhangi bir şey gelmiyor. "if isset" kullandığımda da olmadı.
<?php
<div class="indexurunler-container-alani">
<form action="" method="POST">
<button class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-xs-1 index-firsat-urunleri-buton" name="firsaturunleri">Fırsat Ürünleri</button>
<button class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-xs-1 index-cok-satanlar-buton" name="coksatanlar">Çok Satanlar</button>
<button class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-xs-1 index-kampanyali-urunler-buton" name="kampanyaliurunler">Kampanyalı Ürünler</button>
</form>
<div class="row no-gutters">
<?php
if ($_POST('firsaturunleri')) {
function indexfirsaturunleri_fonksiyonu() {
global $conn;
$veriler = "SELECT indexurunlerfirsat_resim, indexurunlerfirsat_icerik, indexurunlerfirsat_fiyat FROM indexurunlerfirsat";
$result = $conn->query($veriler);
foreach ($result as $row) {
?>
<div class="col">
<div class="card">
<img src="images/indexproductcard/<?php echo $row['indexurunlerfirsat_resim']; ?>">
<h5 class="indexurunler-icerik-yazisi">
<?php echo substr($row['indexurunlerfirsat_icerik'],0,88); ?>
</h5>
<p class="price"><?php echo $row['indexurunlerfirsat_fiyat']; ?></p>
<p><button>Add to Cart</button></p>
</div>
</div>
<?php } indexfirsaturunleri_fonksiyonu(); } } ?>
<!-- ---------- ->
<?php
if ($_POST('coksatanlar')) {
function indexcoksatanlar_fonksiyonu() {
global $conn;
$veriler = "SELECT indexurunlercoksatanlar_resim, indexurunlercoksatanlar_icerik, indexurunlercoksatanlar_fiyat FROM ndexurunlercoksatanlar";
$result = $conn->query($veriler);
foreach ($result as $row) {
?>
<div class="col">
<div class="card">
<img src="images/indexproductcard/<?php echo $row['indexurunlercoksatanlar_resim']; ?>">
<h5 class="indexurunler-icerik-yazisi">
<?php echo substr($row['indexurunlercoksatanlar_icerik'],0,88); ?>
</h5>
<p class="price"><?php echo $row['indexurunlercoksatanlar_fiyat']; ?></p>
<p><button>Add to Cart</button></p>
</div>
</div>
<?php } indexcoksatanlar_fonksiyonu(); } } ?>
<!-- ---------- ->
<?php
if ($_POST('kampanyaliurunler')) {
function kampanyaliurunler_fonksiyonu() {
global $conn;
$veriler = "SELECT indexurunlerkampanya_resim, indexurunlerkampanya_icerik, indexurunlerkampanya_fiyat FROM indexurunlerkampanya";
$result = $conn->query($veriler);
foreach ($result as $row) {
?>
<div class="col">
<div class="card">
<img src="images/indexproductcard/<?php echo $row['indexurunlerkampanya_resim']; ?>">
<h5 class="indexurunler-icerik-yazisi">
<?php echo substr($row['indexurunlerkampanya_icerik'],0,88); ?>
</h5>
<p class="price"><?php echo $row['indexurunlerkampanya_fiyat']; ?></p>
<p><button>Add to Cart</button></p>
</div>
</div>
<?php } kampanyaliurunler_fonksiyonu(); } } ?>
</div> <!-- row alanı bitişi ->
</div> <!-- ürünler container alanı bitişi ->
?>
Teşekkür ederim Tayfun hocam. Fonksiyon kullanmadan yaptım artık. Eyvallah.
Eyvallah tayfun hocam. Sorun çözüldü.
Tek sayfa var zaten. Bütün linkler index.php sayfasında. İkinci bir "php" sayfası yok ortada.