Korg HTML-mallar

Använd färdiga HTML-mallar för varukorg i webbutiker

En HTML-mall för varukorg hanterar det arbete som ofta underskattas: att bestämma vilka element som ska finnas och hur de kapslas in i varandra. Produktrader, antalsfält och borttagningslänkar finns redan på plats i koden. Ordersammanfattningen och kassaknappen har också sina givna platser, så butiksägaren kan börja direkt med att lägga till riktiga produkter.

Hur produktrader upprepas

Större delen av en varukorg består av en enda liten enhet som dupliceras om och om igen. En kund med en enstaka artikel och en kund med tio artiklar ser samma radstruktur, så den enskilda raden betyder mer än vad en demo med två exempelprodukter ger sken av. Pris och antal ligger inuti den, medan totalsumman tillhör hela beställningen och ligger utanför den upprepade listan.

En välkonstruerad rad håller vanligtvis ihop dessa delar:

1. en produktbehållare som rymmer bild, titel och vald variant;
2. ett antalsfält vars kontroller för uppdatering och borttagning hör till just den artikeln;
3. separata platser för styckpris och radens delsumma, med utrymme för ett ordinarie pris.

Block utanför artikellistan

Under eller bredvid raderna finns de ytor som beskriver beställningen som helhet. I en solid mall utgör var och en av dem en egen kodsektion som är enkel att hitta när du redigerar filen senare.

Leta efter dessa block utanför den upprepade listan:

1. en ordersammanfattning som samlar delsumman, eventuella rabatt- eller fraktrader och slutbeloppet;
2. ett kassaområde utformat som ett eget formulär eller åtgärdsblock, vilket ger beställningen en tydlig väg vidare till betalning;
3. en sektion för tom varukorg som ersätter raderna med ett kort meddelande och en länk tillbaka till katalogen.

En liten aviseringsyta för meddelanden om artiklar som tagit slut i lager är också värdefull att ha, eftersom att lägga till en i efterhand innebär att man måste klämma in ny kod mellan befintliga block.

Vilka delar som redan är kodade

Nicepage stöder e-handelssajter med HTML-export, och varukorgen är en del av denna butiksfunktionalitet. Den officiella dokumentationen Varukorg för e-handel förklarar hur varukorgsfunktionen i Nicepage fungerar och hur den passar in i ett e-handelsprojekt.

Innan du jämför olika demomallar bör du lista vad din butik behöver visa i varukorgen. Om kunderna väljer varianter och anger rabatter behöver var och en av dessa funktioner en befintlig yta i koden. En mall som saknar dem kräver oftast att varje radartikel struktureras om efter att katalogen har kopplats in. En demo kanske inte alls ser ut som ditt varumärke men kan ändå vara rätt grund, så länge dess struktur matchar dina orderdata. Kassan är ett separat steg, så varukorgen behöver bara avslutas med ett block som smidigt lämnar över beställningen.