Nowa kolekcja Szablon HTML

Gotowa sekcja produktowa z czterema kartami do statycznego kodu HTML

Ten blok zawiera kompletny, podstawowy układ wizualny dla obszaru produktów powiązanych: wyśrodkowany nagłówek „Powiązane produkty”, separator oraz cztery powtarzalne karty w poziomym rzędzie. Każda karta obejmuje zdjęcie, oznaczenie nazwy oraz informacje cenowe, nadając sekcji harmonijny wewnętrzny rytm treści dostosowany do tej roli. Kod HTML uwzględnia również ceny promocyjne wraz z wartościami cen pierwotnych, dzięki czemu moduł cenowy może prezentować obniżoną kwotę obok poprzedniej, jeśli wymaga tego projekt.

Na statycznej stronie HTML blok ten może znaleźć się pod prezentacją produktu lub kategorii jako w pełni samodzielna sekcja treści. Kwadratowe kadrowanie zdjęć sprawia, że wszystkie cztery produkty prezentują się spójnie, a białe tło i ciemna typografia ułatwiają łączenie tego rzędu z innymi sekcjami strony. Nadrzędna strona nadal zapewnia nawigację, dodatkową zawartość oraz ogólne doświadczenie zakupowe; ta sekcja dostarcza jedynie własną prezentację powiązanych produktów. Taki precyzyjny zakres sprawia, że jest ona niezastąpiona, gdy strona statyczna potrzebuje gotowego zestawienia produktów bez konieczności budowania struktury kart od podstaw. Powtarzalny układ daje również stronie wyraźnie wyodrębnioną jednostkę treści, którą można swobodnie umieścić między innymi sekcjami statycznymi bez naruszania jej wewnętrznej funkcji.