Košík HTML Šablony

Využijte připravené HTML šablony košíku pro internetové obchody

HTML šablona košíku řeší práci, kterou lidé často podceňují: určuje, které prvky existují a jak jsou do sebe vnořeny. Řádky produktů, pole pro zadání množství a odkazy na odstranění jsou již v kódu připraveny. Přehled objednávky a tlačítko přechodu k pokladně mají také své vyhrazené místo, takže majitel obchodu může rovnou začít přidáváním skutečných produktů.

Jak se opakují řádky produktů

Většinu košíku tvoří jedna malá jednotka, která se stále dokola duplikuje. Zákazník s jednou položkou i zákazník s deseti položkami vidí stejnou strukturu řádku, takže na tomto jediném řádku záleží mnohem více, než napovídá ukázka se dvěma vzorovými produkty. Cena a množství jsou uvnitř něj, zatímco celkový součet patří k celé objednávce a nachází se mimo opakující se seznam.

Správně sestavený řádek obvykle drží tyto části pohromadě:

1. kontejner produktu obsahující obrázek, název a vybranou variantu;
2. pole množství, jehož ovládací prvky pro aktualizaci a odstranění patří přesně k dané položce;
3. oddělená místa pro jednotkovou cenu a mezisoučet řádku s prostorem pro původní přeškrtnutou cenu.

Bloky mimo seznam položek

Pod řádky nebo vedle nich se nacházejí oblasti, které popisují objednávku jako celek. V kvalitní šabloně je každá z nich samostatnou sekcí kódu, kterou lze při pozdějších úpravách souboru snadno najít.

Mimo opakující se seznam hledejte tyto bloky:

1. souhrn objednávky, který sdružuje mezisoučet, případné řádky slev či dopravy a konečnou částku;
2. oblast pokladny vytvořenou jako samostatný formulář nebo akční blok, který poskytuje objednávce jasný přechod k platbě;
3. sekci prázdného košíku, která nahrazuje řádky krátkou zprávou a odkazem zpět do katalogu.

Vhodné je mít také malou oblast pro upozornění na vyprodané položky, protože její dodatečné doplnění znamená vtěsnávání nového kódu mezi již existující bloky.

Které části jsou již nakódovány

Nicepage podporuje weby elektronického obchodu pro výstup do HTML a košík je součástí této funkcionality obchodu. Oficiální dokumentace Nákupní košík pro e-commerce vysvětluje, jak funkce nákupního košíku v Nicepage funguje a kam v projektu elektronického obchodu zapadá.

Před porovnáváním ukázek si sepište, co přesně má váš obchod v košíku zobrazovat. Pokud zákazníci vybírají varianty a uplatňují slevy, každá z těchto možností potřebuje v kódu předem připravené místo. Šablona, které tyto prvky chybí, obvykle po napojení katalogu vyžaduje restrukturalizaci každé jednotlivé položky. Ukázka nemusí vůbec odpovídat vizuálnímu stylu vaší značky, a přesto může být ideálním základem, pokud její struktura odpovídá vašim objednávkovým datům. Přechod k pokladně je samostatný krok, takže košík stačí zakončit blokem, který objednávku čistě předá dál.