Increase loop by two and loop into loop

Question

I have an HTML markup like bellow-

<div class="f_product_slider slick">
  <div class="row slider_item">
    <div class="col-lg-5 col-sm-6">
        <div class="item">
            <img src="image/bike/cycle_2.png" alt="">
            <div class="content text-right">
                <a href="product-details.html"><h6>Specialized Sirrus Carbon - 2018</h6></a>
                <p>Slayer Bike Expert</p>
            </div>
        </div>
    </div>
    <div class="col-lg-5 col-sm-6">
        <div class="item item_two">
            <img src="image/bike/cycle_2.png" alt="">
            <div class="content text-right">
                <a href="product-details.html"><h6>Specialized Sirrus Carbon - 2018</h6></a>
                <p>Slayer Bike Expert</p>
            </div>
        </div>
    </div>
</div>
<div class="row slider_item">
    <div class="col-lg-5 col-sm-6">
        <div class="item">
            <img src="image/bike/cycle_2.png" alt="">
            <div class="content text-right">
                <a href="product-details.html"><h6>Specialized Sirrus Carbon - 2018</h6></a>
                <p>Slayer Bike Expert</p>
            </div>
        </div>
    </div>
    <div class="col-lg-5 col-sm-6">
        <div class="item item_two">
            <img src="image/bike/cycle_2.png" alt="">
            <div class="content text-right">
                <a href="product-details.html"><h6>Specialized Sirrus Carbon - 2018</h6></a>
                <p>Slayer Bike Expert</p>
            </div>
        </div>
    </div>
  </div>
</div>

Here, every row items containing two items. That's mean, every two loop items rendered in every step of the loop. I'm giving here a visual example of this loop-

How can I make it possible with PHP while loop? Please, don't hesitate to ask me for more details if you get confused by the question.

give us your php code so we can understand more your need hence give you suitable help. — ThS
– ThS, Commented Aug 18, 2018 at 12:35
It's a WordPress custom post loop. Here is my custom post query- $query = new WP_Query(array( 'post_type' => 'product', 'post_status' => 'publish', 'posts_per_page' => -1 )); — Eh Jewel
– Eh Jewel, Commented Aug 18, 2018 at 12:40

zen · Accepted Answer · 2018-08-18 12:51:52Z

1

With for:

<div class="f_product_slider slick">
    <?php for($slideCounter = 0; $slideCounter < 2; $slideCounter++) { ?>
    <div class="row slider_item">
        <?php for($colCounter = 0; $colCounter < 2; $colCounter++) { ?>
        <div class="col-lg-5 col-sm-6">
            <div class="item">
                <img src="image/bike/cycle_2.png" alt="">
                <div class="content text-right">
                    <a href="product-details.html"><h6>Specialized Sirrus Carbon - 2018</h6></a>
                    <p>Slayer Bike Expert</p>
                </div>
            </div>
        </div>
        <?php } ?>
    </div>
    <?php } ?>
</div>

With while:

<div class="f_product_slider slick">
    <?php
        $slideCounter = 0;
        while($slideCounter < 2) {
            $slideCounter++ ?>
    <div class="row slider_item">
        <?php
        $colCounter = 0;
        while($colCounter < 2) {
            $colCounter++ ?>

        <div class="col-lg-5 col-sm-6">
            <div class="item">
                <img src="image/bike/cycle_2.png" alt="">
                <div class="content text-right">
                    <a href="product-details.html"><h6>Specialized Sirrus Carbon - 2018</h6></a>
                    <p>Slayer Bike Expert</p>
                </div>
            </div>
        </div>
        <?php } ?>
    </div>
    <?php } ?>
</div>

edited Aug 18, 2018 at 12:51

answered Aug 18, 2018 at 12:44

zen

1,0028 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Eh Jewel Over a year ago

Can you show me the loop in PHP while loop format, please?

zen Over a year ago

Updated answer.

Eh Jewel Over a year ago

If the while loop condition is 4 ($slideCounter < 4), the inside loop will be divided by 2. That's mean the inside items will be 2 if the total items are 4.

Collectives™ on Stack Overflow

Increase loop by two and loop into loop

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related