Ich hatte danach schon mal gesucht, aber bin nicht fündig geworden. Vielleicht habe ich jetzt mehr Glück: Ich suche nach einem Weg in den TABS Icons einzufügen, z.B. für "FAQ", "Downloads" etc. Gambio filtert leider alles an HTML aus der Überschrift raus, daher kann man die nicht einfach einfügen. Kennt jemand einen Weg das so zu ändern dass man da auch HTML in den Titel einfügen kann?
Muss es zwingend HTML im Titel sein? Man kann da schon einiges mit CSS machen. Statt Font-Awesome-Icons ließen sich auch Hintergrundbilder angeben… Code: .product-info-description .nav-tabs>li>a::before{ font-family: 'FontAwesome'; padding-right: 7px; } .product-info-description .nav-tabs>li>a[title="FAQ"]::before{ content: "\f29c"; } .product-info-description .nav-tabs>li>a[title="Downloads"]::before{ content: "\f019"; }
Danke, das ist ja elegant, Du hast es wirklich drauf! Nur stimmt da noch etwas nicht bei mir, ich sehe nur Kästchen statt Symbole. Der Font wird wohl nicht geladen bzw. ist nicht vorhanden. Im Footer usw. kann ich aber Fontawesome icons verwenden. In den Tabs sehe ich aber nur Quadrate.
Habs gefunden: Es muss font-family: 'Font Awesome 5 Free'; heißen... aber dann kommen auch nur ein paar Icons. \f019 z.B. wird nicht angezeigt. Irgendwas ist da falsch..
Jetzt aber: Code: .product-info-description .nav-tabs>li>a::before{ font-family: 'Font Awesome 5 Free'; font-weight: 900; padding-right: 7px; } .product-info-description .nav-tabs>li>a[title="FAQ"]::before{ content: "\f059"; } .product-info-description .nav-tabs>li>a[title="Dokumentation"]::before{ content: "\f019"; } Das font-weight: 900; ist bei mir nötig damit die Icons angezeigt werden. Jetzt klappt es! Vielen Dank dafür!
Ja, müsste es eigentlich. Nur damit wurden bei mir nur Kästchen angezeigt. Deshalb hatte ich es in FontAwesome geändert Vor Kategorienamen wie "Einzelkarten"? Ja, macht aber keine große Freude, weil man Gambios Gammel-CSS mühsam umschiffen muss. Nur mal als Beispiel für Desktop: Code: @media (min-width: 768px){ nav.navbar-default.navbar-categories>ul.navbar-nav>li>a::before{ font-family: 'FontAwesome'; display: inline-block; position: absolute; } nav.navbar-default.navbar-categories>ul.navbar-nav>li>a[title="Einzelkarten"]{ padding-left: 30px; } nav.navbar-default.navbar-categories>ul.navbar-nav>li>a[title="Einzelkarten"]::before{ content: "\f1c5" !important; left: 8px; top: 20px; } }
Wenn man das direkt im Admin von den Kategorie-Titel, oder vor den Content-Titel (nicht vor den Namen) setzt, wird es ohne extra css auch im Menü angezeigt.
ja. hae ich auch vor der "Startseite" Das wird bei Kategorien dann auch im Mega-Dropdown angezeigt. Siehe hier: (Link nur für registrierte Nutzer sichtbar.) Die Sterne Bei Grundartikeln und Bändern sind über css eingefügt. Die Unterkategorie Sticker -> Stony Sticker hat das Icon gleich im Titel Nachtrag: die Farbe des Icons kann man dann immer noch per css ändern
Nach der Vorarbeit von Dominik(danke) sollte das bei dir funktionieren. Code: @media (min-width: 768px){ nav.navbar-default.navbar-categories>ul.navbar-nav>li>a::before{ font-family: 'Font Awesome 5 Free'; font-weight: 900; display: inline-block; position: absolute; } nav.navbar-default.navbar-categories>ul.navbar-nav>li>a[title="Einzelkarten"]{ padding-left: 30px; } nav.navbar-default.navbar-categories>ul.navbar-nav>li>a[title="Einzelkarten"]::before{ content: "\f2c2" !important; left: 8px; top: 20px; } } Für eine anderen Karte musst du halt was passendes auf https://fontawesome.com/v5/search?m=free suchen und dir oben den Unicode kopieren und bei Code: content: "\ " !important einfügen. p.s Falls du mal auf der Suche nach hervorragenden Modulen/Erweiterungen für deinen Shop bist, schau dir www.werbe-markt.de an
Ich habe das mal getestet, und vor einer Kategorie mal testweise <i class="fa-solid fa-cards-blank"></i> gesetzt. Aber es wird nichts angezeigt bei mir. Bei den Content-Seiten klappt es, aber bei den Kategorien nicht. Zumindest nicht ohne css.
Der Shop kann nur FontAwesome 5 Free, Dein Symbol ist aber von FA 6 und ist offenbar auch nicht "Free"
Auch wenn ich ein anderes Icon aus der FA 5 Free Kollektion nehme erscheint nichts. Gambio scheint das auszufiltern, es ist auch im Quellcode nicht zu finden.
poste doch mal hier deinen Code... so wie es hier und auch in anderen Beiträgen mehrfach beschreiben wurde funktioniert es...
Versuche es mal mit leeren des Cache in der Reihenfolge: Module -> Texte -> Seiten Und den vom Browser. Wenn Du das Ladezeit-Modul von D. Späte nutzt, musst Du da eventuell auch den Cache leeren.
Habe ich alles schon probiert. Ändere ich den Titel einfach erscheint das auch sofort, packe ich den Fontawsome code für ein Icon rein passiert schlichtweg nichts, es taucht nicht auf. Es geht hier um Kategorienamen, also das Feld "Kategorie Name".
Diese Variante funktioniert nur mit Kategoriennamen von Kategorien die man über den Content-Manager angelegt hat. Icons vor/nach Kategoriennamen für Artikelgruppen kann man so nicht einfügen. Dafür muss man die Variante von Dominik verwenden. (SCSS/CSS)
Falsch Das geht auch in Kategorien die man unter Artikel / Kategorien erstellt hat. in der 4.4x ebenso wie in der 4.5.x und in Oberkategorien wie in Unterkategorien Habe gerade in meinem Shop in der letzten KAtegorie "B-Ware" eine Checkbox mit Haken <i class="far fa-check-square"></i> dahinter gesetzt - wird einwandfrei angezeigt und im Testshop ist bei der Unterkategorie Sticker -> Stony Sticker das Häuschen vor dem Titel man muss aber den Cache richtig leeren.