14 kunder online
 |
WDS Shop är ett orderformulär som kan kopplas till en befintlig produktsida eller användas tillsammans med publiceringsverktyget WDS CMS.
WDS Shop visar alla butikens produkter i samma orderformulär och passar e-butiker med få produkter. Om du planerar att starta upp en webbshop kan detta vara ett bra alternativ.
Klicka på länken eller bilden nedan för att komma till orderformuläret. OBS! Ingen beställning skickas på riktigt men du kommer att få en orderbekräftelse till den e-postadress du anger.
Klicka här för att se exemplet 
Här är en översikt över funktionerna i WDS Shop:
För att du ska kunna använda WDS Shop måste din webbserver ha PHP 4.3 eller senare version.
För att mailfunktionerna i PHP ska fungera måste din webbserver ha tillgång till ett mailprogram som tex Sendmail, Qmail eller Postfix. Läs mer om mail i guiden Formmail - skicka formulär till epost »
De funktioner som används kräver inga plugins eller andra tillägg för att fungera för användaren eller administratören.
Användning för eget bruk
Detta program ingår i tjänsten "WDS medlem 12 månader" och får användas av dig som innehar ett medlemskap. Programmet får användas EN gång per medlemskap. Du som vill använda programmet till flera egna webbplatser måste göra en ny beställning (på samma kundkonto).
Programmen får endast användas under medlemstiden. När medlemstiden utgått måste ett nytt medlemskap beställas för rätten att använda programmen 12 månader framåt.
Privatpersoner och föreningar
Du som hjälper privatpersoner eller ideella föreningar med deras webbplatser måste göra en beställning av tjänsten "WDS medlem 12 månader" för varje webbplats som använder programmet.
Företag och kommersiell verksamhet
Du som gör webbplatser åt kunder, och bedriver kommersiell verksamhet, måste göra en beställning av tjänsten "WDS medlem 12 månader" för varje webbplats som använder programmet.
Använda programmet till fler än EN webbplats
Välj något av alternativen nedan om du vill använda programmet till fler än EN webbplats:
Användning och anpassning av kod
Vi har valt att göra kod och funktioner tydliga och lätta att överblicka för att du ska kunna ändra och lägga till egna funktioner. Du som är webbutvecklare kan alltså anpassa koden för ditt eget eller dina kunders behov men får inte distribuera eller sälja programkoden vidare.
Programmet får INTE säljas eller erbjudas vidare till egna kunder och besökare.
Copyrightinformationen nedan får inte raderas från filerna:
Läs mer om villkor och copyright här »
Hämta ZIP-filen med WDS Shop (längst ned i denna guide) och packa upp filerna:
OBS! Ändra inte namnen eller ordningen på mappar och filnamn!
Publicera filerna till din webbserver. Använd ett FTP-program » eller liknande funktion i din webbeditor eller hos ditt webbhotell. I vårt exempel har vi lagt filerna i rotmappen.
Så här kan det se ut i FileZilla » där mappen wds_shop placerats i samma mappnivå som våra övriga program:
Mappen wds_shop innehåller filerna enligt nedan:
TIPS! Läs mer om hur du väljer webbhotell i guiden Webbhotell och domännamn »
Det är inte svårare än så att komma igång med WDS Shop!
Alla inställningar gör du i filenconfig_shop.php
Öppna filen i valfri HTML-editor eller text-editor som tex Notepad++ (läs mer om programmet här ») och gör dina ändringar i PHP-koden. I exemplen nedan visas PHP-filen i programmet Dreamweaver »
Att kodsyntax visas i färg som i Notepad++ är till stor hjälp när du kodar. Om du anger fel tecken eller utelämnar tecken så indikerar färgvisningen att något är fel. Ett exempel är att om ett dubbelt citationstecken "dubbelfnutt" ändras till enkelt citationstecken 'enkelfnutt' så visar färgen i kodsyntax att något är felaktigt.
OBS! Viktigt! Använd enkla citationstecken 'enkelfnuttar' före och efter alla värden. Dubbla citationstecken "dubbelfnuttar" kan du använda men då endast i texten för värden. Om du tar bort eller lägger till enkla citationstecken 'enkelfnuttar' kan detta resultera i att en vit sida visas i webbläsaren.
Orderformuläret är nu klart att användas!
Du kan konfigurera övriga val när du testkör din webbshop. Alla val förklaras i kommentarer ovanför variablerna.
OBS! Viktigt! Använd enkla citationstecken 'enkelfnuttar' före och efter alla värden. Dubbla citationstecken "dubbelfnuttar" kan du använda men då endast i texten för värden. Om du tar bort eller lägger till enkla citationstecken 'enkelfnuttar' kan detta resultera i att en vit sida visas i webbläsaren.
Du kan infoga formuläret i en befintlig sida med <?php include ?>
Ange den relativa sökvägen till orderformuläret. Det kan se ut så här om du använder WDS CMS och mappen wds_shop placerats i samma mappnivå som våra övriga program:
Om du använder WDS CMS kan du läsa i WDS CMS användarguide » om hur du infogar sidor med <?php include ?>
Använd adressen till orderformuläret när du testar din webbshop i webbläsaren.
Sökvägen till orderformuläret är:
wds_shop/order.php
Hela adressen till formuläret i vårt exempel är då:
http://www.dinadress.se/wds_shop/order.php
Om du infogat orderformuläret med <?php include ?> i en befintlig webbplats kan adressen se ut så här: http://www.dinadress.se/bestallning.html
Produkterna som ska visas i orderformuläret lägger du till i filenconfig_produkter.php
Öppna filen i valfri HTML-editor eller text-editor som tex Notepad++ (läs mer om programmet här ») och gör dina ändringar i PHP-koden. I exemplen nedan visas PHP-filen i programmet Dreamweaver »
Att kodsyntax visas i färg som i Notepad++ är till stor hjälp när du kodar. Om du anger fel tecken eller utelämnar tecken så indikerar färgvisningen att något är fel. Ett exempel är att om ett dubbelt citationstecken "dubbelfnutt" ändras till enkelt citationstecken 'enkelfnutt' så visar färgen i kodsyntax att något är felaktigt.
OBS! Viktigt! Använd enkla citationstecken 'enkelfnuttar' före och efter alla värden. Dubbla citationstecken "dubbelfnuttar" kan du använda men då endast i texten för värden. Om du tar bort eller lägger till enkla citationstecken 'enkelfnuttar' kan detta resultera i att en vit sida visas i webbläsaren.
För varje produkt kan du ange 7 olika egenskaper:
För varje produkt anges egenskaperna i en array (läs mer om array i PHP grunder » )
Så här kan egenskaperna för en produkt anges:
... och så här kan det se ut i orderformuläret:
Observera att varje egenskap avslutas med ett kommatecken. Om du inte anger kommatecknet hämtas fel information till orderformuläret. Använd enkla citationstecken 'enkelfnuttar' före och efter alla egenskaper med textinnehåll:
För egenskaper som bara innehåller siffror (pris och vikt) anges INTE citationstecken 'enkelfnuttar':
OBS! Viktigt! Om du INTE vill visa en egenskap måste den ändå anges men med ett tomt innehåll. Du får inte ta bort citationstecknen och kommatecknet.
I exemplet nedan lämnas innehållet tomt inom de enkla citationstecknen (inga blanksteg får användas). Kommatecknet avslutar egenskapen:
Du kan ange en bild, en bild som är länkad till produktsidan eller en text som är länkad till produktsidan. OBS! Använd absoluta sökvägar som innehåller hela domännamnet!
Stoleken på bilderna i orderformuläret i vårt exempel är 100x70 pixlar. I exemplet nedan visas en bild som är länkad till produktsidan:
Använd TITLE om en informationstext ska visas när muspekaren förs över bilden:
Så här kan resultatet se ut i orderformuläret:
Om du vill använda en text istället för en bild kan det se ut så här:
Så här kan resultatet se ut i orderformuläret:
Om du vill använda en text utan länk kan det se ut så här:
Så här kan resultatet se ut i orderformuläret:
Du kan använda produktens riktiga artikelnummer eller ange ett annat ID som identifierare för produkten:
Så här kan resultatet se ut i orderformuläret:
Om du inte vill ha något produktnummer lämnas innehållet tomt inom de enkla citationstecknen (inga blanksteg får användas). Kommatecknet avslutar egenskapen:
Produktnamnet används som rubrik för produkten i orderformuläret:
Så här kan resultatet se ut i orderformuläret:
Formatering av produktnamnet sker i CSS-mallen layout.css:
Formateringen har namnet .lista_produkt:
Så här kan produktbeskrivningen se ut:
Så här kan resultatet se ut i orderformuläret:
Formatering av rubrik, artikelnummer och produktbeskrivningen sker i CSS-mallen layout.css:
Formateringen har namnet .produkt_tabellcell_2:
Vill du använda egna format på del av texten kan du använda HTML-formaterad text direkt i produktbeskrivningen och du kan även använda radbrytning <br />
Så här kan en egen formatering direkt i produktbeskrivningen se ut:
Så här kan resultatet se ut i orderformuläret:
Ange priset på produkten inklusive moms och använd INTE kommatecken eller citationstecken.
Rätt:
Fel:
Så här kan resultatet se ut i orderformuläret:
Du kan välja 5 alternativ för frakt i filenconfig_shop.php:
- Kalkylera fraktkostnad
- Fast fraktkostnad
- Fraktfritt enstaka produkter
- Fraktfritt
- Fraktfritt vid angivet belopp
Ange produktens vikt i gram. Om produkten väger 1,5 kg så anger du värdet 1500.
I vårt exempel väger produkten 80 gram:
OBS! Viktigt! Även om du inte använder kalkylen för fraktkostnad måste du ändå ange ett värde för vikt. Du kan då tex ange värdet 100 för alla produkter oavsett vad de väger:
Produktens vikt i gram används när fraktkostnaden räknas ut enligt Postens portotabeller enligt tabellen i filenconfig_shop.php
I filenconfig_shop.phpanger du att du inte vill använda kalkylen för fraktkostnad. OBS! Välj också att ta bort visningen av frakt i orderformuläret:
I exemplet ovan gäller nu den fasta fraktkostnaden 50.00 och den extra fraktkostnaden 15.00, dvs totalt 65.00 kr.
Du kan välja att sälja vissa produkter helt fraktfritt genom att ange värdet 0 som vikt. I exemplet nedan anges att produkten ska skickas utan fraktkostnad:
Om kunden väljer fler produkter utöver den fraktfria produkten, utgår fraktkostnad för dessa produkter enligt valen ovan.
Du kan ange att alla beställningar ska vara helt utan fraktkostnad.
I filenconfig_shop.phpanger du att alla ordrar är fraktfria:
Du kan ange en ordersumma som ska uppnås för att fri frakt ska gälla.
I filenconfig_shop.phpanger du att fri frakt ska gälla från angiven ordersumma:
Orderformuläret innehåller inga valbara formulärkontroller där du kan ange storlek och färg eller andra specifika val för en produkt. Du kan istället använda ett formulärfält (textfält) där kunden kan ange den storlek eller färg som önskas. Textfältet visas automatiskt om du anger en text i den sista egenskapen för produkten:
Så här kan resultatet se ut i orderformuläret:
Om du INTE vill visa formulärfältet lämnas innehållet tomt. OBS! Inga blanksteg får användas:
Formatering av formulärfältet sker i CSS-mallen layout.css:
Formateringen har namnet .formfield_specifikation:
WDS Shop och orderformuläret är i första hand anpassat för mindre e-butiker med ett begränsat sortiment. Om du lägger till många produkter blir orderformuläret långt och kan vara svårt att överblicka.
Orderformuläret innehåller inga valbara formulärkontroller där du kan ange storlek och färg eller andra specifika val för en produkt. Du kan istället använda ett formulärfält (textfält) där kunden kan ange den storlek eller färg som önskas. Textfältet visas automatiskt om du anger en text i den sista egenskapen för produkten (se avsnitt ovan).
Produkter med flera egenskaper som tex storlek, färg, mönster eller andra tillval, kan då visas en gång i orderformuläret istället för upprepade gånger. Kunden kan använda det extra formulärfältet för att ange specifikation av produkten. Det är då extra viktigt att du anger vilka val som kan göras i produktbeskrivningen.
När du länkar från en produktsida till orderformuläret kan du ange att länken ska gå till ett angivet ankare i orderformuläret. I exemplet nedan används A NAME i den första egenskapen (bild eller länk):
Länken från produktsidan till orderformuläret kan se ut så här:
http://dromvavaren.se/bestallning.html#titan_germanium
När du ändrar layouten för orderformuläret använder du CSS-mallen layout.css:
Vilka delar av orderformulär och webbshop som formateringen påverkar kan du se i namnet på formaten samt i kommentarerna före selektorer:
Läs mer om CSS-mallar i guiden CSS - grunder »
Orderformuläret är konfigurerat för att användas med VISA, MasterCard och direktöverföring från bank. Betalningstjänsten utförs av Payson och du måste öppna ett eget Payson-konto för att kunna använda betalningsmetoderna.
Gå till guiden Payson Kortbetalning och direktbetalning » och skapa ett Payson-konto. Använd samma e-postadress som i din webbshop. Du måste även integrera Payson i din egen webbplats genom att gå till "integrationscenter".
När du erhållit ditt eget AgentID och MD5-nyckel kan du gå vidare enligt nedan.
Alla inställningar gör du i filenconfig_shop.php
Ange ditt AgentID och MD5-nyckel :
Övriga parametrar är konfigurerade och behöver inte ändras.
OBS! Om du använder en annan e-postadress till ditt Payson-konto än till din webbshop måste du ändra variabeln $SellerEmail och ange den adress du använde när du öppnade ditt Payson-konto:
Om du inte vill använda Payson-batlaningarna måste du inaktivera funktionen genom att ange värdet 0 i variablerna för kortbetalning:
Då måste också ändra i den text som visas i orderbekräftelsen via mail:
En bekräftelse på utförd betalning visas när Payson-betalningen slutförts:
Du kan ändra format och textinnehåll i filenpayson/payson_betalning_klar.php
Alla beställningar sparas i två olika loggfiler så att du kan följa upp ordrar även om din e-post tillfälligt inte fungerar. En av loggfilerna är separerade med filtertecken så att du kan importera den till en egen databas.
Loggfilerna sparas direkt på din webbserver och du använder FTP-programmet för att öppna, läsa och hämta filerna.
OBS! Viktigt! Använd enkla citationstecken 'enkelfnuttar' före och efter alla värden. Dubbla citationstecken "dubbelfnuttar" kan du använda men då endast i texten för värden. Om du tar bort eller lägger till enkla citationstecken 'enkelfnuttar' kan detta resultera i att en vit sida visas i webbläsaren.
Om du får problem kan du läsa mer i guiden Felsökning i PHP och MySQL »
Klicka på ikonen nedan för att läsa hela guiden och hämta ZIP-filen!
|
OBS! Om du vill du läsa hela guiden måste du vara WDS medlem!
Du kan beställa tjänsten WDS medlem här »
Är du redan WDS medlem? Klicka på ikonen högst upp för att läsa hela guiden!
skriv ut »
till sidans topp