ZVÄČŠENIE OBRÁZKU (zoom image)
A FOTOGALÉRIE

Pri vložení obrázku na stránku je možné nastaviť, aby sa po kliknutí obrázok zväčšil. Táto funkcionalita je často využívaná napr. pri umiestňovaní reklamných letákov na stránku, kde si zákazníci po kliknutí môžu pozrieť bližšie detaily. Toto nastavenie automaticky aktivuje funkciu plynulého prechodu v rámci vytvorenej galérie obrázkov s použitím šípky do prava alebo do ľava 

Postup pre nastavenie zväčšenia obrázku:

  • prihláste sa do ClickEshop administrátora a kliknutím myši na menu [Správa obsahu] sa dostanete do správy obsahu stránky
  • kliknete kurzorom myši na stránku do obsahu, kde chcete obrázok vložiť
  • v obsahu sa zobrazí nástrojová lišta
  • v nástrojovej lište kliknete na ikonu "Vložiť/upraviť obrázok" (ikonka v tvare hôr). V otvorenom okne v riadku "Zdroj" kliknete ikonku na konci riadku, pričom sa dostanete do centrálneho úložiska súborov
  • v centrálnom úložisku súborov odporúčame vytvoriť 2 typy rovnakého obrázku: jeden menší (max. rozlíšenie 300px/500px), ktorý bude priamo vložený na stránku a obrázok s veľkým rozlíšením (max. rozlíšenie 1000px / 1000px)
  • následne menší obrázok vložíte priamo na stránku
  • kliknete pravým tlačítkom myši na menší obrázok, ktorý sa týmto musí označiť jemným rámikom
  • v zobrazenom menu vyberte voľbu "Vložiť/upraviť odkaz"
  • systém otvorí malé okno, kde v riadku Url, nalistujte v centrálnom úložisku súborov obrázok s väčším rozlíšením a v riadku Class vyberiete možnosť: "Zoom Image"
  • nakoniec stlačíte tlačítko "OK" a pre potvrdenie zmien tlačítko [uložiť]

 

Foto galéria

 

Postup na vloženie fotogalérie v ClickEshop administrácii v časti Správa obsahu:
 


Fotogalériu je možné vložiť 4 rôznymi spôsobmi:

  1. kliknúť v tele stránky pravé tlačítko myši - Pridať komponent - Fotogaléria
  2. označeniť text a v nástrojovej lište kliknúť ikonku "plus" - Pridať komponent - Fotogaléria
  3. stlačeniť klávesu "enter" a v nástrojovej lište kliknúť ikonky Pridať komponent - Fotogaléria
  4. nadísť myšou na už vložený komponent a kliknúť ikonky "plus" - Fotogaléria

 

Pri vytvorení fotogalérie sa nastavujú nasledovné hodnoty:


  • Názov galérie: odporúčame zvoliť výstižný názov napr. podľa typu služieb, v prípade referencií podľa zákazníkov a podobne
  • Počet stĺpcov: zadajte počet stĺpcov pre jednen riadok (prednastavený počet 4)
  • Šírka panelu [px]: zadajte max. šírka stĺpcov v paneli (prednastevné na 1400px)
  • Odsadenie obsahu [px]: zadajte odsadenie obsahu od okraja alebo prednastevné 20px
  • Farba pozadia: vyberte si farbu z farebnej palety alebo ponechajte riadok nevyplnený

 

Po zadaní vyššieuvedených hodnôt, systém vytvorí fotogalériu s vloženými ilustratívnymi obrázkami (počet stĺpcov závisí od zadaných hodnôt, v našom prípade 4 stĺpce)

 

Príklady použitia

1/ Vytvorenie vlastnej fotogalérie

  • po vložení komponentu fotogaléria, systém automaticky vloží ilustratívne obrázky (počet stĺpcov závisí od zadaných hodnôt)
  • nadídením na ktorýkoľvek ilustratívny obrázok a kliknutím ikonky plus (Pridať) systém umožní nahrať vlastné obrázky
  • nalistujete požadované obrázky z vášho počítača a stačíte tlačítko "otvoriť"
  • systém z vašich obrázkov automaticky vytvorí fotogalériu - zmenšené náhľady na stránku, ktoré po spustení prezentácie sa automaticky zväčšia

2/ Zmazanie ilustratívnych obrázkov resp. neželaných obrázkov

  • nadídením na obrázok, ktorý si želáte vymazať a kliknutím ikonky mínus (Zmazať) odstránite obrázok z fotogalérie
  • dôležité zmazanie obrázku s fotogalérie je nenávratná operácia, ktorá automaticky vymaže daný obrázok aj z centrálneho úložiska súborov v adresári Gallery, kde bol uložený

3/ Spustenie prezentácie fotogalérie

  • na stránke (nie v ClickEshop administrácii) - kliknutím na fotogalériu sa automaticky spustí prezentácia
  • šípkami vpravo alebo v ľavo určíte smer listovania obrázkov

4/ Doplnenie už existujúcej fotogalérie

  • nadídením na obrázok v už existujúcej fotogalérii, za ktorý si želáte vložiť ďalšie obrázky
  • kliknutím ikonky plus (Pridať) nalistujete požadované obrázky z vášho počítača a stačíte tlačítko "otvoriť"
  • systém vloží nové obrázky do už existujúcej fotogalérie

5/ Zmena poradia obrázkov

  • nadídením na požadovaný obrázok fotogalérie a na ikonku šípok (Move)
  • ťahaním myši na požadované miesto, umožňuje systém meniť poradie obrázkov fotogalérie
  • dôležité: túto funkciu podporuje zatiaľ iba internetový prehliadač Google Chromium

Tipy a triky pre prácu:

  • pokiaľ vkladáte naraz obrázky orientované aj na výšku aj na šírku systém ich vloží tak, že výšku políčka fotogalérie v danom riadku prispôsobí výške najvyššieho obrázku. Ak si želáte mať v riadku iba rovnako vysoké obrázky, je vhodnejšie vložiť najskôr obrázky orientované na výšku a následne na šírku (resp. opačne)