ich verzweifel hier gerade an einer eigentlch einfachen Aufgabe.
Und zwar möchte ich in der Artikelübersicht den Titel & Preis zentrieren. Anschließend die Abstände dazwischen verringern und die Rating Stars entfernen.
Ich habe dazu in meinem Template die Datei product-box.less angelegt und geändert.
Das zentrieren des Titels funktioniert problemlos. Die Schriftgrößes des Titels, des Preises sowie die Randstärke der Box konnte ich erfolgreich ändern.
Was ich aber auch versuche der Preis wird nicht zentriert. Ich nutze die Minimal Ansicht im Product Listing und habe dort folgendes eingefügt.
.product–price-info {
text-align: center;
}
Was ich auch mache er nimmt es nicht an. Nach dem komplilieren bleibt alles beim alten.
Das gilt auch, wenn die Rating Stars einfach aus der product-box.less lösche.
Ich fürchte ich stehe hier gerade voll auf dem Schlauch und hoffe, dass mir jemand helfen kann.
Ausblenden geht mit display:none; nicht mit dem Löschen aus der Datei. Wenn Du schon die Schriftgröße der Preises geändert hast, kannst Du es auch dort zentrieren.
wenn ich das Product Layout von „Nur wichtige Informationen“ auf „Großes Bild“ ändere, dann läuft es und der Preis wird zentriert dargestellt.
Wenn ich das wieder zurück auf „Nur wichtige Informationen“ stelle und den Cache leere, dann erscheint der Preis in der Darstellung wieder linksbündig.
Ist für dieses Produktlayout eventuell eine ganz andere Datei zuständig als die product-box.less?
in der Layoutansicht “Großes Bild” gewählt (hier funktioniert es ja) und anschließend in der less Datei die Spalten von 33,3% auf 20% reduziert.
So wird es in der Desktop Ansicht auch fünf spaltig und alles zentriert. Noch den “Vergleich” im Backend deaktiviert und ich erhalte fast mein Wunschergebnis.
Einzig ein großer Abstand von ca. 2 Zeilen habe ich jetzt zwischen dem Produktbild und dem Titel.
Da wäre ich für einen Tipp dankbar, wie sich dieser verringern läßt?
Ich glaube das mit den produktboxen ist auch zusätzlich von den bildschirmbreiten abhängig. Manche Änderungen greifen da in die andere breite mit über so dass man die Änderungen dort zusätzlich noch machen muss. Aber wo und wie ist natürlich ne Sucherei. Responsive
im Produkt Layout “Nur wichtige Informationen” kriege ich es einfach nicht hin den Preis mittig zu setzen, bei den anderen Layouts lässt es sich problemlos anpassen…