Hallo zusammen, ich bin gerade meinen Shop am umgestalten, ich möchte erst mal 3 Hauptkategorien erstellen. 1.Gadgets 2.Deko 3.Personalisiert als Unterkategorie möchte ich z.B wie auf dem Foto zu sehen ist, diese bereits fertigen Produkte auch als "Übersicht" in der Kategorie Personalisiert aufgelistet bekommen. Leider komme ich hier nicht weiter. Wenn ich die Produkte aus den Unterkategorien rausziehe und "Personalisier" unterordne, werden sie auch angezeigt, dass möchte ich aber nicht, ich hätte sie gerne als separate Unterkategorie
*EDIT* Problem gelöst, jetzt brauche ich nur Hilfe beim Einstellen des Seitenformat der Rahmen um die Bilder
Das erreichst Du am einfachsten, wenn Du alle Bilder gleich groß machst in den Abmessungen. Mein Tipp: Mache alle Bilder quadratisch, das sieht durch den Shop hindurch überall besser aus.
Danke für deine Antwort @FlorianR Kannst du mir sagen, wie ich herausfinden kann, wie viel Pixel die Fotos haben müssen, damit sie schön sauber ohne weißen Background sind. Kann man das nicht über die Konsole mit F12 herausfinden? Aktuell sind 3 Fotos auf 900 x 397 und eins auf 900 x 466
Die Bilder müssen die gleiche Größe haben. Das Bild mit 900 x 466 wird entweder abgeschnitten, oder kleiner dargestellt.F12 ist schon richtig zur Anzeige. Gehe mit der Maus in den weißen Bereich neben dem Bild und klicke auf die rechte Maustaste. Im Menü gehst Du auf Untersuchen oder Element Untersuchen, dann wird dir genau der Bereich angezeigt.
Danke für die Antwort @barbara Ich gehe davon aus, dass der Rot vor gehobene Bereich meine Angaben sind.
Foto ist nun auf 1400x933, leider bleiben die Ränder links und rechts stehen. Krieg es einfach nicht angepasst, so dass die weißen Felder ausgefüllt, bzw sich anpassen **EDIT** Hab es nun über die Funktion Theme Bearbeiten und dann als Slider eingestellt!
mach die Bilder quadratisch, also im Seitenverhältnis 1:1 Meine Produktbilder im Shop sind alle 1000x1000 Pixel groß, das hat sich bewährt und wird dann auch auf großen Bildschirmen scharf und gut angezeigt. Ich bearbeite die Bilder in Affinity Photo - da geht aber auch jedes andere Bildbearbeitungsprogramm uns speichere sie mit 1000x1000 Pixel bei 96 dpi als JPG mit 75% Qualität ab. Wenn Deine Bilder eine zu große Dateigröße haben sollten, kannst Du die Dateigröße bspw. mit tinypng.com verkleinern. Faustregel: Dateigröße unter 100kb.
Hast Du mal einen Beispiel-Screenshot aus einem Deiner Shops? Beim matchashop finde ich die großen Bilder auf der Startseite sehr ansprechend, aber wenn das wie oben diese Kategoriebilder der Unterkategorien sind, dann finde ich die weißen Ränder sehr hässlich.
schau mal hier: https://www.matchashop.de/de/Matcha-fuer/ ok, ich hab das Design der Anzeige der Unterkategorien angepasst, aber diese Bilder sind alle quadratisch ohne weißen Rand. Bei mir sind alle Kategoriebilder und alle Produktbilder quadratisch. Schau Dich gerne um. Mach doch mal bei Dir testweise irgendein Kategoriebild quadratisch, lade es hoch und schau es Dir an, wie es aussieht. Hier, in meinem anderen Shop ist hier noch das original Design der Anzeige der Unterkategorien: https://japanteashop.com/de/teegaerten/ - wieder alles mit quadratischen Bildern.
Danke für die ausführliche Antwort @FlorianR Ich hab meine Fotos nun in 4080x1080 Hochgeladen, soweit ich weiß, kann man das ganze im Theme über das CSS einstellen, dass der Rand sich an die Fotos anpasst. Hast du hierzu den passenden Code?
Verstehen tuh ich das schon, bloß bin ich zu Faul um neue Fotos zu machen, daher hab ich gefragt, ob es ne Möglichkeit gibt über CSS das ganze zu gestalten, hab es nun alleine geschafft.
Du nennst Dich "3DDesign" und weißt nicht, wie Du ein bestehendes Foto quadratisch machst und denkst, Du müsstest dann ein neues Foto mit der Kamera machen? Echt jetzt? Und fummelst Dich dann lieber in CSS ein? OK, jeder so, wie er mag ;-)