Haupt/Unterkategorie

Thema wurde von Gramke3DDesigns, 16. Juli 2025 erstellt.

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. Gramke3DDesigns

    Gramke3DDesigns Mitglied

    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

    upload_2025-7-16_18-27-32.png
     
  2. Gramke3DDesigns

    Gramke3DDesigns Mitglied

    *EDIT*

    Problem gelöst, jetzt brauche ich nur Hilfe beim Einstellen des Seitenformat der Rahmen um die Bilder
    upload_2025-7-16_18-45-33.png
     
  3. Anonymous

    Anonymous Erfahrener Benutzer

    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.
     
  4. Gramke3DDesigns

    Gramke3DDesigns Mitglied

    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
     
  5. barbara

    barbara G-WARD 2014-2020

    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.
     
  6. Gramke3DDesigns

    Gramke3DDesigns Mitglied

    Danke für die Antwort @barbara

    Ich gehe davon aus, dass der Rot vor gehobene Bereich meine Angaben sind.
    upload_2025-7-17_18-14-53.png
     
  7. Gramke3DDesigns

    Gramke3DDesigns Mitglied

    Foto ist nun auf 1400x933, leider bleiben die Ränder links und rechts stehen.

    upload_2025-7-17_18-59-48.png


    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!
     
    Zuletzt bearbeitet: 17. Juli 2025
  8. Gramke3DDesigns

    Gramke3DDesigns Mitglied

  9. Eggers1

    Eggers1 Mitglied

    Hi,
    wie genau hast du das jetzt gemacht und welche Größe haben die hochgeladenen Bilder?
     
  10. Anonymous

    Anonymous Erfahrener Benutzer


    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.
     
  11. Eggers1

    Eggers1 Mitglied

    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.
     
  12. Anonymous

    Anonymous Erfahrener Benutzer

    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.
     
  13. Gramke3DDesigns

    Gramke3DDesigns Mitglied

    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?
     
  14. Anonymous

    Anonymous Erfahrener Benutzer

    Sag mal, so unter uns: Was verstehst Du an "quadratisch" nicht?
     
  15. Gramke3DDesigns

    Gramke3DDesigns Mitglied

    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. :cool:
     
  16. Gramke3DDesigns

    Gramke3DDesigns Mitglied

    ***Closed***
     
  17. Anonymous

    Anonymous Erfahrener Benutzer

    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 ;-)
     
Status des Themas:
Es sind keine weiteren Antworten möglich.