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

Question

嗯，我正在使用woocomerce的自定义主题！目前我正在使用以下代码来获取产品！它目前连续显示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个产品，请在第2880行的stlye.css中进行此更改。

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

到

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

<强> UPDATE1

这不仅仅适用于css。你需要将你的div包裹在li标签周围。更改您的代码，使其adds div after each 4个标签。所以你需要在div中包含4个li标签。这是我们可以按照您想要的方式制作内容的方式。另一个选项是为每个li标签添加height or min-height。

希望这有助于你