当插件WooCommerce块处于活动状态时，如何在上面的产品图像上移动标题

Question

所以我在求购方面有个问题。我想将标题移至商店页面和特色产品的产品图像上方。我目前正在使用WooCommerce块(https://wordpress.org/plugins/woo-gutenberg-products-block/)。但很明显，我从这个页面上使用的代码不起作用。Move product title above product image on Woocommerce archive pages

Move product title above product image on Woocommerce archive pages

function my_plugin_init() {
    remove_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10 );
    add_action( 'woocommerce_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 11 );
}
add_action( 'plugins_loaded', 'my_plugin_init' );

在https://imgur.com/tc2OV9q https://imgur.com/78sNCND之前

https://imgur.com/5jYZlM0 https://imgur.com/mliJWOz之后

Answer 1

将相关的Woocommerce模板复制到主题根目录中的woocommerce文件中。

这是您想要复制的文件: /plugins/woocommerce/templates/content-product.php --这是您需要放置副本: wp-content/themes/your-theme/content-product.php的地方

现在行动

     /**
     * Hook: woocommerce_shop_loop_item_title.
     *
     * @hooked woocommerce_template_loop_product_title - 10
     */
    do_action( 'woocommerce_shop_loop_item_title' );

上图

    /**
     * Hook: woocommerce_before_shop_loop_item_title.
     *
     * @hooked woocommerce_show_product_loop_sale_flash - 10
     * @hooked woocommerce_template_loop_product_thumbnail - 10
     */
    do_action( 'woocommerce_before_shop_loop_item_title' );