如何将Woocommerce产品标题移动到单个产品页面上的图片上方？

Question

如何在单个产品页面的图片上方移动Woocommerce产品标题？

我尝试了在网上找到的代码，但是他们什么也没做。我猜这必须从functions.php完成，但我没有做任何工作。预先感谢。

Answer 1

您可以通过覆盖主题目录中的woo-commerce content-single-product.php来实现。您也可以通过钩子来做到这一点：https://businessbloomer.com/woocommerce-visual-hook-guide-single-product-page/

Answer 2

我遇到了同样的问题，最终在挣扎了几天后，我意识到这是一个不允许 php 工作的插件。

禁用除 Woocommerce 和 Storefront 之外的所有插件，然后在子主题的 functions.php 文件中使用以下 php 代码：

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 );