Underhåll av webbshopsmodul i excellence PRO butik

Transkript

1 Kort bekrivning av webbplatsens grundfunktioner Webbshoppen består av en Internetapplikation som körs på Windows Internet Information Server. Hela webbshopen jobbar online mot excellence PRO butiks databas. I menyn till vänster visas alla artiklar som markerats för visning på Internet. Det är artikelgruppernas huvudgrupper som visas först, sedan Senaste nytt och längst ned en meny med möjlighet att välja på varumärkesnivå. Öppnar man huvudmenyn, så visas artikelgrupper som undergrupp:

2 Genom att klicka på en artikelgrupp så visas alla artiklar som tillhör den gruppen: Genom att klicka på bilden så visas mera detaljerade uppgifter om artikeln: Om man är inloggad: visas även de storlekar som finns i lager:

3 Här kan man nu beställa den eller de storlekar som finns tillgängliga. Beställningen visas i kundkorgen: Vill man se beställningen i detalj, ser det ut så här:

4 Nu kan man gå till kassan för att slutföra köpet: Klicka på Godkänn order. Då skickas ett aviseringsmail till webbshopsansvarig samt en bekräftelse till kundens mail.

5 En inloggad kund kan se sina egna uppgifter:

6 Man kan även visa inköp och bonus, om man har en kundklubb kopplad till butikssystemet: En ny kund kan registrera sina uppgifter direkt på webbplatsen:

7 I den övre menyn så kan man själv bestämma vilka uppgifter som skall visas:

8

9 Instruktioner för underhåll av webbshop integrerad med excellence PRO butiksdatasystem Underhållsdelen startas i Verktygsmenyn: Underhållsdelen är uppdelad i flikar: Flik 1 grundlayout Meny, vänster ram Logo meny: filnamn för logo som placeras överst i menyramen (till vänster). Om ingen logga skall visas, lämnas fältet tomt. Filnamn anges enligt htmlstandard. Ex: bilder/logo.jpg (bilden som heter logo.jpg ligger i mappen bilder som är en undermapp till webbplatsen rot-mapp)

10 Länk logo: om man vill att loggan enlig ovan skall vara klickbar, lägg länken i detta fält. Ex: (länkar till startsidan för webb-platsen som heter Bredd: skalning av logga, ange önskad bredd. Ex: 90 (pixlar) Bild bakgrund: ange filnamnet på önskad bakgrundsbild för menyramen. Filnamn anges enligt html-standard. Ex: bilder/bakgrund.gif (bilden som heter bakgrund.gif ligger i mappen bilder som är en undermapp till webbplatsen rotmapp) Visa senaste nytt: kryssa för att aktivera menyalternativet Senaste nytt. Visar alla artiklar som markerats för Internet-visning och som inlevererats under de antal dagar, räknat bakåt från dagens datum, som nästa fält anger. Dagar: det antal dagar, räknat bakåt från dagens datum, som skall omfatta Senaste nytt. Startsida Fil startsida: det filnamn som innehåller texten för webbshoppens startsida (se nedan om editering av texter) Använd reklam-frame: kryssa i om det skall visas en övre ram (frame), ovanför menyn. Bild reklam: filmnamnet på den bild som skall visas i reklam-ramen. Ett förslag är att använda t.ex. en animerad gif-bild. Filnamn anges enligt html-standard. Ex: bilder/banner.gif (bilden som heter banner.gif ligger i mappen bilder som är en undermapp till webbplatsen rot-mapp) Layout I denna rutin anger man de färger man vill att varje ram skall ha. Klicka på (markera) den ram som skall ändras. Ändra sedan färgen genom att klicka i färgfältet för Bakgrund och Text. Det finns totalt 7 olika ramar. Knappar och dess funktioner Kontrollera datakälla: används för att kontrollera webbplatsen datakälla, och görs på webbservern Användare: visar alla upplagda användare. Här läggs uppgifter upp när en kund registreras på webbplatsen. Uppgifterna om kunden finns i kundklubbsregistret. Man kan även registrera uppgifter i denna rutin, för att koppla en redan befintlig till ett användarnamn och lösenord. Visa artiklar: tar fram en utskrift över vilka artiklar som är med i webbshoppen.

11 Flik 2 E-post m.m. Fasta uppgifter Webbshopen har en inbyggd lokal mailserver, som skickar mail via Internetoperatörens mailfunktion. Aviseringar skickas från webbshop till en mailadress som används av den som administrerar webbshopen.

12 Titel på webbplats: den text som visas i rubrikraden i webbläsaren Mailserver: dem mailserver som skall användas för utgående mail från webbshopen, för t.ex. orderbekräftelser m.m.. Ex: mail1.telia.com Avisering från avsändare: avsändarnamnet som skall visas vid aviseringar Avisering från mailadress: avsändarnamnets mailadress som skall visas vid aviseringar Avisering till mailadress: den mailadress som skall erhålla aviseringar Avisering till mottagare: namn på mottagen som tar emot aviseringen Webbshoppens namn: det namn som visas i mail m.m. Domännamn för mail: vissa mailservers kräver att ett domännamn anges, men detta fält kan vanligen lämnas tomt Menyhantering artiklar Symbol stängd: filnamn på den bild som visas i menyn. Den stängda symbolen är som standard ett plustecken. Filnamn anges enligt html-standard. Ex: images/plus.gif (bilden som heter plus.gif ligger i mappen images som är en undermapp till webbplatsen rot-mapp) Symbol öppen: filnamn på den bild som visas i menyn. Den öppna symbolen är som standard ett minustecken. Filnamn anges enligt html-standard. Ex: images/plus.gif (bilden som heter plus.gif ligger i mappen images som är en undermapp till webbplatsen rot-mapp) Orderavgift Fraktkostnad: belopp på fasta fraktkostnader. Visas i Kundkorgen Exp.avgift: belopp på eventuell expeditionsavgift. Visas i Kundkorgen Menyhantering

13 Uppgifterna i denna flik styr hur menyn, som ligger i överkant på webbshopen, skall visas. Knapparnas funktion: Ny: lägg upp en ny meny-post Spara: spara uppgifterna Ta bort: radera valda uppgifter Redigera: redigera textfilen direkt Menybeskrivning Menytext: den text som visas i menyn Ordning nr: den plats som uppgifterna skall visas i menyn. Numreras från vänster till höger. Dokument: den fil som innehåller texten som skall visas. Detta är en textfil, och den kan även innehålla valfri HTML-formatering som styr både textvisning samt bilder, länkar m.m. URL: om man vill att menyn skall hänvisa till en annan webbsida än webbshopen, så anger man URL:n i detta fält. Då anges inget dokumentnamn. Ex: Mål ram: varje ram i webbshopen kan användas som mål. Normalt är det shop_main som skall användas. Bild: används ej för närvarande Rubrik: texten visas i en gul ram ( tooltip ) när man placerar muspekaren över menyalternativet i webbläsaren.

14 Om man vill redigera en textfil, räcker det med klicka på knappen Redigera. Då visas följande bild: Redigera och klicka på Spara. Man kan använda HTML-taggar för att påverka visningen. Även länkar och bilder kan läggas in. Några exempel: Gör texten fet: <b>rubrik</b> Visa en bild: <img src= bilder/logo.jpg > Skapa en länk: <a href= >Gå till startsida!</a> Skapa en mail-länk: <a href= mailto: >Skicka mail till Nisse</a> Mera ingående beskrivning av HTML-taggar och hur de används, hänvisas till annan dokumentation. Mycket kan hittas direkt på Internet. Sök på HTML Kurs på t.ex. Ett bra exempel: Bilder

15 För att uppdatera bildinformationen i webbshoppen, så använder man denna funktionen. Bilder placeras i mappen bilder (undermapp till webbshoppens rotmapp), där det finns tre olika mappar: thumb, normal och big. Från originalbilden som refereras i artikelregistret (som normalt ligger i en helt annan bildmapp( t.ex. c:\bilder eller \\server\bilder), så skapas bilder i tre olika storlekar i respektive mapp. Höjden på respektive bild kan ställas in. Skalningen av bredd utförs automatiskt. Normalt används höjderna 75, 200 och 400 pixel. OBS! Originalbilden skall vara av god kvalité och ha en upplösning som är minst 400 pixels på höjden (t.ex 640 x 480 pixel som är en standard för kameror). Om man har en bild i lägre upplösning så kommer den att bli suddig när den förstoras. Generellt så gäller att ju bättre bild man har desto bättre blir resultatet. Detta gäller även vald av bakgrunder m.m. När man klickar på uppdatera så kopieras/skapas alla bilder på de artiklar som markerats i artikelregistret för att visas på Internet. Nyheter

16 I webbshoppens startbild så visas nyheter i högra delen av bilden. Nyheterna läggs in på denna flik och kan läggas upp i god tid innan de skall visas. Knapparnas funktion: Ny: lägg upp en ny nyhet Spara: spara uppgifterna Ta bort: radera valda uppgifter Följande fält skall anges: Rubrik: nyhetsrubriken som visas på en egen rad Innehåll: nyhetens innehåll. Det går här också att lägga in HTML-taggar för t.ex. länkning. Gäller från: den datum som nyheten skall börja visas. Ett tomt fält betyder omgående. Gäller till: den datum som nyheten skall sluta visas. Ett tomt fält betyder att nyheten visas tills vidare.

17 Webborder På denna fliken visas de webborder som registrerats i webbshoppen. Uppgifter visas om datum, tid, kundens IP-nr, kundkod, referens,. mailadress samt orderstatus. Genom att klicka på en order, visas orderinnehållet i nedre delen: Vill man skriva ut ett underlag, klicka på knappen Utskrift :

18 Om man vill godkänna ordern, klicka på Godkänn : Klicka Ja för att godkänna. Ordern markeras i listan som godkänd. För att göra leveransen gör man en kassaförsäljning eller en faktura i butikssystemet. Uppläggning av artikel i artikelregister i excellence PRO butik En webbartikel läggs upp precis som en vanlig artikel.

19 Den skall sedan markeras för visning i webbshoppen: På sista fliken finns möjlighet att lägga upp ytterligare texter:

20 Den korta beskrivningen visas i artikelöversikten. Den långa beskrivningen visas i detaljvisningen. Knappen Uppdatera webbplats är under konstruktion. För tillfället används funktionen för att uppdatera bilder i rutinen för webbplatsunderhållet (se ovan).

21