Shopware Titel Zweizeilig und die zweite Zeile als eigenen Style

by Sarah Kroll

Shopware 5 Zweizeiliger Titel

Eine denkbar schlechte Überschrift, aber ich konnte es leider nicht anders erklären. Manchmal möchten wir eine Überschrift nicht nur Einzeilig, sondern zweizeilig haben und die zweite Zeile sollte ggf. einen anderen Style haben.

Nun stellt sich natürlich die Frage, wie man das innerhalb eines einzelnen Text oder Titel Feldes lösen kann. Hierzu haben wir einen kleinen Smarty Modifier, welcher mittels | den Titel aufteilt.

Smarty Plugin

modifier.headlineSubtitle.php

<?php
function smarty_modifier_headlineSubtitle($subtitle)
{
    $seperator = '|';
    if (strpos($subtitle, $seperator) !== false) {
        $subtitle = preg_replace('/\| /', '<span>', $subtitle) . '</span>';
        return $subtitle;
    } else {
        return $subtitle;
    }
}

Beispiel

Haben wir nun zum Beispiel den Titel Hallo Shopware und möchten dem Wort Shopware einen eigenen Style geben - Bspw. ein display: block damit das Wort in die nächste zeile ruscht können wir nun den Modifier verwenden.

Dazu verwenden wir unseren seperator |. Der Text lautet dann Hallo|Shopware, der generierte HTML Output sieht dann wie folgt aus:

Hallo <span>Shopware</span>

So können wir nun alles nach dem Modifier über das <span> Tag stylen.

Want your own shop?
SCHEDULE A CALL WITH US