ZVĚTŠENÍ OBRÁZKU (zoom image) a FOTOGALÉRIE

 

Při vložení obrázku na stránku je možné nastavit, aby se po kliknutí obrázek zvětšil. Tato funkcionalita je často využívána pro vytvoření galerie obrázků, případně při umísťování reklamních letáků na stránku, kde si zákazníci po kliknutí mohou podívat bližší detaily. Toto nastavení automaticky aktivuje funkci plynulého přechodu v rámci vytvořené galerie obrázků s použitím šipky do prava nebo do leva.

 

Postup pro nastavení ZVĚTŠENÍ OBRÁZKU (zoom image)

  • přihlaste se do ClickEshop administrátora a kliknutím myši na menu [Administrace obsahu] se dostanete k administraci obsahu stránky
  • kliknete kurzorem myši na stránku do obsahu, kde chcete obrázek vložit
  •  v obsahu se zobrazí nástrojová lišta
  • v nástrojové liště kliknete na ikonu "Vložit / upravit obrázek" (ikonka ve tvaru hor). V otevřeném okně v řádku "Zdroj" kliknete ikonku na konci řádku, přičemž se dostanete do centrálního úložiště souborů
  • v centrálním úložišti souborů doporučujeme vytvořit 2 typy stejného obrázku: jeden menší (max. rozlišení 300px / 500px), který bude přímo vložen na stránku a obrázek s velkým rozlišením (max. rozlišení 1000px / 1000px)
  • následně menší obrázek vložíte přímo na stránku
  • kliknete pravým tlačítkem myši na menší obrázek, který se tímto musí označit jemným rámečkem
  • v zobrazeném menu vyberte volbu "Vložit / upravit odkaz"
  • systém otevře malé okno, kde v řádku Url, nalistujte v centrálním úložišti souborů obrázek s větším rozlišením a v řádku Class zvolíte možnost: "Zoom Image"
  • nakonec stisknete tlačítko "OK" a pro potvrzení změn tlačítko [uložit]

 

Postup ako vložit Foto galerii

publikujte fotografie na web na pár kliků. Komponenta fotogalerie vám automaticky vytvoří zmenšený náhled fotografií na stránku a kliknutím ni se spustí prezentace. Šipkami vpravo nebo vlevo určíte směr listování obrázků.

 

Postup pro vložení Foto galerie v ClickEshop administraci v části Administrace obsahu:


Foto galerii je možné vložit 4 různými způsoby:

  1. kliknout v těle stránky pravé tlačítko myši - Přidat komponent - Foto galerie
  2. označit text a v nástrojové liště kliknout ikonku "plus" - Přidat komponent - Foto galerie
  3. stisknout klávesu "enter" a v nástrojové liště kliknout ikonky Přidat komponent - Foto galerie
  4. nadejít myší na již vložený komponent a kliknout ikonku "plus" - Foto galerie

 

Při vytvoření fotogalerie se nastavují následující hodnoty:


  • Název galerie: doporučujeme zvolit výstižný název např. podle typu služeb, v případě referencí podle zákazníků a podobně

  • Počet sloupců: zadejte počet sloupců pro jednen řádek (přednastavený počet 4)

  • Šířka panelu [px]: zadejte max. šířka sloupců v panelu (prednastevné na 1400px)

  • Odsazení obsahu [px]: zadejte odsazení obsahu od okraje (prednastevné 20px)

  • Barva pozadí: vyberte si barvu z barevné palety nebo ponechte řádek nevyplněný

 

Po zadání výše uvedených hodnot, systém vytvoří fotogalerii s vloženými ilustrativními obrázky (počet sloupců závisí na zadaných hodnot, v našem případě 4 sloupce)

 

Příklady použití

1/ Vytvoření vlastní foto galerie

  • po vložení komponentu fotogalerie, systém automaticky vloží ilustrativní obrázky (počet sloupců závisí na zadaných hodnot)
  • najetí na kterýkoliv ilustrativní obrázek a kliknutím ikonky plus (Přidat) systém umožní nahrát vlastní obrázky
  • nalistujete požadované obrázky z vašeho počítače a stačíte tlačítko "otevřít"
  • systém z vašich obrázků automaticky vytvoří fotogalerii - zmenšené náhledy na stránku, které po spuštění prezentace se automaticky zvětší

2/ Smazání ilustrativních obrázků nebo nechtěných obrázků

  • najetí na obrázek, který si přejete vymazat a kliknutím ikonky minus (Smazat) odstraníte obrázek z fotogalerie
  • důležité smazání obrázku s fotogalerie je nevratná operace, která automaticky vymaže daný obrázek i z centrálního úložiště souborů v adresáři Gallery, kde byl uložen

3/ Spuštění prezentace fotogalerie

  • na stránce (ne v ClickEshop administraci) - kliknutím na fotogalerii se automaticky spustí prezentace
  • šipkami vpravo nebo vlevo určíte směr listování obrázků

4/ Doplnění již existující foto galerie

  • najetí na obrázek v již existující fotogalerii, za který si přejete vložit další obrázky a kliknutím ikonky plus (Přidat) nalistujete požadované obrázky z vašeho počítače
  • stačíte tlačítko "otevřít"
  • systém vloží nové obrázky do již existující fotogalerie

5/ Změna pořadí obrázků

  • najetí na požadovaný obrázek fotogalerie a na ikonku šipek (Move)
  • tažením myši na požadované místo, umožňuje systém měnit pořadí obrázků fotogalerie
  • důležité: tuto funkci podporuje zatím pouze internetový prohlížeč Google Chromiu

Tipy a triky pro práci:

  • pokud vkládáte najednou obrázky orientované na výšku i na šířku systém jejich vloží tak, že výšku políčka foto galerie v daném řádku přizpůsobí výšce nejvyššího obrázku. Pokud si přejete mít v řádku pouze stejně vysoké obrázky, je vhodnější vložit nejdříve obrázky orientované na výšku a následně na šířku (resp. opačně)