We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 17412
    • 270 Posts
    I’m displaying Ditto results as an unordered list

    eg: chunk ~

    <li class="float-33">
    <div class="list-item-row">
    <div class="title"><h2>[+pagetitle+]</h2></div>
    <div class="image">[+experience-image+]</div>
    <div class="detail">[+experience-intro+]</div>
    <div class="link"><a href="[~[+id+]~]" title="View details: [+pagetitle+]">[+pagetitle+] »</a></div>
    </div>
    </li>


    Within the container - the list splits every 3 items and pushes down to the next row. However the issue is that the items need to be of more or less equal height or the list format falls apart.
    What I’d ideally like to do is be able to set a specific number of results per row, ie: 3 and wrap that with the UL and then start again with the next set and so forth eg:

    <!-- row #1 -->
    <ul>
    <li>item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    </ul>
    
    <!-- row #2 -->
    <ul>
    <li>item 4</li>
    <li>Item 5</li>
    <li>Item 6</li>
    </ul>
    
    and so on...
    


    Don’t think this is possible with Ditto from what I can see though perhaps a useful addition? Or maybe someone has created a snippet to split results?