bei deiner, im Beispiel erwähnten Seite, wird es ja nur “quick and dirty” über ein Bild und entsprechende span - Elemente gelöst. Das so zu Shopware zu “übertragen”, wäre nicht wirklich sehr hübsch.
Du könntest zum Beispiel eine individuelle CSS-Klasse dem Element, wo der Effekt angewendet werden soll, vergeben und dieser :before - und :after - Elemente zuweisen und für dessen Inhalt das Parallelogram oder ein Bild nutzen, um den “Schrägstrich” - Effekt umzusetzen.
also eine exakte Bauanleitung wird dir hier keiner kostenlos bereitstellen, du verdienst ja schließlich mit deinem Shop (und dem Effekt) später auch mal Geld.
Aber genug Ansätze sind doch hier schon erwähnt worden, wie man es umsetzen kann. Hilfe zur Selbsthilfe sozusagen.
Es gibt von Shopware ja auch sehr gut Anleitungen, wie man Anpassungen am eigenen Shop selbst vornehmen kann, siehe: Frontend Guides .
@Sarah_Tier Skew ist keine gute Idee, der Text würde ja mitverschoben werden. Auch der Einsatz von zusätzlichen Wrappern ist altbackend. Besser wäre ein Verlauf direkt auf das betreffende Element. z.B.