7. Obrázkové tlačítko

Obrázkové tlačítko může sloužit nejen náhrada za „obyčejné“ tlačítko, ale také vám přináší možnost vnést do Vašeho obsahu více kreativity – díky tomuto bloku si dokážete vytvořit například hezký rozcestník.

Blok Obrázkové tlačítko naleznete v editoru obsahu, v levém sloupci, v části Pokročilé bloky.

Po přetažení Obrázkového tlačítka do stránky se Vám objeví podobné nastavení, jako když vkládáte klasický blok Obrázek. Základní rozdíl je v chování dvou polí:

• Titulek
• Popis

Jejich obsah se objevuje na obrázku, což můžete vidět na příkladu níže. Titulek se snažte držet spíše stručnější, popis může obsahovat textu o něco více. V tomto poli také můžete používat tlačítko Enter pro zalomení řádků.

Aby koncový zákazník pochopil, že se na obrázek dá kliknout a dostane se tak ať už na produkt, sekci, nebo kamkoli jinam budete odkazovat (zobrazeno též na příkladovém obrázku), vytváříme automaticky efekt při najetí myší na obrázek. Poté, co dokončíte úpravy a stránku uložíte, je popisek schovaný, a objeví se právě až v okamžiku najetí myší na prvek.

Pokud se rozhodnete být tvůrčí, pomocí kombinace několika bloků dokážete sami vytvořit řadu nových poutavých prvků, například rozcestník vedoucí na sekce (v tomto případě jsme využili Sloupce a Obrázková tlačítka). Čeho lze docílit můžete vidět na obrázku níže (to, že se obsah pole Popis zobrazuje s bílým pozadím a obrázky mají zaoblené rohy, je dáno vizuálním stylem konkrétního e-shopu a drobnou úpravou kodéra).