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

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. Für weitere Informationen und Support für individuelle Shopware 5 und Shopware 6 Plugins - kontaktiere uns gerne.

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

Zu diesem Thema haben wir außerdem noch folgende interessante Beiträge aus unserem Tech-Blog für dich
Shopware Rechnungskorrektur erzeugen ohne Überschreibung

Shopware Rechnungskorrektur erzeugen ohne Überschreibung

Shopware Versandkosten Hinweis für Versand ins Ausland

So kannst Du in Shopware den Speditions Hinweis für Versand ins Ausland einfügen - Shopware Hacks von EXWE, die dir das Leben erleichtern.

JTL Connector überschreibt bei jedem sync eure Freitextfelder mit null Werten?

Unsere Lösung für das Problem - was du tun kannst, wenn der JTL Connector bei Shopware zu Problemen führt.




Schreibe EXWE auf WhatsApp