Möglicherweise ist der Ordner in der Dateiverwaltung nicht auf Öffentlich gestellt. Du kannst das prüfen, indem du
den entsprechenden Ordner bearbeitest. Das Häkchen bei Öffentlich muss gesetzt sein, ansonsten wird das Bild nicht
im Frontend angezeigt.
Dazu muss im Theme jQuery und das jQuery-Template j_colorbox geladen werden. Das Layout kann im Backend unter Themes
und über das drittletzte Icon Seitenlayouts des Theme ID 1 bearbeiten bearbeitet werden.
Bei animierten GIFs darf bei den Bildeinstellungen keine Bildgröße gesetzt werden, ansonsten bleibt die Animation nicht erhalten.
Lege dazu in dem Artikel 01/02 Top Navbar (ganz unten bei ODD Elements - 01/Kopfzeile) innerhalb des Inhaltscontainers ein neues Element vom Typ Bild an (siehe Screenshot 1).
In den Elementeinstellungen setzt du eine Bildgröße, z. B. An Rahmen anpassen / 40px. Aktiviere
Metadaten überschreiben und setze einen Link unter Bildlink-Adresse. In den Experteneinstellungen setzt du
noch die Klasse icon
(siehe Screenshot 2).
Zum Schluss fügst du noch folgenden CSS-Code in die custom.scss ein.
Am Ende sollte es wie im dritten Screenshot aussehen.
Screenshot 1:
Screenshot 2:
Screenshot 3:
Füge dazu im Artikel 01/01 Logo (unter ODD Elemente - 01 / Kopfzeile) ein zweites Bildelement ein und gebe diesem
Element z. B. die Klasse stuck-logo
(unter Experteneinstellungen das zweite Eingabefeld).
Füge nun folgendes CSS in die custom.scss ein:
.stuck-logo {
display: none;
}
.stuck .stuck-logo {
display: block;
}
.stuck .navbar-brand .ce_image:not(.stuck-logo) {
display: none;
}
Danach sollte ein anderes Logo angezeigt werden, wenn man von oben herunterscrollt und die schmale Navigationsleiste angezeigt wird.
Du kannst entweder direkt das Template event_list_odd.html5
oder event_teaser_odd.html5
bearbeiten oder es über die
langconfig.php
überschreiben (erst ab ODD Theme Version 1.4.2).
Bearbeite dazu die Datei langconfig.php
unter system/config
bzw. lege die Datei an, wenn sie noch nicht existiert.
Du kannst den Text mit Hilfe folgender Zeile überschrieben:
<?php
$GLOBALS['TL_LANG']['odd']['event_more_link'] = "Details";
Oder wie folgt um es z. B. in einer bestimmten Sprache zu überschrieben:
<?php
if ($GLOBALS['TL_LANGUAGE'] == 'en') {
$GLOBALS['TL_LANG']['odd']['event_more_link'] = "Details";
}
Füge dazu folgendes CSS in die custom.scss ein und lade die Seite anschließend mit Strg + F5 neu:
h1, h2, h3, h4, h5, h6 {
text-transform: inherit;
}