News anzeigen (29)   News-Kategorien anzeigen



CSS-Hack für Shopware: Lange Texte mit Digital Publishing Plugin? Kein Problem!


Banner Shopware

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 Hack präsentiert, mit dem das Problem gelöst werden kann. 

 

 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 vorbeizuschauen.  

 

Dieser Blogartikel wurde von unserem Azubi Lennart geschrieben.

Lisa Schulz
Lisa Schulz
vom 23.09.20 um 12:06

Hallo, mein Name ist Lisa. Ich betreue das EXWE Backoffice und bin für unsere Social-Media Kanäle zuständig. All unsere Artikel sollen dir das Leben erleichtern und eine Entscheidungshilfe sein. Trotzdem kann es mal vorkommen, dass etwas unklar bleibt, daher: Wenn du Fragen zu diesem Artikel hast erreichst du mich ganz einfach unter +49 231 93149827




Schreibe EXWE auf WhatsApp