使用挂钩替换 Woocommerce 商店页面上的图像

Question

我正在尝试使用挂钩从 Woocommerce 的 shop/catalog 页面中删除产品缩略图，然后将其替换为我自己的自定义图片。

add_action 按预期工作并显示文本，但 remove_action 不会删除产品缩略图。 Here is the page related web site page.

我做错了什么？

下面是我使用的代码：

// Remove product images from the shop loop
remove_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10 );

//Add custom code to replace product thumbnail
add_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumb', 10 );

if ( ! function_exists( 'woocommerce_template_loop_product_thumb' ) ) {
    function woocommerce_template_loop_product_thumb() {
        echo "testing";
    }
}

Answer 1

你只需要使用 woocommerce_init 钩子触发它，这样它就可以工作了。

代码如下：

function replacing_template_loop_product_thumbnail() {
    // Remove product images from the shop loop
    remove_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10 );
    // Adding something instead
    function wc_template_loop_product_replaced_thumb() {
        echo "TEST TEST";
    }
    add_action( 'woocommerce_before_shop_loop_item_title', 'wc_template_loop_product_replaced_thumb', 10 );
}
add_action( 'woocommerce_init', 'replacing_template_loop_product_thumbnail');

此代码位于您的活动子主题（或主题）的 function.php 文件中或任何插件文件中。

此代码已经过测试且功能齐全。

使用挂钩替换 Woocommerce 商店页面上的图像

Replacing Image on Woocommerce Shop Page using hooks

php

wordpress

product

woocommerce

hook-woocommerce