消除了具有 Flatsome 主题的 WooCommerce 循环产品图像的模糊效果问题

Question

我正在使用最新版本的 WordPress/WooCommerce 和最新的 Flatsome 主题。我发现了一个有趣的片段，可以解决产品图像的模糊效果。但是，代码需要一些调整：

remove_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10 );
add_action( 'woocommerce_before_shop_loop_item_title', 'custom_loop_product_thumbnail', 10 );
function custom_loop_product_thumbnail() {
    global $product;
    $size = 'woocommerce_thumbnail';
    $image_size = apply_filters( 'single_product_archive_thumbnail_size', $size );
    echo $product ? $product->get_image( 'full' ) : '';
}

启用此代码后，第一行会按预期显示高质量图像，但底部会出现另一行产品图像，我想将其删除。

有人可以帮我修改代码以删除前端多余的一行图像吗？

Answer 1

您应该尝试使用

single_product_archive_thumbnail_size

可用的过滤器挂钩来控制产品网格/目录中使用的图像大小，例如：

add_filter( 'single_product_archive_thumbnail_size', function( $size ) {
    return 'full';
}, 20);

应该会更好。