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

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

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

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

Shopware Stornorechung mit eigenem Nummernkreis

Wie Du in Shopware eine Stornorechungen mit eigenem Nummernkreis erstellst, erfährst du im folgenden Post.

Tipps und Tricks für deinen Shopware Shop: Shopware italienische Staaten

Der Shopware-Insert die italienischen Bundesstaaten - Nutze unsere Tipps und Tricks rund um das Thema Shopware und optimiere jetzt deinen Onlinehsop!




Schreibe EXWE auf WhatsApp