Üzletek HTML Sablonok

Strukturált áruházak HTML sablonjai online áruházakhoz és katalógusokhoz

Egy áruház HTML sablonja egy kész kirakat, amely várja az árukat: kiemelt kollekciók a bejáratnál, böngészhető listák, és valódi nevek és árak alapján létrehozott termékblokkok. Némelyik egészen a pénztárig eljut; mások a katalógusnál állnak meg, ami egy olyan üzletnek felel meg, amely telefonos rendeléseket fogad.

Oldalak, amelyeket ellenőrizni kell a választás előtt

A listaelemek képernyői először a következők:

1. Egy kirakat, amely árul: kiemelt termékeket, szezonális kollekciót, akciós blokkot;

2. Kategória- vagy kollekciólisták, szűrőkkel vagy oldalszámozással, ha a készletnek szüksége van rájuk;

3. Egy termékoldal, amelyen helyet talál a leírásnak, a változatoknak és a fényképeknek;

4. Kosár és fizetési képernyők, ha a weboldalon fogad el fizetést.

Két kollekcióban lévő húsz termék sokkal kevesebbet igényel, mint egy több száz darabos vegyes katalógus. A Nicepage kód nélkül támogatja a termékrácsokat, bevásárlókosarakat és fizetési oldalakat, és a Product List Element dokumentációja elmagyarázza, hogyan lehet beállítani az elrendezést és a termékszámot egy katalógusblokkban.

Valódi áru kontra demó tartalom

A demó tartalom rövid neveket és kerek árakat tartalmaz, és a valódi készlet ritkán működik együtt. Töltse be a legrosszabb esetet az előnézetbe, és nézze meg, mit eredményez:

1. Hosszú terméknév, amely három soron átível a kedvezményes ár felett;
2. A kép sarkát eltakaró akciós jelvény;
3. Egy színmintasor vagy méretválasztó, amely lenyomja a gombot;
4. Tizenkét közel azonos tétel egy sorban, ahol csak a cím választja el őket.

Az áru határozza meg a sűrűséget. A divatrács nagy fényképeket, rövid neveket és egy lebegő képet jelenít meg, mivel a kép eladja a darabot. Az elektronikához modellszámokra és kapacitásopciókra van szükség, így a kártyának több helyre és általában más sablonra van szüksége. A lakberendezési cikkek a kettő között helyezkednek el, ahol a méretek, anyagok és kollekciónevek mindegyike külön sort kíván.

A növekedés a másik teszt. A képnek, a címnek és az árnak ugyanazt a kapcsolatot kell fenntartania, mint a katalógushármasokban.

Kollekciók, szűrők és kis képernyők

Az üzleteket kétféleképpen használják. A vizuális katalógusokat böngészik, így a kollekciók és a promóciós területek súlyozzák a súlyt, míg a vegyes készletet keresik, ahol a kategóriák és a szűrés fontosabb, mint egy újabb fő kép.

Húzza szűkebbre a demót, és figyelje, hogy a gépek, nem pedig a kártyák jelennek meg. A kategóriamenük összeomlanak, a szűrők egy kapcsoló mögé csúsznak, és a változatválasztók a vásárlási műveletet az első képernyőről kitolják. A Nicepage egy Kosár ikon elemet is biztosít a fejléchez, amely megmutatja, hogy hány terméket adtak hozzá, és lehetővé teszi a felhasználók számára, hogy folytassák a fizetést.

Tehát haladjon lefelé a tengelyeken sorrendben. Először a katalógus mérete és az egyes tételek szövege következik, majd a navigáció mélysége és a szűrés. A megfelelő üzlet HTML-sablonja az, amelynek katalógusszerkezete, termékbemutatása és vásárlási funkciói illeszkednek az árucikkekhez.