Lange teksten zijn mogelijk met de Digital Publishing Plugin!
Bij het maken van een landingspagina met Shopware voor een van onze klanten, stuitten we op een probleem met de digital publishing plugin, die te lange tekst eenvoudigweg afkapt in de achtergrondmodus "Kleur". Omdat wij en onze klant hier niet erg enthousiast over waren, zochten we naar een manier om het probleem te omzeilen. Hier zie je de uiteindelijke CSS hack die het probleem oplost. Neem voor meer informatie en ondersteuning voor aangepaste Shopware 5 en Shopware 6 plugins contact met ons op en geniet van ons artikel!
UITGANGSSITUATIE
We willen de Shopware "Digital Publishing" plugin gebruiken om zelf een element te maken dat een gekleurde achtergrond heeft en een langere tekst bevat. Als we dit element op een gestandaardiseerde manier maken, merken we al snel dat de tekst wordt afgesneden zoals in de afbeelding hieronder.
WAT TE DOEN OM HET PROBLEEM OP TE LOSSEN
Na wat spelen met CSS hebben we een oplossing bedacht die we jullie niet willen onthouden. Ten eerste hebben we ons digital publishing element de class "long-text-bg-color" gegeven zodat we niet per ongeluk andere elementen aanpassen.
Als we nu de volgende regels toevoegen aan ons Less-bestand, wordt onze tekst niet langer afgesneden maar volledig weergegeven zoals gewenst.
Dat was de hele truc - nu kunnen we tekstelementen van elke lengte maken met de Digital Publishing Plugin! Als je deze post nuttig of informatief vond, vergeet dan niet regelmatig terug te komen naar onze blog voor meer posts zoals deze. Als je nog vragen hebt over Shopware shops en webontwikkeling, zijn we graag je sterke partner!
Dit blog artikel is geschreven door onze stagiair Lennart.
Wat is je project? Als je ons erover wilt vertellen, bellen we je terug!
Hallo, mijn naam is Meike. I take care of the EXWE back office and am responsible for our social media channels. All of our articles are meant to make your life easier and help you make decisions. Nevertheless, it can happen that something remains unclear, so: Als je vragen hebt over dit artikel kun je me makkelijk bereiken op +49 231 93149827.
Our Shopware Performance Guide for professionals - tips and tricks to take the performance of your online store to the next level.
Find out about the improvements and new features from Shopware 6.0 to Shopware 6.4.1.0 and stay up to date on the topic of online store creation.
We do the big Shopware 6 and Shopify comparison so you can find out which is better for your company's online store.
