Wordpress Woocommerce-将标题移到类别页面中产品的缩略图上

当我浏览分类页面时，我需要将产品的标题移到它们的缩略图上

详细信息：

我创建了一个只显示类别的商店页面。 每个类别包含1到10种产品

单击一个类别后，我会在一个页面上看到该类别中的所有产品

我希望看到这些产品的标题出现在它们的缩略图上

---

谢谢

需要更多有关您的parituclar设置的详细信息才能给出正确的答案。然而，我会假设你所有的东西都是默认的。这是您需要添加到活动主题文件夹中

functions.php

末尾的内容：

remove_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10 );
add_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10 );

供参考，请检查和

如果不起作用，请检查：

• 您使用最新版本的woocommerce。实际上，以前的一些版本应该是一样的，但不会太久
• 您的woocommerce模板不会被覆盖。检查主题文件夹中名为

  content-product.php

  的文件或子文件夹

  woocommerce/content-product.php

  。如果这一点被改变了，你需要相应地调整，也许就在那里进行修改
• 你的主题还没有和产品展示挂钩混在一起。如果有，找出不同之处

---

请注意，这会更改所有woocommerce循环的行为，例如您可能正在使用的任何短代码以及单个产品视图中的“相关产品”部分（如果启用）。要仅影响类别，更改应包装在条件检查中（

is\u product\u category（）

）。

如果将代码放入插件，则必须等待加载：

add_action('plugins_loaded', function()
{
    // move product's title before product thumbnail instead of next to that
    remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_title', 5);
    add_action('woocommerce_before_single_product_summary', 'woocommerce_template_single_title');
}

---

为产品标题添加了这个CSS，对我来说效果很好。我当然用了媒体查询

position: absolute;
top: 0px;

---

请提供更多详情。我们很想帮忙，但你没有给我们足够的信息！（请不要认为这会让你远离这个社区。你真的可以在这里得到很大的帮助，你只需要提供更多关于你的情况的细节。）首先，给我们一些代码，告诉我们你尝试了什么，以及为什么它不起作用，给我们任何你认为可能相关的信息。@Ecnalyr我添加了一些信息：）谢谢，这样更好！差不多了。您应该至少提供当前正在使用的代码。通过这种方式，人们可以帮助您处理一些事情，而不是为了获取类似的代码而不辞劳苦。你想让别人尽可能容易地回答你的问题。如果所有必要的信息都在这里，有人可能会很快回答这个问题。如果这里只有一些信息，有人会告诉你，他们需要一条特定的信息来回答你的问题（这样你就不必在第一次发帖时就变得完美）。你可能不是一名程序员（这将是成为程序员的绝佳时机）。你可能只是想在你继承的网站上整合一个解决方案。如果是这种情况，您可能需要的帮助不是来自stackoverflow，而是来自

woocommerce

的支持论坛：。我们当然可以在这里找到解决方案，但是stackoverflow适合程序员，我们必须看一些代码。@Ecnalyr再次非常感谢您，清晰明了。我会尽量多了解这些事情，因为你知道我是一个游戏新手：）我已经尝试通过原始来源/woocommerce社区/但除非我不支付支持费用，否则那里似乎没有人活跃。这很有魅力。伟大的非常感谢。我在拼图上再添一块也许你有主意了