[Gelöst] Understanding Index Attribute

[Author]

Artikel

[viktorI]

Hello, i'm trying to create 3 column layout.
On the third loop i need to add separator (divider).

In my understanding, i need to user index=split3

so i'm thinking my code would be something like this:
<wpv-loop>
[wpv-item index=other]
[wpv-post-title],
[wpv-item index=split3]
[wpv-post-title]<br/>
</wpv-loop>

Hopefully i got the result
1,2,3
4,5,6

But instead i got the result
1
2
3,4
5
6,

So, i turn out using this approach to have correct result:
<wpv-loop>
[wpv-item index=split3]
[wpv-post-title],
[wpv-item index=other]
[wpv-post-title]<br/>
</wpv-loop>

Isn't index=split3 will only focus on the third item on every loop ? Help me understand this...

Thanks

[Christian Cox]

I think you're using "split" incorrectly. Split does not separate the results into groups of 3, it separates the results into 3 groups. Instead you should use the "wrap" attribute to specify how many columns are in a row, then use the index, pad and pad-last shortcodes to add closing tags or divider elements. Like this:

[wpv-layout-start]
[wpv-items-found]
     <wpv-loop wrap="3" pad="true">
        [wpv-item index=1]
        <div class="row"> <!-- Open the row -->
            <div class="col-sm-4">First column</div>
        [wpv-item index=2]
            <div class="col-sm-4">Second column</div>
        [wpv-item index=3]
            <div class="col-sm-4">Third column</div>
        </div><!-- Close the row -->
        [wpv-item index=pad]
            <div class="col-sm-4">Pad second column</div>
        [wpv-item index=pad-last]
            <div class="col-sm-4">Pad last column</div>
        </div><!-- Close the row -->
     </wpv-loop>
[/wpv-items-found]
[wpv-no-items-found][wpml-string context="wpv-views"]<strong>No featured ads to display</strong>[/wpml-string][/wpv-no-items-found]
[wpv-layout-end]

Notice the "extra" closing div tags in the index=3 and index=pad-last items. This is required so that there will always be 3 cells in a row, and each row will always be closed, regardless of how many results are found.