如何在woocommerce中每行显示4种产品 - How can I show 4 products in each row in woocommerce?

How can I show 4 products in each row in woocommerce?

本文关键字：显示 4种 woocommerce | 更新日期: 2024-02-25

我正在为woocomerce使用自定义主题！目前我正在使用下面的代码来获取产品！它目前连续显示5种产品。

我想每行显示4个产品？我该怎么做？

<?php if ( have_posts() ) : ?>
      <?php woocommerce_content(); ?>
      <?php endif; ?>

在调用循环之前，需要设置每页的帖子数。试试这个：

<?php if ( have_posts() ) : ?>
    <?php query_posts('posts_per_page=4'); ?>
    <?php woocommerce_content(); ?>
<?php endif; ?>

更新

似乎这可以使用CSS来完成。因此，如果您需要每行列出4个产品，请在您的stlye.css第2980行进行更改。

.container .products li {width: 19%!important;}

至

.container .products li {width: 23%!important;}

更新1

这不是只有css才能实现的。你需要把你的div包装在li标签上。更改您的代码，使其成为adds div after each 4 li标记。所以你需要在一个div中包装4个li标签。这是我们让事情看起来像你想要的样子的方法。另一个选项是为每个li标记添加一个height or min-height。

希望这能帮助您