Woocommerce 在产品行后添加 <div> [重复]答案

【问题标题】：Woocommerce add <div> after row of products [duplicate]Woocommerce 在产品行后添加 <div> [重复]
【发布时间】：2018-01-03 13:13:12
【问题描述】：

我试图通过在每个产品行的<li> 之后添加<div> 元素来在我的 Woocommerce 商店中的每行产品、产品类别等之后添加货架。

<div container>
  <div shelf right>
  </div>
  <div shelf left>
  </div>
  <div shelf center>
  </div>
</div>

在每行产品之后（在我的例子中，我将列限制为每行 3 个产品）。我可以通过修改 wc-class-shortcodes.php、product-archive.php 等文件中的循环来实现这一点，但我正在寻找一种方法来做到这一点，而无需更改我孩子之外的文件-主题（所以在我第一次更新文件时它不会中断）。

我已经尝试使用钩子“woocommerce_after_shop_loop_item”，但它在产品的<li> 中添加了我的 div - 这不是我想要的，因为如果我想要所有产品下方的架子，我需要创建它在<li> 之后和下一个之前。并且在最后一个产品之后，即使它不是一个完整的行。

我已经看过另一个问题了：

Insert a div after the 3rd product in woocommerce shop

但他们的解决方案在我希望不受伤害的 PHP 模板文件之外不起作用。

有人有什么建议吗？

【问题讨论】：

标签： php wordpress woocommerce hook-woocommerce storefront

【解决方案1】：

试试这个，

//Add DIV end element after shop loop item
add_action('woocommerce_after_shop_loop_item', 'action_woocommerce_after_shop_loop_item', 10, 0);
function action_woocommerce_after_shop_loop_item( ) {
  echo "</div>";
 };
//Add DIV start element before shop loop item
add_action('woocommerce_before_shop_loop_item', 'action_woocommerce_before_shop_loop_item', 10, 0);
function action_woocommerce_before_shop_loop_item( ) {
   echo "<div class='demo_div_wrapper'>";
};

此代码对我有用。希望这会对你有所帮助。

【讨论】：