EXWE Blog
Neuigkeiten zum Thema Shopware aus dem EXWE Blog
Beiträge zum Thema Digitalisierung, Softwareentwicklung und E-Commerce abbonieren
  News anzeigen (56)



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

Ausgangssituation Text

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.

DIgital Publishing

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

Less Datei

 

Text unterlegt

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.

Meike
Meike
vom 23.09.20 um 12:06

Hallo, mein Name ist Meike. 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