Okay
  Public Ticket #1165343
Uku Groesse Produktbilder Shop Frontpage
Closed

Comments

  • Andreas started the conversation

    Hallo,

    ich möchte in dem Theme Ruapuke die Groesse der Prduktbilder anpassen.

    Ich zeige nicht die Produktkategorie sondern direkt die Produkte.

    In Woocommerce kann ich die Groesse der Katalogbilder und Produktvorschaubilder anpassen, aber nicht "Einzelnes Produktbild".

    Nach dem ändern der Bildgroesse habe ich auch jeweils Regenerate Thumbnail für die relevanten Bilder ausgewählt.

    Die Shopseite habe ich über die Theme-Options definiert und nicht bei Woocommerce.

    Danke und Gruss

  •  953
    Marc replied

    Hallo Andreas,

    in wie fern möchtest du die Größe der Bilder anpassen? Sollen sie auf der Seite tatsächlich mehr Fläche einnehmen oder weicht die Auflösung der Bilder von den Maßen ab?

    Gerne kannst du mir einen direkten Link zur betroffenen Seite geben, so kann ich mir ein besseres Bild davon machen.

    Viele Grüße
    Marc

  • Andreas replied

    Hallo Marc,

    die Seite ist http://test94970.test-account.com/.

    Ich möchte gerne auf der Shop Startseite die Katalog-Bilder in der dargestellten Breite reduzieren.

    Ich bekomme aber die Bilder nicht kleiner als 580 pixel (entweder in vertikaler oder horizontaler Abmessung),

    In den Woocommerce setting kann ich die Bilder "Einzelnes Produktbild" und "Produkt-Vorschaubilder"   in der Grösse anpassen, bei den "Katalog-Bildern", wie gesagt nicht ob mit oder ohne clipping, auch mit verschiedenen Bildabmessungen in der Medien Datenbank war ich nicht erfolgreich (die verwendeten Bildeinstellungen sind in dem Anhang). 

    Danke für einen Tip

    Gruss Andreas

  •  953
    Marc replied

    Hallo Andreas,

    nach dem Ändern der Einstellungen empfehle ich dir das "Regenerate Thumbnails"-Plugin zu installieren und einmal auszuführen. Die bestehenden Bilder werden daraufhin anhand der geänderten Einstellungen neu erstellt.

    Jedoch spielt die Größe der Bilder in Pixeln keine Rolle bei der Darstellung der Produkte. Im Theme ist vorgesehen, diese in zwei Spalten darzustellen.

    Mit Hilfe von ergänzendem CSS-Code lässt sich diese jedoch anpassen. Hier etwas Beispiel-Code, der ein Anfang für deine Anpassung sein könnte:

    @media screen and (min-width: 48em) {
    	.shopfront-content ul.products li {
    		width: 21.15702479% !important;
    		margin-right: 5.1239669467% !important;
    		float: left;
    		margin-bottom: 80px;
    	}
    	.uku-serif .shopfront-content ul.products li.last {
    		margin-right: 5.1239669467% !important;
    	}
    	.uku-serif .shopfront-content ul.products li:nth-child(even) {
    		margin-right: 5.1239669467% !important;
    		clear: none !important;
    	}
    	.uku-serif .shopfront-content ul.products li.last:nth-child(even) {
    		margin-right: 5.1239669467% !important;
    	}
        .uku-serif .shopfront-content ul.products li:nth-child(4n+4) {
            margin-right: 0 !important;
            clear: right !important;
        }
        .uku-serif .shopfront-content ul.products li.last:nth-child(4n+4) {
            margin-right: 0 !important;
        }    
    }

    Bitte habe Verständnis dafür, dass wir für individuelle Anpassungen keinen Support leisten können.

    Viele Grüße
    Marc