WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

A kezdőlap megjelenítése



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