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 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( document.getElementById('page_product_detail_out') !== null ) {
       //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( document.getElementById('page_order_complete') !== null ) {  
       //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 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>