Postup ako nahrať JS súbor (JavaScript)
Pomocou JS (javascript) je možné rozšíriť funkcionalitu web stránky o nové vlastnosti ako napr. nové vyskakovanie okno(popup), dotazník, kontaktný formulár a iné. JS (javascript) sa zvyčajne ukladá do externých .js súborov.
JS súbor je možné nahrať do projektu prostredníctvom ClickEshop administrátora nasledovným spôsobom:
- v menu [Správa obsahu] v ľavej nástrojovej lište kliknete tlačítko [Globálny HTML kód], pričom sa otvorí nové okno
- kliknutím tlačítka "Nahrať súbory na server" sa otvorí Centrálne úložisko súborov, ktoré umožňuje nahrávať súbory ako aj si ich prehľadne triediť do priečinkov
- JS súbor (my_script.js) nahráte na server
- prekliknem sa v danom okne na záložku "Pätička stránky" a nalinkujem JS súbor do web stránky vložením nasledovného riadku:
<script type="text/javascript" src="/storage/my_script.js"></script>
Všetky scripty odporúčame vkladať do externých .js súborov a tieto iba nalinkovať do projektu. Neodporúča sa vkladať scripty priamo do zdrojového kódu stránky.
1) Príklad pre script, ktorý sa má vykonať iba na stránke detail produktu v internetovom obchode:
document.addEventListener("ce_cms-reload_window",function() {
if( $('#page_product_detail_out').length > 0 ) {
//Volanie nejakej funkcie ak sa načítaná stránka volá page_product_detail_out. Každá stránka má svoj vlastný názov
alert(1);
}
});
2) Príklad pre script, ktorý sa má vykonať iba na stránke ukončenie objednávky v internetovom obchode:
document.addEventListener("ce_cms-reload_window",function() {
if( $('#page_order_complete').length > 0 ) {
//Volanie nejakej funkcie ak sa načítaná stránka volá page_order_complete. Každá stránka má svoj vlastný názov
alert(1);
}
});
3) Príklad pre script, ktorý sa má vykonať iba na úvodnej stránke:
- v ClickEshop administrácii sa v časti "Správa obsahu" kliknutím presuniem na hlavnú stránku internetového obchodu
- na ľavej nástrojovej lište kliknem tlačítko "Upraviť Menu Linku"
- v novom okne kliknem na záložku "Scripty", kde vložím svoj pripravený script a to nasledovne:
a) <script> nejaký kód </script>
b) <script type="text/javascript" src="/storage/my_scripts.js"></script>
Všetky scripty odporúčame vkladať do externých .js súborov a tieto iba nalinkovať - variant b) . Neodporúča sa vkladať scripty priamo do zdrojového kódu - variant a).
Záložka Scripty sa vloží medzi tagy <head></head>