Postup jak nahrát JS soubor (JavaScript)
Pomocí JS (javascript) lze rozšířit funkcionalitu stránky o nové vlastnosti jako např. nové vyskakování okno (popup), dotazník, kontaktní formulář a jiné. JS (javascript) se obvykle ukládá do externích JS souborů.
JS soubor lze nahrát do projektu prostřednictvím ClickEshop administrátora následujícím způsobem:
- v menu [Administrace obsahu] v levé nástrojové liště kliknete tlačítko [Globální HTML kód], přičemž se otevře nové okno
- kliknutím tlačítka "Nahrát soubory na server" se otevře Centrální úložiště souborů, které umožňuje nahrávat soubory jako i si je přehledně třídit do složek
- JS soubor (my_script.js) nahrajete na server
- prokliků se v daném okně na záložku "Patička stránky" a nalinkuji JS soubor do web stránky vložením následujícího řádku:
<script src="/storage/my_script.js"></script>
Všechny skripty doporučujeme vkládat do externích JS souborů a tyto pouze nalinkovat do projektu. Nedoporučuje se vkládat scripty přímo do zdrojového kódu stránky.
Příklad pro skript, který se má provést pouze na stránce detail produktu v internetovém obchodě:
document.addEventListener("ce_cms-reload_window",function() {
if( document.getElementById('page_product_detail_out') !== null ) {
//Volání nějaké funkce pokud se načtena stránka jmenuje page_product_detail_out. Každá stránka má svůj vlastní název
alert(1);
}
});
2) Příklad pro script, který se má provést pouze na stránce ukončení objednávky v internetovém obchodě:
document.addEventListener("ce_cms-reload_window",function() {
if( document.getElementById('page_order_complete') !== null ) {
//Volání nějaké funkce pokud se načtena stránka jmenuje page_order_complete. Každá stránka má svůj vlastní název
alert(1);
}
});
3) Příklad pro script, který se má provést pouze na úvodní stránce:
- v ClickEshop administraci se v části "Administrace obsahu" kliknutím přesunu na hlavní stránku internetového obchodu
- na levé nástrojové liště kliknu tlačítko "Upravit Menu Linku"
- v novém okně kliknu na záložku "Scripty", kde vložím svůj připravený script a to následovně:
a) <script> nějaký kód </script>
b) <script src="/storage/my_scripts.js"></script>
Všechny scripty doporučujeme vkládat do externích JS souborů a tyto pouze nalinkovat - varianta b). Nedoporučuje se vkládat scripty přímo do zdrojového kódu - varianta a).
Záložka Scripty se vloží mezi tagy <head> </ head>