Hauptthema: Kategorienbilder werden unabhängig von Originalgröße auf ca. 265×265 px skaliert, wodurch kleine Icon-Bilder hochskaliert und pixelig wirken. Wunsch: kleinere, unverzerrte Anzeige.
Ursache/Erklärung:
Im (vermutlich) Archetype-Theme „Impulse“ passen Platzhalter/Container (z. B. _container) Bilder responsiv an.
Die angezeigte Größe hängt u. a. von der Rastereinstellung (Anzahl Produkte/Bilder pro Reihe) ab.
Archetype-Dokumentation zu „Responsive Images“ und Zuschnitt wurde verlinkt.
Vorgeschlagene Maßnahmen:
Mit Chrome DevTools die betroffenen Klassen/Container prüfen und CSS-Overrides testen.
Beispiel: gezieltes Anpassen der Bildbreite per CSS in Assets (.css). Hinweis: theme-spezifisch, zuerst in Theme-Kopie testen.
Bei Bedarf Expertenservices (Storetasker, HeyCarson, TaskHusky) oder Bild-Resizer-Apps in Betracht ziehen.
Hinweis am Rande: Baustellen-Shop passwortschützen und Launch-Seite nutzen.
Status/Outcome:
Keine endgültige Lösung implementiert; konkrete CSS-Anpassungsidee und Ressourcen bereitgestellt.
Diskussion offen, weitere Tests/Anpassungen erforderlich.
wie kann ich die Darstellungsauflösung der Kategorienbilder ändern? Unabhängig davon welche Auflösung das Bild selbst hat wird das Kategoriebild in meinem Shop auf 200x200 angepasst. Ich würde gerne kleine Bilder für meine Kategorien nutzen wollen.
Was ich meine sind die Bilder bei der Kategorie “Musik” und “Motorik”. Unabhängig davon wie groß die Bilder tatsächlich sind werden die Bilder in 265x265 angezeigt. Ich würde gerne kleinere Symbole verwendet. Diese werden aber auf 265x265 gestreckt und sehen pixelig aus.
Danke für den Link und wenn das Shop noch eine Baustelle ist, ist es immer gut den Shop Passwortgeschützt zu lassen mit einer tollen Passwortseite wo der Eröffnungstag angekündigt wird (um die Vorfreude deiner Prospekt-Kunden zu erhöhen)…
Oft ist es abhängig davon wie viele Produkt pro Reihe angezeigt werden - je mehr desto verkleinert werden sie. Das kannst du alles in der Chrome Developer Console anschauen und on-the-fly im CSS ändern wenn du dich mit CSS auskennst, wie man hier sehen kann:
Ein Code den man ganz unten im Assets -> .css einpflegen kann wäre etwas wie das folgende (ohne Gewähr!) aber das ist natürlich Theme-abhangig und das sollte man am besten in einer Theme-kopie zuerst testen und/oder mit einem Coding Experten reden:
Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community. Lass auch wissen, wenn du weitere Fragen hast zum obigen Thema oder generell zu deinem Shop und Business und gerne können wir das hier weiter besprechen!
Wir führen gerade eine kurze Umfrage zu Eurer Erfahrung in der Community durch mit 5 kurzen Fragen. Wenn Du mal 2-Min Zeit hast - die Umfrage ist auch anonym: