A kezdőlap tartalmának beolvasását követően # jelnél darabolva 5 részre bontjuk. Ezeket CSS3 animáció segítségével egymást követően jelenítjük meg.
Az oldalhoz tartozó 5 képpel hasonlóképp járunk el.
A tartalmat követően linkjükbe ágyazva megjelenítjük a webáruház kategóriáinak kis képeit, neveit.
A webáruház minden általános oldala tartalmazza a kosárba helyezett termékeket tartalmazó táblázatot, amely csak akkor kerül megjelenítésre ha a hozzá tartozó elrejtett kiválasztó gomb aktív. Ezt a felhasználó a címkéjében elhelyezett kosár ikonra kattintva állíthatja.
1. példa:
Forráskód
<?php
function Kiir_Kezdolap()
{
global $AktOldal, $MySqliLink;
$HTMLkod = '';
$HTMLkosar = Kiir_kosar();
//Tartalom beolvasása a #-el határolt elemekre bontása
//A tartalom 5 lépésben egymás után kerül megjelenítésre
$SelectStr = "SELECT * FROM oldal_tartalom WHERE Oid=".$AktOldal['id']." LIMIT 1";
$result = mysqli_query($MySqliLink,$SelectStr) OR die("Hiba T0 ");
$row = mysqli_fetch_array($result, MYSQLI_ASSOC);mysqli_free_result($result);
$TartalomStr = karakter_csere_vissza($row['OTartalom']);
$TartalomTmb = explode('#', $TartalomStr);
for ($i=1;$i<=5;$i++) {if ($TartalomTmb[$i]=='') {$TartalomTmb[$i]=$TartalomTmb[0];} }
//Az oldalhoz tartozó képek betöltése
$i = 0;
$SelectStr = "SELECT * FROM kep WHERE Oid=".$AktOldal['id']." ORDER by KSorszam ";
$result = mysqli_query($MySqliLink,$SelectStr) OR die("Hiba T00 ");
while($row = mysqli_fetch_array($result))
{
$BKepURLTmb[$i] = $row['KURL']; $BKepNevTmb[$i] = $row['KNev']; $BKepLeirTmb[$i] = $row['KLeiras']; $i++;
} mysqli_free_result($result);
if ($BKepURLTmb[0] > '') {
for ($j=$i;$j<5;$j++) {$BKepURLTmb[$j] = $BKepURLTmb[0]; $BKepLeirTmb[$i]=$BKepLeirTmb[0];
$BKepNevTmb[$i]=$BKepNevTmb[0];}
for ($i=0;$i<5;$i++) {$BKepTmb[$i] = "<img src='kepek/".$BKepURLTmb[$i]."' alt='".$BKepLeirTmb[$i]
."' title='".$BKepNevTmb[$i]."' class='BKep' id='BKep$i' >";}
} else {
for ($i=0;$i<5;$i++) {$BKepTmb[$i] = '';}
}
$Tartalom ='';
//A képek megjelenítése
for ($i=0;$i<5;$i++) {
$Tartalom .= "n<div id='FoBannerBelso$i' class='FBB'>".$BKepTmb[$i].$TartalomTmb[$i]."</div>";
}
// A kosár megjelenítése (Csak akkor látszik, ha a felhasználó a kosár ikonra kattint.)
if ($HTMLkosar>'') {$HTMLkod .= "<div id='KosarKulso'>$HTMLkosar</div><br><br>";}
else { $HTMLkod .= "<div id='FoBanner'>$Tartalom </div>";}
// Kategóriák adatainak betöltése és képes link formájában történő megjelenítése
$SelectStr = "SELECT * FROM oldal WHERE OSzulo=".$AktOldal['id']." and OTipus=".OKategoria ;
$result = mysqli_query($MySqliLink,$SelectStr) OR die("Hiba T1 ");
while($rowkat = mysqli_fetch_array($result))
{
$HTMLkod .= "<div class='KepesMenu' title='".$rowkat['ORLeiras']."'>
<a href='?f0=".$rowkat['OURL']."'>
<figure class='Linkfigure' style='background-image:url(kepek/".$rowkat['OKep'].");'></figure>
<p>".$rowkat['ONev']."</p> </a></div>";
}
mysqli_free_result($result);
echo $HTMLkod;
}
?>
A webáruház megtekinthető és letölthető itt: Ingyen webáruház - W3 Free Shop