Kosár HTML Sablonok

Használjon kész kosár HTML-sablonokat webáruházakhoz

A kosár HTML-sablon leveszi a válláról azt a feladatot, amelyet gyakran alábecsülnek: meghatározza, milyen elemek létezzenek, és hogyan épüljenek egymásba. A terméksorok, a mennyiségi mezők és a törlési hivatkozások már szerepelnek a jelölőkódban. A rendelés összegzése és a fizetés gomb szintén saját hellyel rendelkezik, így a webáruház tulajdonosa azonnal a valódi termékek hozzáadásával kezdhet.

Hogyan ismétlődnek a terméksorok

A kosár legnagyobb része egyetlen kis egységből áll, amely újra és újra megismétlődik. Egy egyetlen tételt vásárló és egy tíz tételt választó vevő ugyanazt a sorszerkezetet látja, így ez az egyetlen sor sokkal fontosabb, mint amit egy két mintaterméket bemutató demó sugall. Az ár és a mennyiség ezen belül található, míg a végösszeg a teljes rendeléshez tartozik, és az ismétlődő listán kívül helyezkedik el.

Egy jól felépített sor általában együtt tartja az alábbi elemeket:

1. egy termékkonténer, amely a képet, a címet és a kiválasztott változatot tartalmazza;
2. egy mennyiségi mező, amelynek frissítési és törlési vezérlői pontosan az adott tételhez tartoznak;
3. külön helyek az egységár és a tételsor részösszege számára, helyet hagyva egy korábbi árnak is.

A tétellistán kívüli blokkok

A sorok alatt vagy mellett találhatók azok a területek, amelyek a rendelést mint egészet írják le. Egy megbízható sablonban ezek mindegyike egy önálló jelölési szakasz, amelyet később, a fájl szerkesztésekor könnyű megtalálni.

Keresse ezeket a blokkokat az ismétlődő listán kívül:

1. egy rendelésösszegző, amely összegyűjti a részösszeget, az esetleges kedvezmény- vagy szállítási sorokat és a végső összeget;
2. egy fizetési terület, amely külön űrlapként vagy műveleti blokként van kialakítva, világos kilépési pontot biztosítva a rendelésnek a fizetés felé;
3. egy üres kosár szakasz, amely a sorokat egy rövid üzenettel és a katalógusba visszavezető linkkel helyettesíti.

Érdemes fenntartani egy kis értesítési területet is a kifogyott tételekről szóló üzenetek számára, mivel egy ilyen későbbi beillesztése azt jelenti, hogy új kódot kell bepréselni a meglévő blokkok közé.

Mely részek vannak már megírva a kódban

A Nicepage támogatja az e-kereskedelmi webhelyeket HTML-kimenet esetén, és a kosár része ennek az áruházi funkciónak. A hivatalos Bevásárlókocsi e-kereskedelemhez dokumentáció bemutatja, hogyan működik a Nicepage kosárfunkciója, és hogyan illeszkedik egy e-kereskedelmi projektbe.

A demók összehasonlítása előtt írja össze, mit kell megjelenítenie a boltjának a kosárban. Ha a vásárlók változatokat választanak és kedvezményeket érvényesítenek, mindegyiknek léteznie kell egy előkészített területnek a jelölőkódban. Az ezeket nélkülöző sablonoknál a katalógus összekapcsolása után általában minden egyes tételsort újra kell strukturálni. Lehet, hogy egy demó vizuálisan egyáltalán nem hasonlít a márkájára, mégis megfelelő alap lehet, amennyiben a szerkezete illeszkedik a rendelési adatokhoz. A fizetés egy külön lépés, így a kosárnak csupán egy olyan blokkal kell zárulnia, amely tisztán továbbadja a rendelést.