Dirk Lickschat

Thumbnails der Woocommerce-Galerie im WP Astra Theme verschwommen?

Innerhalb des WP Astra-Themes gibt es immer wieder Probleme mit den Bildern die dann, egal was man auch unternimmt verschwommen sind. Insbesondere die Abhängigkeit des Produkthauptbildes zu den Produktvorschaubildern die beide hochskaliert werden. Dadurch sind die Miniaturbilder, die für Woocommerce-Produkte verschwommen . Dies liegt daran, dass die Galerie die Bilder in einer Flexbox rendert, wobei jedes Bild mit einer Breite von 120 Pixel angezeigt wird, das Miniaturbild selbst jedoch nur 100 Pixel groß ist, wodurch das Bild gestreckt und verzerrt wird. Die Lösung ist jedoch einfach. Fügen Sie einfach diesen Code zur Datei functions.php Ihres Child-Themes hinzu:

/**
 * Thumbnails
 * Fixed pixelated gallery thumbs for woocommerce
 */
add_action('after_setup_theme', 'astra_child_woocommerce_support');
function astra_child_woocommerce_support()
{
    add_theme_support('woocommerce', array(
        'gallery_thumbnail_image_width' => 250,
    ));
}

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


Falls Sie nicht wissen wie Sie die Änderungen in der function.php im Child-Theme durchführen. Melden Sie sich bitte. Weitere Informationen finden Sie unter WordPress-Service.