Na úvodní stránce e-shopu jsme upravili fungování rotátoru obrázků. Původní dva samostatné rotátory – pro desktop a mobil – jsme sjednotili do jednoho.
Cílem změny je především efektivnější načítání obrázků a odstranění situace, kdy se nejprve načetl desktopový rotátor a následně se na mobilu vyměnil za jeho mobilní variantu. Nové řešení tak lépe odpovídá zařízení, na kterém e-shop návštěvník prohlíží.
Důležité upozornění k migraci obrázků
Při migraci se desktopové a mobilní obrázky spojily do jednotlivých prvků podle jejich pořadí. Desktopový obrázek je přitom vždy základem prvku a mobilní obrázek je jeho volitelnou mobilní variantou.
To znamená, že pokud jste měli například tři desktopové a tři mobilní obrázky, první desktopový se spojil s prvním mobilním, druhý s druhým a třetí se třetím.
Pokud jste měli více mobilních obrázků než desktopových, přebytečné mobilní obrázky neměly v novém rotátoru odpovídající prvek, a proto se nepřenesly. V takovém případě je potřeba je nyní znovu vybrat z galerie jako mobilní verzi konkrétního prvku.
Také doporučujeme po migraci zkontrolovat, že k sobě desktopové a mobilní obrázky obsahově patří. Při migraci se totiž párovaly podle pořadí, nikoli podle obsahu. Stejně tak případné odkazy by měly projít vaší kontrolou.
Podívejte se také, jak se vám obrázky rotátoru zobrazují na mobilních zařízeních. Pokud máte více desktopových než mobilních obrázků, použije se u zbývajících slidů na mobilu automaticky desktopová verze – proto se mohou na mobilu zobrazit i obrázky, které pro něj původně nebyly určené.
Příklady situací, ke kterým mohlo dojít při migraci do nového rozhraní v případě různých počtů obrázků v původních rotátorech:
| Počet desktopových obrázků | Počet mobilních obrázků | Co se stalo při migraci – nový stav |
|---|---|---|
| 3 | 3 | 3 prvky, každý s desktopovou i mobilní verzí |
| 5 | 3 | 5 prvků, první 3 mají mobilní verzi, na mobilu se zobrazují i 2 desktopové |
| 3 | 5 | 3 prvky s mobilní verzí, 2 přebytečné mobilní obrázky se nepřenesly |
| 3 | 0 | 3 prvky bez mobilní verze |
| 0 | 3 | Obrázky se nepřenesly, chyběl prvek (desktopová verze), na který by se daly navázat |
