Odkazy s obrázkem při najetí
Zobrazte seznam odkazů vedle velkého obrázku, který se mění, když zákazník najede myší na jednotlivé odkazy.
Seznam odkazů vedle velkého obrázku, který se při najetí myší změní na obrázek daného odkazu. Použijte ho pro vizuální náhled kategorií („Novinky“, „Bestsellery“, „Výprodej“), aniž byste potřebovali místo pro celou mřížku obrázků.
Přidejte blok
-
Vyberte rozvržení
V panelu mega menu v náhledu klikněte na Přidat blok. Klikněte na Seznam odkazů, najeďte myší na Hover image links (odkazy s obrázkem při najetí) a klikněte na Vybrat. Blok začíná nadpisem „Collections“ a 3 ukázkovými odkazy.
(1) Klikněte na Seznam odkazů, (2) vyberte Hover image links. -
Nastavte nadpis a výchozí obrázek
V panelu Upravit položku v sekci Obecné zadejte Nadpis, vyberte Default image (výchozí obrázek) a zadejte Button label on image (popisek tlačítka na obrázku).
Blok Hover image links v náhledu a jeho nastavení v panelu Upravit položku. -
Nastavte jednotlivé odkazy
Zadejte Název, zvolte Odkaz a vyberte Image on hover (obrázek při najetí). Kliknutím na Přidat přidáte odkaz, kliknutím na Odebrat ho smažete.
-
Uložte a publikujte
Upravte obrázek v sekci Style (styl) a pak klikněte na Uložit a Publikovat.
Nastavení
Obecné
- Nadpis
- Text nad odkazy.
- Default image
- Výchozí obrázek; zobrazí se u odkazů bez vlastního Image on hover.
- Button label on image
- Text na obrázku pod názvem odkazu. Pokud pole necháte prázdné, zobrazí se jen název.
- Šířka
- Jakou část řádku mega menu blok zabírá: Automaticky nebo 8,33 % až 100 %.
Styl
- Image position
- Pozice obrázku: Vpravo nebo Vlevo od odkazů.
- Poměr stran obrázku
- 1:1, 4:3, 3:4, 16:9 nebo 9:16.
Jednotlivé odkazy
- Název
- Text odkazu.
- Odkaz
- Kam odkaz vede.
- Image on hover
- Obrázek zobrazený, když zákazník najede myší na tento odkaz.
Nejvýše 10 odkazů na blok. Každý odkaz se zobrazuje i pod blokem v seznamu Prvky s tlačítkem Add link (přidat odkaz): přetažením změníte pořadí odkazů, kliknutím na odkaz (v seznamu nebo v náhledu) upravíte jen tento odkaz včetně jeho vlastní Viditelnosti. Viditelnost celého bloku funguje jako u všech bloků; viz Nastavení společná pro všechny bloky.
Tipy
- Používejte obrázky stejného tvaru a nastavte odpovídající Poměr stran obrázku, aby oblast obrázku mezi odkazy neposkakovala.
- Názvy odkazů držte krátké. Název se zobrazuje i na obrázku.
Pomohla vám tato stránka?
Děkujeme za zpětnou vazbu! Napište nám, co chybělo
Nahlásit problém