Butiker HTML-mallar

Strukturerade HTML-mallar för webbutiker och kataloger

En butiks HTML-mall är en färdig butik som väntar på varor: utvalda kollektioner vid entrén, listor att bläddra igenom och produktblock byggda för riktiga namn och priser. Vissa går hela vägen till kassan; andra stannar vid katalogen, vilket passar en butik som tar emot telefonbeställningar.

Sidor att kontrollera innan du väljer en

Skärmarna som en listning inkluderar kommer först:

1. En butik som säljer: utvalda produkter, en säsongskollektion, ett reablock;
2. Kategori- eller kollektionslistor, med filter eller paginering om lagret behöver det;
3. En produktsida med utrymme för beskrivning, varianter och fotografier;
4. Varukorgs- och kassaskärmar, om du tar betalt på webbplatsen.

Tjugo produkter i två kollektioner behöver mycket mindre än en blandad katalog med flera hundra. Nicepage stöder produktrutnät, kundvagnar och kassasidor utan kod, och dokumentationen för Product List Element förklarar hur man justerar layouten och produktantalet i ett katalogblock.

Verkliga varor kontra demoinnehåll

Demoinnehåll har korta namn och runda priser, och verkligt lager samarbetar sällan. Ladda in ditt värsta tänkbara scenario i förhandsgranskningen och se vad som ger:

1. Ett långt produktnamn som sträcker sig över tre rader ovanför ett rabatterat pris;
2. En rea-etikett som täcker hörnet på en bild;
3. En färgprovsrad eller storleksväljare som trycker ner knappen;
4. Tolv nästan identiska artiklar i rad, där endast titeln skiljer dem åt.

Varor avgör densiteten. Ett moderutnät visar stora fotografier, korta namn och en svävande bild, eftersom bilden säljer varan. Elektronik behöver modellnummer och kapacitetsalternativ, så kortet behöver mer utrymme och vanligtvis en annan mall. Heminredningsartiklar hamnar mitt emellan, där storlekar, material och kollektionsnamn alla vill ha en linje.

Tillväxt är det andra testet. Bilden, titeln och priset bör upprätthålla samma relation som i katalogen trefaldigt.

Kollektioner, filter och små skärmar

Butiker används på två sätt. Visuella kataloger bläddras igenom, så kollektioner och kampanjområden bär tyngden, medan ett blandat lager söks igenom, där kategorier och filtrering spelar större roll än ytterligare en huvudbild.

Smalna demon och se hur maskineriet, inte korten, fälls ihop. Kategorimenyer fälls ihop, filter glider bakom en växel och variantväljare flyttar köpåtgärden från den första skärmen. Nicepage tillhandahåller också ett varukorgsikonelement för rubriken, som visar hur många produkter som har lagts till och låter användare gå vidare till kassan.

Så arbeta ner axlarna i ordning. Katalogstorlek och texten som varje artikel har kommer först, sedan navigationsdjup och filtrering. Rätt HTML-mall för butiker är den vars katalogstruktur, produktpresentation och shoppingfunktioner passar dina varor.