Question

我需要在<div class="row">中设置的项目数量周围添加$woocommerce_loop['columns']。我需要输出看起来像：

<div class="row">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</div>
<div class="row">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</div>

我目前所拥有的只是围绕每个第4个列表项包装div。

<?php
    // Store loop count we're currently on
    if ( empty( $woocommerce_loop['loop'] ) )
        $woocommerce_loop['loop'] = 0;

    // Store column count for displaying the grid
    if ( empty( $woocommerce_loop['columns'] ) )
        $woocommerce_loop['columns'] = apply_filters( 'loop_shop_columns', 4 );

    // Ensure visibility
    if ( ! $product->is_visible() )
        return;

    // Increase loop count
    $woocommerce_loop['loop']++;

    if ( $woocommerce_loop['loop'] % $woocommerce_loop['columns'] == 0) {
        echo '<div class="row">';
    }
?>

<li>
    <?php do_action( 'woocommerce_before_shop_loop_item' ); ?>
    <a style="position: relative;display: block;" href="<?php the_permalink(); ?>">
        <?php
            /**
             * woocommerce_before_shop_loop_item_title hook
             *
             * @hooked woocommerce_show_product_loop_sale_flash - 10
             * @hooked woocommerce_template_loop_product_thumbnail - 10
             */
            do_action( 'woocommerce_before_shop_loop_item_title' );
        ?>
        <?php
            /**
             * woocommerce_after_shop_loop_item_title hook
             *
             * @hooked woocommerce_template_loop_price - 10
             */
            do_action( 'woocommerce_after_shop_loop_item_title' );
        ?>
    </a>
    <a href="<?php the_permalink(); ?>">
            <h3><?php the_title(); ?></h3>
    </a>
    <?php do_action( 'woocommerce_after_shop_loop_item' ); ?>
</li>
<?php 
    if ( $woocommerce_loop['loop'] % $woocommerce_loop['columns'] == 0) {
        echo '</div>';
    }
?>

这是一个在循环内调用的模板，以防你想知道循环的位置。

Answer 1

将您的代码更改为

if ( $woocommerce_loop['loop'] % $woocommerce_loop['columns'] == 1) {
    echo '<div class="row">';
}

...

if ( $woocommerce_loop['loop'] % $woocommerce_loop['columns'] == 0) {
    echo '</div>';
}

这种方式在1日开放，在4日结束。

Answer 2

我想说最简单的答案是使用变量来跟踪迭代次数，并在mod 4 = 0时添加......

$count = 0;
if($count % $numOfRows == 0 || $count == 0)
{
    if($count % $numOfRows == 0)
         echo "</div>"
    if($count != count($arrayYourLoopingThrough) -1)
        echo "<div class='row'>";
}

elseif($count == count($arrayYourLoopingThrough) -1)
    echo "</div>";

如果您使用列表而不是带有类的div，可能会更好，但这应该按照您的要求进行。

在循环中每4个项目包裹一个div

2 个答案: