Videá
Video niekedy povie viac ako stránka textu alebo galéria obrázkov. Upgates vám umožňuje jeho použitie.
Video súbor
Vloženie video súboru prebieha rovnakým spôsobom ako bežné vloženie obrázku. Video musí byť v kompatibilnom formáte pre zobrazovanie na webe. Odporúčame používať formáty OGV, WEBM, M4V, MP4 (codec H.265).
Po nahraní do Správcu súborov (viac tu) môžete video vložiť v administrácii ako zoznamový obrázok, položku v galérii a podobne.
Veľkosť videa by nemala presahovať 10 MB, aby sa zákazníkom rýchlo načítalo.
Postup v administrácii
- V menu administrácie zvoľte sekciu, do ktorej chcete obrázok vložiť. Napr. Produkty / Zoznam produktov.
- Vyberte danú položku a prekliknite sa na jej detail.
- Nájdite oddiel Obrázky.
- Kliknite na tlačidlo + Nový.
- Pomocou správcu súborov vložte video do oddielu. Viac tu.
YouTube, Vimeo
Video súbor zaberá na vašom disku výrazne viac miesta ako alternatívne riešenie pomocou vloženia videa cez služby ako Youtube alebo Vimeo. Na e-shop pridáte len okno s prehrávačom na externé médium.
Postup v prípade YouTube videa
- Na stránke Youtube.com nájdete video, ktoré chcete zdieľať na e-shope.
- Pod zobrazením videa kliknite na tlačidlo Zdieľať.
- Vyberte ikonku Vložiť.
- Kliknite na tlačidlo Kopírovať.
- Označí sa špeciálny kód a zároveň sa skopíruje do schránky pre ďalšie použitie.
- Prejdite späť do Upgates administrácie.
Vloženie do textu
- Zvoľte pole s textovým editorom, do ktorého chcete video umiestniť. Napr. dlhý popis produktu.
- Vložte kód do poľa podľa postupu v nápovede tu.
- Uložte.
Vloženie do slideshow
- Vyberte obrázok, pri ktorom chcete, aby sa po rozkliknutí v slideshow zobrazilo youtube video. Postupujete podľa nápovede vyššie.
- Po nabehnutí myšou na obrázok sa objavia akčné tlačidlá.
- Kliknite na ikonu pre úpravu obrázku.
- Do poľa Video vložte odkaz na Youtube video.
- Vykonané zmeny uložte.
Responzivita videa
V galériách a slideshow sú videá automaticky prispôsobené veľkosti obrazovky. V prípade vloženia videa do textu pomocou textového editora (napr. do popisu produktu) to tak nie je. Kód videa sa dá ale ručne obaliť do nasledujúceho kódu, ktorý umožní responzívne zobrazenie:
<div class="embed-responsive embed-responsive-16by9"> ... </div>
Výsledný kód môže vyzerať nasledovne (video vložené zo správcu súborov):
<div class="embed-responsive embed-responsive-16by9">
<video>
<source src="..." type="..." />
</video>
</div>
Túto úpravu je potrebné vykonať priamo v HTML kóde textového editora.