So sind lange Texte mit dem Digital Publishing Plugin möglich!

Wir sind bei der Erstellung einer Landingpage mit Shopware für einen unserer Kunden auf ein Problem mit dem Digital Publishing Plugin gestoßen, das zu lange Texte bei dem Hintergrund Modus „Farbe“ einfach abschneidet. Da unser Kunde und wir davon wenig begeistert waren, haben wir einen Weg gesucht, das Problem zu umgehen. Hier bekommst du den finalen CSS-Hack präsentiert, mit dem das Problem gelöst werden kann. Für weitere Informationen und Support für individuelle Shopware 5 und Shopware 6 Plugins - kontaktiere uns gerne und viel Spaß mit unserem Artikel!

AUSGANGSSITUATION    

Wir möchten mit dem „Digital Publishing“ Plugin von Shopware selbst ein Element erstellen, das einen farbigen Hintergrund hat und einen längeren Text beinhaltet. Wenn wir dieses Element nach Schema F erstellen werden wir schnell feststellen, dass der Text wie in diesem Bild unten abgeschnitten wird.  

WAS TUN, UM DAS PROBLEM ZU BEHEBEN 

Nachdem wir ein wenig mit CSS rumgehackt haben sind wir zu einer Lösung gekommen, die wir dir nicht vorenthalten wollen. Erstmal haben wir unserem Digital Publishing Element die Klasse „long-text-bg-color“ gegeben, damit wir nicht aus Versehen andere Elemente bearbeiten.

Wenn wir nun in unserer Less-Datei folgende Zeilen ergänzen wird unser Text nun nicht mehr abgeschnitten, sondern wie gewünscht komplett dargestellt.

Das war auch schon der ganze Trick -  nun können wir beliebig lange Text-Elemente mit dem Digital Publishing Plugin erstellen! Wenn Du diesen Beitrag hilfreich oder informativ fandest, vergiss nicht regelmäßig in unserem Blog für mehr Beiträge dieser Art vorbei zuschauen. Wenn du weitere Fragen rund um die Themen Shopware Shops und Web-Entwicklung hast, stehen wir dir gerne als starker Partner zur Seite!

Dieser Blogartikel wurde von unserem Azubi Lennart geschrieben.