如何在单个产品页面上将 Woocommerce 产品标题移动到图像上方？答案

【问题标题】：How to move Woocommerce product title above image on single product page?如何在单个产品页面上将 Woocommerce 产品标题移动到图像上方？
【发布时间】：2019-09-16 12:05:17
【问题描述】：

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

我尝试了在网上找到的代码，但它们没有做任何事情。我猜这必须从functions.php 完成，但我所做的一切都不起作用。提前致谢。

【问题讨论】：

请阅读stackoverflow.com/help/asking你到底尝试了什么？
嗨，你找到答案了吗？我正在寻找同样的东西，有趣的是它是如此重要和基本，但我找不到有效的解决方案。

标签： php wordpress function woocommerce hook-woocommerce

【解决方案1】：

我遇到了同样的问题，经过几天的努力，我意识到这是一个插件，无法让 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 );

【讨论】：

这对我有用，但现在 WooCommerce 停止在悬停时显示次要图像。有谁知道为什么？

【解决方案2】：

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

【讨论】：

感谢您的回复，不幸的是，我是阅读障碍者，但是我尝试了所有组合，但仍然没有得到结果。我用谷歌搜索了如何将 Woocommerce 产品标题移动到图像上方并尝试但仍然没有得到它。我想将产品标题移至 > woocommerce_before_single_product_summary 需要的确切代码是什么？再次感谢。非常感谢您的帮助。