Vložit Obrázek ve sloupci s textem
Při pohledu na stránku zákazník standardně vnímá nejdříve obrázky a až potom začne číst text. I z toho důvodu je textový obsah vhodné doplnit obrázky. Využitím komponentu Obrázek ve sloupci s textem je již zajištěno pěkné formátování a stačí tak pouze vyměnit obrázek a texty za vlastní. Zároveň se můžete rozhodnout, ze které strany chcete zobrazovat obrázek (z leva nebo z prava).
Postup pro vložení obrázku ve sloupci s textem v ClickEshop administraci v části Administrace obsahu:
Obrázek ve sloupci s textem je možné vložit 4 různými způsoby:
- kliknout v těle stránky pravé tlačítko myši - Přidat komponent - Obrázek ve sloupci s textem
- označit text a v nástrojové liště kliknout ikonku "plus" - Přidat komponent - Obrázek ve sloupci s textem
- stisknout klávesu "enter" a v nástrojové liště kliknout ikonky Přidat komponent - Obrázek ve sloupci s textem
- nadejít myší na již vložený komponent a kliknout ikonku "plus" - Obrázek ve sloupci s texte
Po vložení na stránku je obrázek a text automaticky naformátován následovně: (první obrázek text vpravo, druhý obrázek text vlevo)
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Donec eleifend diam quis lectus pulvinar commodo. Sed aliquam metus eu leo laoreet viverra. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eleifend diam quis lectus pulvinar commodo. Sed aliquam metus eu leo laoreet viverra.
Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Donec eleifend diam quis lectus pulvinar commodo. Sed aliquam metus eu leo laoreet viverra. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eleifend diam quis lectus pulvinar commodo. Sed aliquam metus eu leo laoreet viverra.
Obrázku s textem je možné nastavit následující vlastnosti:
- Počet sloupců: 2 (systémom sú automaticky vložené 2 stĺpce, jeden pre text a druhý pre obrázok)
- Šířka pravého okraje [%]: vzdálenost mezi obrázkem a textem
a) Hodnota 1 a více znamená, že sloupce nebudou těsně u sebe ale bude mezi nimi mezera
b) Hodnota 0 znamená, že sloupce budou těsně u sebe -
Max. šířka bloku [px]: šířka obrázku a sloupce spolu
- Zarovnání: na střed, vlevo, vpravo
Rady a Tipy pro práci
- změna obrázku:
- kliknout na ilustrativní obrázek a ikonku Vložit / Upravit obrázek
- v řádku Zdroj: nalistovat z centrálního úložiště souborů vlastní obrázek a stisknout tlačítko OK
- změny uložit kliknutím pravého tlačítka myši - Uložit
- změna šířky sloupce s obrázkem:
- najet myší na obrázek a v pravém dolním rohu tažením myši nastavit požadovanou šířku
- změny uložit kliknutím pravého tlačítka myši - Uložit
- změna šířky sloupce s textem:
- najet myší na txt a v pravém dolním rohu tažením myši nastavit požadovanou šířku
- změny uložit kliknutím pravého tlačítka myši - Uložit
- smazání komponentu Obrázek s textem:
- najet myší na obrázek a v pravém horním rohu kliknout Smazat (ikonka mínus)
- Skutečně chcete smazat tento komponent? - zvolit OK
- změny uložit kliknutím pravého tlačítka myši - Uložit
- přidat text pod Obrázek s textem:
- najet myší na obrázek a v pravém dolním rohu kliknout Přidat nový komponent (ikonka plus)
- kliknout Text s H2 nadpisem
- změny uložit kliknutím pravého tlačítka myši - Uložit