Nová kolekce Šablona HTML

Hotová sekce se čtyřmi produktovými kartami pro statické HTML

Tento blok již pokrývá základní vizuální uspořádání pro sekci souvisejících produktů: jeden vycentrovaný nadpis „Související produkty“, oddělovač a čtyři opakující se karty v horizontálním řádku. Každá karta nabízí obrázek, název a cenové údaje, což sekci zajišťuje ucelený vnitřní rytmus obsahu přesně pro tento účel. Reprezentace v HTML zahrnuje také akční ceny s původními hodnotami, takže cenová část může vedle dřívější hodnoty komunikovat i zlevněnou cenu, pokud okolní projekt takový obsah vyžaduje.

Na statické HTML stránce může tento blok fungovat jako samostatná obsahová sekce umístěná pod prezentací produktu nebo kategorie. Čtvercové pojetí obrázků udržuje všechny čtyři produkty vizuálně srovnatelné, zatímco bílé pozadí a tmavá typografie usnadňují začlenění této řady vedle ostatních sekcí stránky. Mateřská stránka nadále zajišťuje navigaci, doplňující obsah a celkový nákupní proces; tato sekce obstarává výhradně prezentaci svých souvisejících produktů. Díky tomuto cílenému rozsahu je ideální volbou ve chvíli, kdy statická stránka potřebuje připravenou kolekci produktů bez nutnosti stavět strukturu karet od začátku. Opakující se rozvržení navíc stránce poskytuje zřetelnou, ohraničenou obsahovou jednotku, kterou lze vložit mezi jiné statické sekce, aniž by se změnil její vnitřní účel.