Wie aktiviere ich die Shadowbox für alle Seiten?


Um die Shadowbox für alle Seiten zu aktivieren, gehen Sie wie folgt vor:

  1. Verbinden sie sich per FTP mit Ihrer Website und gehen Sie in den Ordner themes und dort in Ihr momentanes Theme.

  2. Hier erstellen Sie einen Ordner mit dem Namen shadowbox und kopieren die Dateien aus dem ZIP im Anhang in den Ordner.

  3. Gehen Sie nun zu Administration > Layout > Template Manager in die Datei index.html, die Verbindung mit dem FTP können Sie trennen.

  4. Hier fügen Sie unterhalb des [[JAVASCRIPT]] diesen Code ein. Achtung: Bei NAME_DES_TEMPLATE geben Sie den Namen Ihres Templates ein, wie er im blauen Balken überhalb des Editors steht. z.B. standart_4_0.

    <link rel="stylesheet" type="text/css" href="/themes/NAMEN_DES_TEMPLATE/shadowbox/shadowbox.css"> <script type="text/javascript" src="/themes/NAMEN_DES_TEMPLATE/shadowbox/shadowbox.js"></script>

     

  5. Fügen Sie diesen Code direkt vor dem schliessenden Body Tag </body> ein.

    <script type="text/javascript"> Shadowbox.init(); </script>

     

  6. Bei den Bildern bei denen Sie es nun verwenden wollen, müssen Sie ein Link Element um das Bild machen und diesem das Attribut rel="shadowbox[1]" hinzufügen. Dann sieht es in etwa so aus:

    <a href="/images/content/Referenzen/Projekte/Bild1.png" rel="shadowbox[1]"><img src="/images/content/Referenzen/Projekte/Bild1.png"></a>

 

 

© 2024 Cloudrexx AG | Schweizer Cloud CMS | Datenschutzerklärung