Protostar: IcoMoon-Symbol als Separator in Breadcrumbs-Modul

    Hallo allerseits,


    Eines vorweg: Ja, mir ist durchaus bewusst, dass ich mit Joomla! 3 und meinem Template, das auf Protostar basiert, heute keinen Blumentopf mehr gewinne. Da ich aber derzeit leider keine Zeit habe, eine Umstellung auf Joomla! 4 vorzunehmen, möchte ich vorab gern ein paar Dinge im aktuellen Template optimieren.


    Es geht zunächst um den Separator im Breadcrumbs-Modul. Da auf meiner Seite bereits die Schrift IcoMoon eingesetzt wird, würde ich die übliche Datei "arrow.png" gern gegen ein IcoMoon-Symbol ersetzen, um den Overhead zu verringern.


    Derzeit ist der Separator bei mir der standardmäßige und sieht so aus:


    Code
    <span class="divider"><img src="/media/system/images/arrow.png" alt=""> </span>



    Wenn ich im Firefox den Separator in ein IcoMoon-Symbol ändere,


    Code
    <span class="divider icon-arrow-right-3" style="padding-right: 0; color: #ff8400; vertical-align: middle;"> </span>


    sieht das wie folgt aus:



    Also nahezu ident, mit dem Unterschied, dass der Pfeil flexibler gestaltet werden kann und man dafür keine Grafikdatei benötigt.


    Nun kann man im Breadcrumbs-Modul offenbar kein IcoMoon-Symbol als Separator angeben. Daher meine Frage: Welches Override würde man dafür benötigen?


    Wie immer vielen Dank im Voraus für eure Hilfe und bleibt bitte gesund!


    LG, Gerry

    Vielen Dank, Re:Later, für Deine schnelle Antwort. Die erwähnte Stelle habe ich gefunden:


    PHP
    <?php if (($key !== $penult_item_key) || $show_last) : ?>
    <span class="divider">
        <?php echo $separator; ?>
    </span>
<?php endif; ?>


    Kann man an dieser Stelle irgendwie herausfinden, ob im Breadcrumbs-Modul ein eigener Separator gesetzt worden ist?


    LG, Gerry

    Einmalig spitze! :thumbup::thumbup::thumbup: Hier die Änderungen/Ergänzungen in meinem Template im Detail:


    PHP: html/mod_breadcrumbs/default.php
    <?php if (($key !== $penult_item_key) || $show_last) : ?>
    <?php if (!empty($params->get('separator'))) : ?>
        <span class="divider">
            <?php echo $separator; ?>
        </span>
    <?php else : ?>
        <span class="divider icon-arrow-right-3"> </span>
    <?php endif; ?>
<?php endif; ?>


    Code: css/template.css
    .breadcrumb > li > .divider {
    padding: 0 5px;
    color: #ff8400;
}
.breadcrumb > li > .divider[class*=" icon-"] {
    vertical-align: middle;
    margin: 0 1px;
    padding: 0 2px;
}


    Vielen vielen Dank, Re:Later, es ist perfekt! <3


    LG, Gerry