Webshop | Productpagina

**Bas de Ruiter** · 08-04-2011, 10:49

Beste,

Ik ben bezig met een webshop en het begint er al aardig op te lijken. Echter vraag ik jullie hulp bij een gedeelte van de producten pagina. De pagina die ik nu heb, laat 1 product zien en die kan in de winkelwagen gelegd worden.

Wanneer ik meedere producten toe voeg, dan krijg je 'zegmaar' de voledige product informatie onder elkaar. Ik wil graag dat je een overzicht krijg van de producten en dat wanneer je op een product klikt, je doorwezen wordt naar dat product en de volledige informatie.

Volgens mij is dit wel mogelijk, maar ben ik er nog niet in geslaagd. Graag uw hulp!

Groeten

Het script:

PHP Code:


<head>
<style>
div.indeling {
 width: 600px;
 float: left; 
 
}
div.gegevens{
 width: 300px;
 float: right;
 
}
div.geen{
 width: 250px;
 float: left;
 
}
</style>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
</head>
<?php
 if(isset($_GET['action']) && $_GET['action'] == "add"){
  $id = intval($_GET['id']);
  if(isset($_SESSION['cart'][$id])){
   $_SESSION['cart'][$id]['quantity']++;
  } else {
   $sql2 = "SELECT * FROM producten WHERE id_product=$id";
   $query2 = mysql_query($sql2);
 
   if(mysql_num_rows($query2) != 0){
    $row2 = mysql_fetch_array($query2);
    $_SESSION['cart'][$row2['id_product']] = array("quantity" => 1, "prijs" => $row2['prijs']);
   } else {
    $message = "Dit id is onjuist!";
   }
  }
 }
?>
<div class="indeling">
<h2 class="message"><?php if(isset($message)){echo $message;} ?></h2>
 
    <?php
  $sql = "SELECT * FROM producten ORDER BY id_product DESC";
  $query = mysql_query($sql) or die(mysql_error());
 
  while($row = mysql_fetch_assoc($query)){
 ?>
 <div class="geen">
  <a href="image.jpg" rel="lightbox" title="image">
  <img src="image.jpg" width="250px" height="204px" border="0" style="float: left">
  </a>
  <div class="afbeeldingen">
   <a href="nopic.png" title="nopic" rel="lightbox[roadtrip]">
   <img src="nopic2.png" border="0" style="border: 1px solid black;margin-left: 4px;margin-right: 10px;margin-top:5px;float: left">
   </a>
  </div>
  <div class="afbeeldingen">
   <a href="nopic.png" title="nopic rel="lightbox[roadtrip]">
   <img src="nopic2.png" border="0" style="border: 1px solid black;margin-right: 10px;margin-top:5px;float: left">
   </a>
  </div>
  <div class="afbeeldingen">
   <a href="nopic.png" title="nopic" rel="lightbox[roadtrip]">
   <img src="nopic2.png" border="0" style="border: 1px solid black;margin-right: 10px;margin-top:5px;float: left">
   </a>
  </div>
 </div>
 <div class="gegevens">
  <font size=4><b><?php echo $row['naam']; ?></b><br /><br /></font>
  <?php echo $row['beschrijving']; ?><br /><br />
  <b>Voorraad:</b> <?php echo $row['voorraad']; ?><br /><br />
  <font size=5><?php echo "&euro;" . $row['prijs']; ?></font> <s>&euro; 19,95</s><br />
  <form method="POST" action="index.php?page=products&action=add&id=<?php echo $row['id_product']; ?>"><br />
  <input type="image" name="submit" src="https://www.sitedeals.nl/images/buttonproduct.png" value="Voeg toe aan mijn winkelwagen!" title="Voeg toe aan mijn winkelwagen!" />
  </form>
 </div>
 
<?php
 }
?>
</div>

**Arek van Schaijk** · 14-04-2011, 10:14

Als je dit zelf hebt geschreven dan lijkt me de gevraagde constructie niet erg lastig toe te passen?

Zo niet dan verzoek ik je vriendelijk om dit onderwerp bij script request te plaatsen of (tegen een vergoeding) in Freelance/werk.

Webshop | Productpagina