【问题标题】: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 需要的确切代码是什么?再次感谢。非常感谢您的帮助。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多