Custom Code auf der B360 Website

 

Screenshot mit Javascript als URL

Screenshot mit Javascript als URL

 

“Zurück” Button

Buttons werden normalerweise mit einem Link zu einer bestimmtem Seite hinterlegt. Man kann aber anstelle einer “Clicktrough URL” eine kurze Zeile Code hinterlegen, die dem Browser das Kommando “zurück” gibt:

javascript:void(history.back())

Beispiel-Button mit hinterlegtem Code:

 

 
Aufbau der beiden Sprachen: Deutsch unter Primary Navigation, English unter Secondary Navigation.

Aufbau der beiden Sprachen: Deutsch unter Primary Navigation, English unter Secondary Navigation.

Sprachen (Doppelte Navigation verstecken)

Diese Anleitung ist nur relevant, wenn unsere Vorlagen (im Ordner ***Vorlagen***) Beim erstellen von neuen Seiten nicht verwendet werden. Auf allen bestehenden seiten und auf unseren Vorlagen ist dieser Code bereits hinterlegt.

Damit beide Sprachversionen der Website nebeneinander funktionieren, müssen die Inhalte auf zwei Navigationen verteilt und die zweite Sprache jeweils ausgeblendet werden.

Links auf dem Screenshot ist die Strukturierung der beiden Sprachen auf die zwei Navigationen zu sehen. Die Deutsche Website ist unter der Primary Navigation aufgebaut, Die Englische Website unter der Secondary Navigation.

Normalerweise werden auf allen Seiten immer beide Navigationen angezeigt:

2018-11-18 11_01_08-___ANLEITUNGEN___ — B360 - education partnerships.png

Mit dem Code wird jeweils eine dieser Sprachen (bzw. Navigationen) ausgeblendet:


Deutschen Seiten

(die Secondary Navigation mit der Englischen Navigation wird versteckt):

<style>nav.Header-nav--secondary {

display: none;

}

.Mobile-overlay-nav--secondary {

display: none;

}

</style>


Englischen Seiten

(die Primary Navigation mit der Deutschen Navigation wird versteckt):

<style>nav.Header-nav--primary {

display: none;

}

.Mobile-overlay-nav--primary {

display: none;

}

</style>


Wo wird dieser Code hinterlegt?

Um diesen Code auf einer Seite einzubetten muss man in die Einstellungen der jeweiligen Seite gehen.

Um diesen Code auf einer Seite einzubetten muss man in die Einstellungen der jeweiligen Seite gehen.

Im Advanced Tab der Seiteneinstellungen gibt es ein Feld für Page Header Code Injection. Dort wird der Code eingefügt und die Einstellungen anschliessend gespeichert.

Im Advanced Tab der Seiteneinstellungen gibt es ein Feld für Page Header Code Injection. Dort wird der Code eingefügt und die Einstellungen anschliessend gespeichert.