WooCommerce Grösse der Produktbilder anpassen

Bei WordPress / WooCommerce kann es häufig zu Problemen mit unscharfen Bildern kommen. Oft sind die vorgegebenen Größen der Produktbilder nicht für das jeweilige Theme optimiert, sodass beispielsweise für die Produktbildgalerie ein 100x100px Vorschaubild verwendet wird. Das mag zwar dazu beitragen, die Seite schnell zu laden, sieht jedoch unschön aus.

Wenn du die Größe der Produktbilder bei WooCommerce anpassen möchtest, kannst du dies für die normalen Bildgrößen direkt im CUSTOMIZER > WOOCOMMERCE > PRODUKTBILDER ändern. Für die Vorschaubilder der Bildergalerie musst du jedoch den folgenden Codeschnipsel entweder im Theme oder in einem eigenen Plugin einbauen.

Dieser Codeschnipsel bewirkt, dass das Vorschaubild in der Galerie eine Größe von 250x250px hat. Dies war zum Beispiel beim Theme für unsere Online-Shops wie haustierbedarf-onlineshop.ch oder den geschenke-onlineshop.ch nötig.

add_filter( 'woocommerce_get_image_size_gallery_thumbnail', function( $size ) {
    return array(
        'width' => 250,
        'height' => 250,
        'crop' => 1,
    );
} );