Einkaufswelten CSS Klasse anlegen

Shopware 5 Allgemein
1

Hallo zusammen,

ich möchte in einer Einkaufswelt verschiedenen Elementen verschiedene CSS Klassen zuweisen.

Die CSS Klasse wurde wie folgt angelegt (Über global.less direkt und auch über erweitertes CSS über den Theme Manager.)

.einkaufsweltborder {
		border: none !important;	
}

Allerdings wird die Klasse im Frontend nicht berücksichtigt, kann mir jemand sagen wo der Fehler liegt?

Das Css Input im jeweiligen Element trägt folgenden Inhalt: einkaufsweltborder

 

 

2

Und wie bekommt das Element die CSS Klasse? Hat das Element im Frontend überhaupt diese CSS Klasse?

3

Anbei ein Screen, das Element bekommt die CSS Klasse über das entsprechende Input in den Einkaufswelten zugewiesen:

4

Hat das Element denn die Klasse im Frontend? Gibt es einen Link zum Shop?

5

Deine CSS Anweisung ist verkehrt. Denn das Element über dem Panel bekommt die Class. Korrekt wäre 

.einkaufsweltborder .panel.has--border {
   border: none;
}

 

1 „Gefällt mir“
6

@Shopwareianer schrieb:

Deine CSS Anweisung ist verkehrt. Denn das Element über dem Panel bekommt die Class. Korrekt wäre 

.einkaufsweltborder .panel.has–border {
border: none;
}

 

Super danke, funktioniert! Schöne restliche Woche!