Ich habe mal folgende Fragen an die CSS Experten. Ich stolperte heute über einen mit Shopware erstellten Shop, welcher die Produkteseite sehr übersichtlich und ansprechend unterteilte.
Mich würde interessieren, wie ich sowas realisieren könnte. Braucht man dazu ein Plugin oder kann man das auch mit etwas CSS hinbekommen? Zickzacklinien können ja bereits mit CSS3 realisiert werden - siehe z.B. hier: Zick-Zack-Linien mit CSS3 | kulturbanause®
Kann man in die Produktebeschreibung überhaupt css code integrieren?
Ich habe mir soeben mal das Plugin " CSS/JS Container" installiert und dort einen Cointainer mit folgendem Inhalt erstellt:
#demo {
width: 100%;
height: 150px;
position: relative;
background: #f5eff2
}
#demo::before {
content: ‚‘;
position: absolute;
bottom: -30px;
left: 0;
right: 0;
height: 60px;
background-size: 24px 48px;
background-repeat: repeat-x;
background-image: -webkit-linear-gradient(45deg, transparent 34%, #f5eff2 34%, #f5eff2 66%, transparent 66%), -webkit-linear-gradient(315deg, transparent 34%, #f5eff2 34%, #f5eff2 66%, transparent 66%);
background-image: -moz-linear-gradient(45deg, transparent 34%, #f5eff2 34%, #f5eff2 66%, transparent 66%), -moz-linear-gradient(315deg, transparent 34%, #045B76 34%, #f5eff2 66%, transparent 66%);
background-image: linear-gradient(45deg, transparent 34%, #f5eff2 34%, #f5eff2 66%, transparent 66%), linear-gradient(315deg, transparent 34%, #f5eff2 34%, #f5eff2 66%, transparent 66%);
}
In der Produktebeschreibung kann ich in der Codeansicht das ganze nun über die DIVs #demo bzw. #demo::before steuern. Es klappt, ist allerdings sehr aufwändig, dies bei jedem einzelnen Artikel einzubauen. Hat jemand eine Idee wie man das einfacher handhaben könnte?
