Neu OPC Bildgröße im Product Stream anpassen.

[glanol]

Moin,

ich möchte wie im Titel geschrieben die Bildgrößen verändern. Die sind zu wuchtig für mein Layout.
Wenn ich im Backend unter Bildeinstellung die Werte anpasse verändert sich im Frontend nichts. Auch mit CSS komme ich nicht wirklich sauber weiter.
Cache geleert, Browser geleert etc. wurde alles gemacht. Ich habe gelesen, dass der Container die Werte anpasst.
Komme da aber nicht richtig hinter oder finde keine Lösung das zu umgehen.
Zur Info: Ich arbeite am Template auf einer Stagingseite und habe alle Daten inkl. DB kopiert.

Dann habe ich noch ein Frage. Gibt es eine Liste mit den Klasse, speziell für die Kartegorieansicht bzw. die Produkte darin.
Ich würde gerne das Layout für die Kartegorieansicht anpassen bzw. kompakter gestalten. Ggf. auch die Anordnung von Bilder, Artikelname, Preis etc. verändern. Das gelingt mir nur zum Teil oder nur soweit, dass dann andere Dinge "zerschossen" werden in der Ansicht.

Würde mich über Tipps, Hilfestellungen oder Anregungen freuen.
Vielen Dank.

 

[martinwolf]

Moin,

ich möchte wie im Titel geschrieben die Bildgrößen verändern. Die sind zu wuchtig für mein Layout.
Wenn ich im Backend unter Bildeinstellung die Werte anpasse verändert sich im Frontend nichts. Auch mit CSS komme ich nicht wirklich sauber weiter.
Cache geleert, Browser geleert etc. wurde alles gemacht. Ich habe gelesen, dass der Container die Werte anpasst.
Komme da aber nicht richtig hinter oder finde keine Lösung das zu umgehen.
Zur Info: Ich arbeite am Template auf einer Stagingseite und habe alle Daten inkl. DB kopiert.

Dann habe ich noch ein Frage. Gibt es eine Liste mit den Klasse, speziell für die Kartegorieansicht bzw. die Produkte darin.
Ich würde gerne das Layout für die Kartegorieansicht anpassen bzw. kompakter gestalten. Ggf. auch die Anordnung von Bilder, Artikelname, Preis etc. verändern. Das gelingt mir nur zum Teil oder nur soweit, dass dann andere Dinge "zerschossen" werden in der Ansicht.

Würde mich über Tipps, Hilfestellungen oder Anregungen freuen.
Vielen Dank.

Welche Wert bei den Bildgrößen hast Du denn angepasst? Das Template rollt an dieser Stelle Klein und Normal aus, dabei entscheidet der Browser welches der beiden Formate ideal von der Größe den Container möglichst ausfüllt.
Eine Übersicht der verwendeten CSS-Klassen gibt es nicht, das sind ja gefühlt hunderte. Da wird sich auch niemand die Mühe machen da eine Liste anzufertigen, weil auch nicht notwendig. Wenn Du Dir die Seite mit den DEV-Tools (F12) im Browser anschaust, dann solltest Du über den Element-Inspektor fündig werden.

 

[jackylee]

Moin,

kurz ergänzend zu dem, was martinwolf schon geschrieben hat:

Wenn sich nach dem Ändern der Bildeinstellungen im Frontend nichts tut, fehlt oft der komplette Bildabgleich aus der Wawi. Die Shop-Einstellungen allein erzeugen die Varianten (klein/normal/…) nicht neu – erst nach dem Abgleich greifen die neuen Pixelwerte. Danach Shop- Cache leeren und einmal hart neu laden (am besten privates Fenster).

Im Product Stream / auf der Kachel entscheidet am Ende der Container + srcset: Browser nimmt klein oder normal, je nachdem was den Kasten am besten füllt. Wenn die Kachel im Layout einfach groß ist, wirken die Bilder „wuchtig“, obwohl die Backend-Werte schon kleiner sind. Dann hilft eher CSS am Wrapper (max-width / object-fit) als nur an den Bildeinstellungen zu drehen.

Für die Kategorieansicht: feste Klassenliste gibt’s wirklich nicht. Praktisch ist F12 → Element wählen → die Klassen vom productbox / Image-Wrapper notieren und im Child-Template (nicht im Parent Nova) überschreiben. Sonst fliegt die Anpassung beim nächsten Template-Update wieder raus. Klein anfangen: erst Bildhöhe/Abstände, dann Name/Preis – nicht alles auf einmal umbauen, sonst zerschießt man schnell die Grid-Ausrichtung.

Wenn du magst: Schreib kurz Shop-Version, Nova/Child und welche Bildeinstellung du konkret geändert hast (z. B. klein/normal in px) – dann lässt sich eher sagen, ob’s am Abgleich oder am CSS-Container liegt.

LG

 

[NoOne]

Wenn sich nach dem Ändern der Bildeinstellungen im Frontend nichts tut, fehlt oft der komplette Bildabgleich aus der Wawi. Die Shop-Einstellungen allein erzeugen die Varianten (klein/normal/…) nicht neu – erst nach dem Abgleich greifen die neuen Pixelwerte. Danach Shop- Cache leeren und einmal hart neu laden (am besten privates Fenster).

Der Abgleich ändert da nichts. Wenn überhaupt, dann muss man den Bildercache leeren. Das passiert aber ohnehin automatisch, wenn die Bildeinstellungen geändert werden und die Bilder werden neu aus den vorhandenen Originaldateien generiert.