Das X-Theme lädt auf den Shop Kategorieseiten statt der in den WooCommerce-Einstellungen vorgegebenen Katalogbildgrößen alle Vorschaubilder in voller Größe. X-Theme begründet dies mit der besseren Bilddarstellung auf Retina-Display-Geräten. Die full-size Bilder werden dann per CSS verkleinert. Da das Laden der Bilder in voller Größe eine Performancebremse darstellt, kann man mit folgender Funktion im X-Childtheme auf die in den WooCommerce-Einstellungen eingestellten Katalogbildgrößen zurückgreifen.
add_action('init', 'default_woocommerce_thumbnails', 99 );
function default_woocommerce_thumbnails() {
remove_action( 'woocommerce_before_shop_loop_item_title', 'x_woocommerce_shop_thumbnail', 10 );
add_action( 'woocommerce_before_shop_loop_item_title', 'x_woocommerce_shop_thumbnail_v2', 99 );
}
function x_woocommerce_shop_thumbnail_v2() {
GLOBAL $product;
$stack = x_get_stack();
$stack_thumb = 'shop_catalog';
$stack_shop_thumb = $stack_thumb;
$id = get_the_ID();
$rating = $product->get_rating_html();
woocommerce_show_product_sale_flash();
echo '<div class="entry-featured">';
echo '<a href="' . get_the_permalink() . '">';
echo get_the_post_thumbnail( $id , $stack_shop_thumb );
if ( ! empty( $rating ) ) {
echo '<div class="star-rating-container aggregate">' . $rating . '</div>';
}
echo '</a>';
echo "</div>";
}


Schreibe einen Kommentar