Poptávka úprav na e-shopu- AAA-Trezory.cz

Dobrý den, rád bych poptal, zda a za jakých podmínek byste nám byli schopni realizovat následující technické a vizuální úpravy na e-shopu AAA-Trezory.cz:

Filtry / facety (.filter-sections)
Problém: Filtry mění výšku po načtení stránky a způsobují posun obsahu (CLS).
Příčina: Pozdní vykreslení / doplnění obsahu (JS, fonty, počty produktů).
Požadavek:

Zajistit stabilní výšku filtrů na desktopu (např. placeholder / min-height), nebo

Renderovat filtry bez pozdního DOM injection.
Cíl: Žádný layout shift způsobený filtry po načtení stránky.

2) Obrázky v boxu „TOP 10 PRODUKTŮ“
Problém: Lazyloadované obrázky způsobují layout shift („Unsized image element“).
Příčina: Není rezervován prostor pro image wrapper (nejen pomocí width/height).
Požadavek:

Rezervovat prostor pro obrázky (CSS aspect-ratio nebo pevná výška wrapperu),

Zajistit, že výměna data-src → src nezmění layout.
Cíl: Obrázky se načítají bez posunu okolního obsahu.

3) Hero obrázky u článků
Problém: U některých článků je obrázek výrazně větší než zobrazovaný prostor a způsobuje CLS.
Požadavek:

Rezervovat pevný prostor (width/height nebo aspect-ratio),

Zmenšit výšku hero obrázku,

Aplikovat stejné řešení plošně u všech podobných článků.
Cíl: Stabilní layout bez posunu při načítání.

4) Úprava vizuálu štítků na e-shopu
Úprava vzhledu produktových štítků dle našich konkrétních designových požadavků (barvy, tvar, typografie apod.).

Prosím o orientační odhad ceny a časovou náročnost.

S pozdravem
Karel Maryško
AAA-Trezory.cz