如何在woocommerce的每一行中显示4种产品？

Question

嗯，我正在使用一个定制的主题，为宇康尔斯！目前，我正在使用下面的代码来获取产品！它目前连续显示5个产品。

我想在每一行中显示4种产品？我怎么能这么做？

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

Answer 1

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

<?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;}

Update1

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

希望这对你有帮助