|
|
|
|
|
11.2 Webdav i detalj
11.2.1 Butiksmallar
Webbutiken består av vanliga HTML sidor som hämtar data från
shoppingsystemet genom att inkludera ett antal färdiga
komponenter. Webbutiks-innehavaren kan redigera HTML-sidorna men normalt sätt
inte komponenterna.
Sidornas struktur
Det är lämpligt att varje HTML sida i webbutiken följer nedanstående mall:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" lang="sv">
<head>
<title>...</title>
<link type="text/css" rel="stylesheet" href="/MyStyle.css" />
<script language="JavaScript" type="text/javascript" src="/__SYS__/SE-util.js">
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<% INCLUDE '/INC_above.html' %>
<p>Här skriver vi innehåll</p>
<% INCLUDE '/INC_below.html' %>
</body>
</html>
Vi länkar alltid till MyStyle.css stylesheet, och SE-util.js för att få tillgång till formgivning & hjälpfunktioner. INCLUDE-kommandot som står inom <% %> taggar är ett av många kommandon i shopsystemet, här använder vi det för att läsa in allt som skall visas före respektive sidan innehåll, tex navigeringsmenyer och statusinformation som skall vara samma på alla sidor i webbutiken.
Sidornas filnamn
Det är upp till webbutiks-innehavaren/designern att ge nya sidor lämpliga filnamn. För de standardsidor som behövs i alla webbutiker är det lämpligt att följa de namn som vi använder då de komponenter som finns länkar till dessa namn. Nedan följer de sidor som en normal webbbutik hos oss består av.
- index.html
- Startsida i webbutiken, måste finnas annars ser inte kunden något.
- cart.html
- Innehåll i kundvagnen. Möjlighet att gå till kassan alt. skicka iväg ordern.
- order2.html
- Sidan som visas innan kunden bekräftar beställningen.
- order3.html
- Sidan som visas efter det att kunden lagt en order.
- category.html
- Visar innehållet i en varugrupp.
- product.html
- Visar en vara (bild+text+artiklar)
- search.html
- Visar de varor som hittats vid sökning
- customer.html
- Kundens inloggning & statussida. Är kunden inloggad visas status annars inloggnings-info.
- customer-*.html
- - Sidor för kunden att ändra adress,inställningar etc.
- sitemap.html
- Innehåller länkar till alla varor/varugrupper så att sökmotorer enkelt skall kunna indexera innehållet i webbutiken.
Kodningskonventioner
Sidor som ligger i webbutiken har ändelsen .html. Komponenter som används genom INCLUDE-kommandot har ändelsen .htm Sidor som länkas från komponenter bör inte ha absoluta sökvägar, då man inte vet varifrån komponenten kommer att användas.
11.2.2 Komponenter
En komponent är en liten snutt HTML och scriptkod som visar något
speciellt. Det finns ett antal färdiga komponenter att använda när man
gör en ny layout.
Tex, vi vill in i sidan /grossister/status.html för att visa vad som finns i kundvagnen. Vi anropar komponenten cart-mini.htm genom att lägga in koden <% INCLUDE 'cart-mini.htm' %> på lämpligt ställe i koden. Systemet letar först efter filen 'cart-mini.htm' i /grossister/ då det är här sidan som anropet sker ifrån ligger. Finns det inte någon cart-mini.htm i den katalogen letar systemet vidare i /INC (som är tom när webbutiken skapats), finns inte filen här heller letar systemet i sin globala komponentkatalog. Där hittas filen och den infogas i webbsidan. Skulle den inte finnas där heller kommer ett felmeddelande istället.
Vad är då poängen med det här komplicerade förfarandet? Jo, det ger den som skapar en webbutiks-design snabb och enkel åtkomst till ett antal färdiga byggstenar (de som ligger i den globala komponentkatalogen) samtidigt som det ges möjlighten att byta ut och förbättra de komponenter man inte är nöjd med.
- ad-sidebar.htm
- cart-contents.htm
- cart-mini.htm
- cart-mini2.htm
- category-trace.htm
- category-tree.htm
- choose-payment.htm
- choose-shipping.htm
- customer-address.htm
- customer-login.htm
- customer-new.htm
- customerinfo-mini.htm
- extra-menu.htm
- favorites.htm
- kampanj.htm
- menu-flat.htm
- menu-product.htm
- menu-tree.htm
- online-payment.htm
- order-place_order.htm
- order.htm
- pageselector.htm
- product-detail.htm
- product-list.htm
- product-midi.htm
- product-mini.htm
- product-small.htm
- product-small2.htm
- search-mini.htm
Webbutik, onlinemanual
