index.php — This file will contain the master template (header, footer, etc) and basic routing so we can include the pages below. home.php — This file will be the home page that will contain a featured image and 4 recently added products. products.php — This file will be for displaying all products with basic pagination. product.php — This file will display a product (depends on the GET request) and will contain a form that will allow the customer to change the quantity and add to cart the product. cart.php — The shopping cart page that will populate all the products that have been added to cart, along with the quantities, total prices, and subtotal price. placeorder.php — A basic message that will be displayed to the user when they place an order.

Maak een eigen webshop en kies min.6 producten die je gaat verkopen.

Voorbeelden webshops:


Logo design

Start eerst met het ontwerpen van een leuk logo en benamming voor je winkel. Hou het simplistisch, zoek naar een leuke typo met of zonder beeld.

Kijk bij concurrenten, hieronder een link van een gallerij met moderen logo's.

Banner design

Zoek een geschikte foto als header en ontwerp in Photoshop. Verbeter de kleuren. Vergeet ook niet dat de breedte van de foto op 100% fullscreen wordt uitgerokken.

Tip: zorg dat de tekst leesbaar wordt in de HTML (er komt tekst over).

Download hier het startbestand (.html). Vul eerst de ... verder aan in de HTML-tags.

Vul nadien de CSS verder aan (style.css)

Overzicht PHP-pagina's:

  • index.php(Master template): Je importeerd de header & footer via de functie 'include'. De homepagina geeft de 4 recentste producten weer?
  • products.php: Je ziet hier alle producten weer gegeven die de tabel bevat.
  • detail.php: Dit bestand toon een product, hangt af van de GET request. Het bevat ook een formulier dat het product toevoegt aan de tabel 'order'.
  • cart.php: Toont alle producten die in de tabel 'order' staan. Je kan hier het aantal veranderen of het product verwijderen.
  • placeorder.php: Je voegt je adres nog toe en krijgt een bericht dat je bestelt hebt.

header

Je gaat een nieuw bestand maken header.php. Knip alles tot en met de tag <main>

In de index.php roep je de pagina op met: 

<?php include('header.php')?>

footer

Je gaat hetzelfde doen voor de footer. Maak een nieuw bestand footer.php. Knip alles vanaf de tag </main>

In de index.php roep je de pagina op met: 

<?php include('footer.php')?>