Header: Socials bearbeiten

[zoom]

Hallo tschero,
ich wollte ein bestimmtes Icon von FA (eben das Ribbon) der Einfachheithalber bei den Socials setzen.Nun gibt es das Ribbon aber nur ab Version 5, PCT arbeitet mit Version 4.7, also gibt es das Ribbon nicht über diesen Weg.
Nun möchte ich eine andere Lösung finden, um eine solche Schleife (Icon oder JPG) im Headerbereich zu plazieren, natürlich wenn auf anderem Weg machbar, gerne bei den Socials.

Gruß
Zoom

[tschero]

Ich dachte es geht Dir darum ein bestimmtes Icon zu setzen und nicht irgendeines.
Wie das geht, ist ja im Modul Socials schon zu sehen.

Welches Icon Du setzen kannst, bestimmt erst mal der Font Awesome.
Oder verstehe ich das falsch?

Gruß
tschero

[zoom]

Da traue ich mich ohne genaue Anleitung nicht dran. Welche Möglichkeit gibt es denn noch, ein Icon an einer Stelle im Header zu plazieren?

[tschero]

Du könntest Versuchen FontAwesome 5.0.9 manuell einzubauen.
- herunterladen und mit FA im cto_layout ersetzen (gleiche Benennung beachten) oder per font-family zusätzlich einbauen.
Beim Ribbon bzw. FA 5.0.9 scheint statt "fa" "fas" notwendig zu sein
Könnte funktionieren.

Gruß
tschero

[zoom]

@Tom: das fa_ribbon gibt es scheinbar erst in Fontawesome 5. Was kann man tun, um solch eine Schleife passend für die FA 4.7 zu bekommen?

[Tom]

In Eclipse ist Fontawesome 4.7 verbaut. Das arbeitet mit der Klasse "fa". "fas" existiert hier nicht und greift deshalb auch nicht.
Hier der Überblick aller Icons: https://fontawesome.com/v4.7.0/icons/

Tschero hat bereits alles im Detail dazu angeführt! tschero danke!

[zoom]

Hallo Tim,
Wegen der FA Klasse: ist es von Bedeutung, wenn bei Fontawesome als Klasse FAS angegeben wird?

[Tim]

Die FA Klasse heisst: fa, nicht fas

Das eigene Favicon kann gegen das existierende ersetzt werden. Lädt man eine gänzlich neue Datei hoch, muss diese natürlich manuell als Favicon angeben werden oben im fe_page Template.

[zoom]

Alles durchgeführt, keine Änderung. Habe ich vielleicht etwas vergessen?

das habe ich im Modul eingefügt: <a href="http://www.webseite.de" target="_blank"><i class="fas fa-ribbon"></i></a>

In den Systemeinstellungen habe ich eine Einstellung für CustomElements gefunden. Hier heißt es Fontawesome LOKAL. Von Bedeutung?

Im übrigen funktioniert mein Favicon auch nicht. Hängt das vielleicht zusammen? Habe einen Ordner "favicons" unter /files eingefügt, der wird mir in der Dateiverwaltung auch angezeigt. Aber auch keine Anzeige

[tschero]

Der Link insgesamt oder nur das Icon?
Hast Du mal var/cache/prod gelöscht, die Systemwartung ausgeführt und den Browsercache geleert?

[zoom]

Hallo tschero,

ja schon, habe ich auch genauso eingetragen. wird aber nicht angezeigt...

[tschero]

Hi,
ein Eintrag lautet z.B.:

<a href="http://www.twitter.com" target="_blank"><i class="fa fa-twitter"></i></a>

Hier kann man bei "class" jedes beliebige Font Awesome Zeichen verwenden.

z.B.:

<a href="http://www.twitter.com" target="_blank"><i class="fa fa-home"></i></a>

Hast Du das gemeint?

[zoom]

Sorry, habe herausgefunden, dass wohl "verlinkt" wird. Aber nun doch noch eine Verständnisfrage: ich füge einen weiteren Link in das Modul ein, wie erreiche ich es, dass das Icon auch angezeigt wird?

[zoom]

Danke Tim, für Deine Antwort. Das mit dem Modul hatte ich herausgefunden. Fontawesome ebenfalls bekannt für die zu verwendenden Icons. Aber wo müssen die im Theme hin?

[Tim]

https://help.premium-contao-themes.c...me-aufbau.html

Die Sozials sind ein Frontent-Modul Typ HTML: 1 Themesettings Sozial, darin einfach weitere Links ergänzen.