Repeater Template Foundation Zurb different classes

  • I’m working with zurb foundation and trying to achieve below layout, where the first two posts will be wrapped in a row with 6 columns grid and any other post item will be wrapped in 3 columns grid, how can i do it ? with repeater template

    <!– first post –>
    <div class=”row”>
    <div class=”medium-6 column”>content</div>
    <!– second post –>
    <div class=”medium-6 column”>content</div>
    </div>

    <div class=”row”>
    <!– any other posts –>
    <div class=”medium-3 columns”>content</div>
    <!– any other posts –>
    <div class=”medium-3 columns”>content</div>
    <!– any other posts –>
    <div class=”medium-3 columns”>content</div>

    </div>

    https://www.ads-software.com/plugins/ajax-load-more/

Viewing 1 replies (of 1 total)
  • Plugin Author Darren Cooney

    (@dcooney)

    Unfortunately, rows are tricky with Ajax Load More for a number of reasons – the main reason is it not possible to reliably close your row div if results are less than expected.

    I would suggest using the following example.

    <div class="row">
[ajax_load_more]
</div>

    And then your repeater template.
    <div class="medium-3 columns">content</div>

    You would need to figure out how to clear your columns though.
    So you could add this to your repeater template which would add a clearing div after every second item.

    <div class="medium-3 columns">content</div>
<?php if($alm_item%2 == 0) : ?>
<div class="clear"></div>
<?php endif; ?>

Viewing 1 replies (of 1 total)
  • The topic ‘Repeater Template Foundation Zurb different classes’ is closed to new replies.