Drucken, E-Mail als Icons im Dropout-Menu in altes Template

Astonish · 12. Juni 2017

Liebe Experten,

ich bin noch neu hier und hoffe, dass Ihr mir helfen könnt: Ich bin für ein großes Internetportal verantwortlich, das auf einem alten Joomla-System lief - mit einem alten Template ("notepad chaos"). Das System habe ich nun auf 3.7 aktualisiert, das Template angepasst - so weit alles gut, es läuft. Nur hätte ich gerne die Links, um eine Seite zu drucken bzw. via eMail zu verschicken, als Icons im Dropdown-Menu, wie es standardmäßig bei Joomla 3 der Fall ist. Wie realisiere ich das? Könnt Ihr mir helfen?

Und: Auf ein anderes Template zu wechseln, ist derzeit keine Option.

Danke und viele Grüße!
Astonish

Re:Later · 12. Juni 2017

https://www.j-over.de/de/templ…ootstrap-druckericon.html

https://www.j-over.de/en/overr…bootstrap-print-icon.html

Astonish · 12. Juni 2017

Hallo,
vielen Dank, aber das löst es leider nicht. Ich habe es versucht, leider tauchen die Links dann gar nicht mehr auf. Überhaupt: Ich glaube, dass es nicht funktionieren kann, da ja vorher schon keine icons bzw. dieses Dropdown-Menu angezeigt wird, sondern eben nur Textlinks. Was kann ich ansonsten noch versuchen? Braucht Ihr irgendwelche Dateien von mir, um Euch das "Problem" genauer anzusehen? Ich habe Euch das Template mal als ZIP angehangen. Wäre großartig, wenn sich das mal jemand ansehen könnte.

Vielen, vielen Dank!
Astonish

Re:Later · 12. Juni 2017

Tschuldigung. Hab ich nicht richtig gelesen.

Astonish · 12. Juni 2017

Kein Problem - kannst Du denn helfen?

Re:Later · 12. Juni 2017

Da das Template kein Bootstrap 2 verwendet (das wäre nötig für den "problemlosen" Dropdownbutton in Joomla), ist das ""schwer"". Zwar wird das Joomla Bootstrap-Javascript auf irgendeinem Wege laden, aber man braucht zusätzlich das CSS. Vielleicht kommst schneller ans Ziel, wenn du einen Link zum Problem postest. Dann könnten Helfer (muss ja nicht ich sein) wenigstens nachsehen, ob denn das HTML für die Icons schon halbwegs korrekt geladen wird und wie das aussieht.

Ein plumper Versuch könnte sein, ins Template an den Anfang nach defined('_JEXEC') or die; einzufügen:

Code

JHtml::_('bootstrap.loadCss');

Das ist aber ein ziemlicher Overkill und wird vermutlich an diversen Stellen Konflikte verursachen.

Astonish · 13. Juni 2017

Vielen Dank für den Versuch. Das Einfügen bringt leider gar nichts - der Befehl erscheint einfach auf der ausgegebenen Seite. Die Seite ist www.kinderundjugendmedien.de, die Verlinkung von Drucken und eMail ist hier gut sichtbar: http://kinderundjugendmedien.d…rossoverall-age-literatur

Es wäre wirklich großartig, wenn jemand helfen könnte! Danke, Astonish

Lui_brempt · 13. Juni 2017

Hast du schon mal in die alte Version deines Templates geschaut, wie dort die Darstellung realisiert war?
Ggf. solltest du diese css-Anweisungen in die template.css oder eine andere deiner css-Dateien deines Templates einbauen. Du musst dann natürlich noch die Klassen nach der Benamung in deiner css-Datei anpassen.
Das wäre meine Vermutung. Bootstrap wird zwar geladen, aber wie ReLater sagt ohne die Bootstrap-css. Daher kann auch keine Ausgabe in der Optik wie gewünscht erfolgen.
Brauchst du unbedingt noch die mootools? Manchmal ist weniger mehr.

Re:Later · 13. Juni 2017

Zitat von Astonish

der Befehl erscheint einfach auf der ausgegebenen Seite.

Dann hast wahrscheinlich nicht direkt hinter der Zeile defined('_JEXEC') or die; eingefügt.

Code

defined('_JEXEC') or die;
JHtml::_('bootstrap.loadCss');
?>

Re:Later · 13. Juni 2017

Nachtrag:
Wollte man nur diesen Dropdown CSS-seitig nachbasteln ("wie bei Joomla zu sehen") bzw. aus dem Bootsrapwust rauskramen, kommt man schon auf so was um die 160 Zeilen, die man in das Template zusätzlich einfügen muss. Vielleicht auch nur 140

Astonish · 14. Juni 2017

Grundsätzlich hat es funktioniert ... grundsätzlich. Soll heißen: Wenn ich einen Artikel aufgerufen habe, gab es nun die Icons im Dropdown-Menu. Die Startseite war aber komplett zerschossen und so einiges mehr ... Du hattest da absolut Recht, aber: Es scheint immerhin möglich zu sein Nur: Wie? Könntest Du mir noch bei den 140 Zeilen etwas helfen? Das wäre wirklich toll!

Sieger66 · 15. Juni 2017

Du kannst ja selbst mal "schnell" die erforderlichen Zeilen suchen usw.... :

https://github.com/joomla/joom…dia/jui/css/bootstrap.css

https://github.com/joomla/joom…media/jui/js/bootstrap.js

Außerdem dort z.B. die kommentierten LESS-Dateien dazu :

https://github.com/joomla/joom…tree/3.7.2/media/jui/less

bzw.:

https://github.com/joomla/joom…a/jui/less/bootstrap.less

z.B. mit:

https://github.com/joomla/joom…a/jui/less/dropdowns.less
https://github.com/joomla/joom…dia/jui/less/buttons.less
https://github.com/joomla/joom…i/less/button-groups.less
https://github.com/joomla/joom…dia/jui/less/icomoon.less
https://github.com/joomla/joom…a/jui/less/variables.less
usw.

wenn dir obiges noch nicht genügt:

https://github.com/twbs/bootstrap/tree/v2.3.2

https://github.com/joomla/joomla-cms/tree/3.7.2/media/jui/js