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