Aufgrund der großen Resonanz auf mein facebook-Posting habe ich beschlossen, den Trick auch hier im Forum zu veröffentlichen. Making Jimdo Better - und der gegenseitige Austausch ohne Copyrights ist mir ein echtes Anliegen.

Ich bin übrigens im Gegenzug auch sehr Euren Lösungen interessiert. Ihr könnt mich auch gern privat anschreiben (info@redesign-berlin.de), wenn ihr etwas interessantes gefunden habt!


hier noch einmal, worum es geht:

..für mehrsprachige Jimdo-Seiten:

Ein kleines Script im Content läd eine CSS-Datei über einen Link in den Head der Seite. Diese bewirkt, dass je nach gewählter Sprache die Links der Navigation ausgeblendet bzw. angezeigt werden.

- funktioniert auch bei responsive Sites

- lässt die erste Nav-Ebene unberührt






Beispiel: http://language-changer.jimdo.com/

Fortsetzung folgt...

LG, az

...Fortsetzung

Der Trick ist folgender:

Erstellen der Sprachdateien

Ich habe 2 CSS-Dateien erstellt, auf denen jeweils die NavItems ausgeblendet werden, die nicht zur jeweiligen Sprache passen (display:none;). Gleichzeitig werden diejenigen wieder eingeblendet werden, die das tun (display:initial; oder display:block;).

Beispiel:

1. für deutschsprachige Seiten: de.css

/*change language (de)
------------------------------*/
 
/*englisch*/
#cc-nav-view-2492225935 a,
#cc-nav-view-2492226035 a,
#cc-nav-view-2492226135 a {
display: none;
}
 
/*deutsch*/
#cc-nav-view-2492226335 a,
#cc-nav-view-2492226235 a,
#cc-nav-view-2492225835 a,
#cc-nav-view-2492225735 a {
display: block !important;
}
 

und
2. für englischsprachige Seiten:

/*change language (en)
-----------------------------*/
 
/*deutsch*/
#cc-nav-view-2492226335 a,
#cc-nav-view-2492226235 a,
#cc-nav-view-2492225835 a,
#cc-nav-view-2492225735 a {
display: none;
}
 
/*englisch*/
#cc-nav-view-2492225935 a,
#cc-nav-view-2492226035 a,
#cc-nav-view-2492226135 a {
display: block !important;
}
 

Diese beiden Dateien lade ich auf einer versteckten Jimdo-Seite hoch. Danach kann ich sie über die download-Links wieder auf meiner Seite einbinden.

Fortsetzung folgt...

...Fortsetzung:

Einbinden der Sprachdateien:

Als nächstes wird auf jeder deutschsprachigen Seite das die CSS-Datei "de.css" in den Head eingebunden (...und auf jeder englischsprachigen die datei "en.css").

Das geschieht über ein kleines JQuery-Script in einem html-Widget-Element, welches ich an erster Stelle im Content setze:

<p class="hide">
    jQuery append CSS to head
</p>
<script type="text/javascript">
//<![CDATA[
    $('head').append('<link rel="stylesheet" href="http://51023348.swh.strato-hosting.eu/_test/de_en/de.css" type="text/css" />');
//]]>
</script>

<p class="hide">
    jQuery append CSS to head
</p>
<script type="text/javascript">
//<![CDATA[
    $('head').append('<link rel="stylesheet" href="http://51023348.swh.strato-hosting.eu/_test/de_en/en.css" type="text/css" />');
//]]>
</script>

   /*change language
    -----------------------*/
    #cc-nav-view-2492226335 a,
    #cc-nav-view-2492226235 a,
    #cc-nav-view-2492225835 a,
    #cc-nav-view-2492225735 a,
    #cc-nav-view-2492225935 a,
    #cc-nav-view-2492226035 a,
    #cc-nav-view-2492226135 a {
        display: none;
    }
 

Bild:

Hallo @JoyJoy,

...nein, ich habe die Seite ganz normal angelegt, mit allen Hauptseiten auf der ersten Nav-Ebene (MainNav):




Der Trick ist, dass das CSS die Navlinks, die nicht gebraucht werden, einfach ausblendet werden. Und die englischen Seiten benutzen einfach ein anderes CSS als die deutschen.

LG, az

...dieses Tutorial ist überholt! Ich habe eine bessere Methode gefunden:

- https://language-changer3.jimdo.com/

LG, az