Vložiť obrázok v stĺpci s textom
Pri pohľade na stránku zákazník štandardne vníma najskôr obrázky a až potom začne čítať text. Aj z toho dôvodu je textový obsah vhodné doplniť obrázkami. Využitím komponentu Obrázok v stĺpci s textom je už zabezpečené pekné formátovanie a stačí tak iba vymeniť obrázok a texty za vlastné. Zároveň sa môžete rozhodnúť, z ktorej strany si želáte zobrazovať obrázok (z ľava alebo z prava).
Postup na vloženie Obrázku v stĺpci s textom v ClickEshop administrácii v časti Správa obsahu:
Obrázok je možné vložiť 4 rôznymi spôsobmi:
- kliknúť v tele stránky pravé tlačítko myši - Pridať komponent - Obrázok v stĺpci s textom
- označiť text a v nástrojovej lište kliknúť ikonku "plus" - Pridať komponent - Obrázok v stĺpci s textom
- stlačiť klávesu "enter" a v nástrojovej lište kliknúť ikonky Pridať komponent - Obrázok v stĺpci s textom
- nadísť myšou na už vložený komponent a kliknúť ikonky "plus" - Obrázok v stĺpci s textom
- zmeny uložiť kliknutím pravého tlačítka myši - Uložiť
Po vložení na stránku je obrázok a text automaticky naformátovaný nasledovne: (prvý obrázok text vpravo, druhý obrázok text vľavo)
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 textom je možné nastaviť nasledovné vlastnosti:
- Počet stĺpcov: 2 (systémom sú automaticky vložené 2 stĺpce, jeden pre text a druhý pre obrázok)
- Šírka pravého okraja [%]: vzdialenosť medzi obrázkom a textom
a) Hodnota 1 a viac znamená, že stĺpce nebudú tesne pri sebe ale bude medzi nimi medzera
b) Hodnota 0 znamená, že stĺpce budú tesne pri sebe - Max. šírka bloku [px]: šírka obrázku a stĺpca spolu
- Zarovnanie: na stred, vľavo, vpravo
Rady a Tipy na prácu
- zmena obrázku:
- kliknúť na ilustratívny obrázok a ikonku Vložiť/Upraviť obrázok
- v riadku Zdroj: nalistovať z centrálneho úložiska súborov vlastný obrázok a stlačiť tlačítko OK
- zmeny uložiť kliknutím pravého tlačítka myši - Uložiť
- zmena šírky stĺpca s obrázkom:
- nadísť myšou na obrázok a v pravom dolnom rohu ťahaním myši zadať požadovanú šírku
- zmeny uložiť kliknutím pravého tlačítka myši - Uložiť
- zmena šírky stĺpca s textom:
- nadísť myšou na text a v pravom dolnom rohu ťahaním myši zadať požadovanú šírku
- zmeny uložiť kliknutím pravého tlačítka myši - Uložiť
- zmazanie komponentu Obrázok s textom:
- nadísť myšou na obrázok a v pravom hornom rohu kliknúť Zmazať (ikonka mínus)
- Skutočne chcete vymazať tento komponent? - zvoliť OK
- zmeny uložiť kliknutím pravého tlačítka myši - Uložiť
- pridať text pod Obrázok s textom:
- nadísť myšou na obrázok a v pravom dolnom rohu kliknúť Pridať nový komponent (ikonka plus)
- kliknúť Text s H2 nadpisom
- zmeny uložiť kliknutím pravého tlačítka myši - Uložiť