WooCommerce thumbnail gallery formaat aanpassen

Als je een WooCommerce webshop hebt worden er als je deze upload extra afbeeldingen getoond op de productpagina, de product image gallery.

Formaat gallery thumbnails WooCommerce

Deze gallery thumbnails worden standaard getoond op een formaat van 100 x 100 pixels. Als jouw webdesign in Figma bijvoorbeeld afwijkt hiervan kun je forceren dat de thumbnails op een ander formaat geladen worden. Bijvoorbeeld 300 x 300 pixels of 500 x 500 pixels.

Let wel op dat het thema deze afmetingen ook daadwerkelijk aanmaakt. Je kunt dit snel controleren door naar de uploads folder te gaan en te bekijken welke thumbnail afmetingen je ziet staan. Uiteraard kun je ook een custom formaat inladen als je dit wilt, dit moet je via je WordPress thema inregelen.

Code voor gallery thumbnail aanpassen

Als je deze code toevoegt in de functions.php van je thema of in de CodeSnippets plugin worden direct de nieuwe formaten ingeladen.

// change gallery thumbnail size
add_filter( 'woocommerce_get_image_size_gallery_thumbnail', function( $size ) {
    return array(
        'width' => 300,
        'height' => 300,
        'crop' => 0,
    );
} );