Okay
  Public Ticket #2116875
Produkt Kategorie Bild wird auf Startseite zu groß angezeigt
Open

Comments

  • Fine started the conversation

    Hallo Elmastudio,

    auf der Startseite https://matrosenhunde.de werden teilweise die Kategorie-Bilder zu groß und verpixelt angezeigt (1,5,6,7), die anderen werden aber perfekt dargestellt. Ich habe andere Bildgrößen und Anzeigearten ausprobiert – kein Resultat. 

    Habt ihr eine Idee, woran es liegen könnte?

    Liebgruß & vielen Dank im Vorraus
    Fine

  •  863
    Marc replied

    Hallo Fine,

    konntest du hierzu schon eine Lösung finden? Ich kann derzeit kein Problem diesbezüglich erkennen.

    Viele Grüße
    Marc

    PS: Sorry, ich hatte nur wegen der Bildqualität geprüft. Das erste und fünfte Bild wird in der vom Theme vorgesehenen Größe dargestellt, leider bietet das Theme aber nur ein Layout für fünf Bilder. Der folgende ergänzende CSS-Code würde für fünf weitere Bilder das gleiche Layout konfigurieren:

    @media screen and (min-width: 767px) {
        #front-cats ul.products li.product-category:nth-child(6) {
            width: 53.125%;
        }
        #front-cats ul.products li.product-category:nth-child(7) {
            width: 37.5%;
        }
        #front-cats ul.products li.product-category:nth-child(8),
        #front-cats ul.products li.product-category:nth-child(9) {
            width: 28.59375%;
        }
        #front-cats ul.products li.product-category:nth-child(10) {
            width: 61.71875%;
        }
    }
    
  • Fine replied

    Danke lieber Marc,

    habe den CSS-Code ausprobiert und es klappt bis auf die Darstellung von "Karten".
    Hast du eine Idee, warum es da nicht greift?

    Liebgruß & DankFine

  •  863
    Marc replied

    Hallo Fine,

    "Karten" wird wie vorgesehen dargestellt. Diese fünfte Kategorie lässt sich aber auch individuell anpassen durch Änderungen am folgenden ergänzenden CSS-Code:

    @media screen and (min-width: 767px) {
        #front-cats ul.products li.product-category:nth-child(5) {
            width: 61.71875%;
        }
    }
    

    Den Wert der width-Eigenschaft kannst du z. B. reduzieren.

    Viele Grüße
    Marc

  • Fine replied

    Danke Marc,

    ich hab die Breite angepasst und nur noch 6 statt 8 Kategorien auf der Startseite. So passt es für mich.

    Liebgruß

    Fine