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

Thumbnail WooCommerceDeze 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,
    );
} );

Feedback

Heb je na het lezen van dit artikel nog vragen of zijn er onduidelijkheden? Werkt de code niet op jouw website? Laat het ons weten, dan kunnen wij je misschien verder helpen.

Feedback kennisbankartikel

Naam
Dit veld is bedoeld voor validatiedoeleinden en moet niet worden gewijzigd.

Mis geen WordPress tips meer.

Al 500+ webdesigners en marketeers ontvangen deze nieuwsbrief.

Naam
Dit veld is bedoeld voor validatiedoeleinden en moet niet worden gewijzigd.

Mis nooit meer website tips.

Al 500+ webdesigners en marketeers ontvangen onze nieuwsbrief.

Naam
Dit veld is bedoeld voor validatiedoeleinden en moet niet worden gewijzigd.