Hello all.
couch is just incredible. Using couch frees everyone from the bonds of wordpress and all the other cms's our there and gives the ability to make ANYTHING cms. which is purely amazing. A great lot of work has been done by KK, cheesypoof, bartonsweb and many others in the community who's posts I keep reading.

I found it difficult to search for this problem and am confounded that I have it, but I can't find documentation specifically that helps me out.

I have this code:

Code: Select all

<div class="row flush">
               <div class="4u"><!-- starts each row -->
                  <ul class="special-icons">
                     <li>
                        <span class="fa fa-cogs"></span><!-- icon to customize -->
                        <h3>Service Name</h3> <!-- k_page_title -->
                        <p>Exerpt of the service</p> <!-- page exerpt with a more link -->
                     </li>
                     <li>
                        <span class="fa fa-wrench"></span>
                        <h3>Etiam posuere augue</h3>
                        <p>Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat liguala.</p>
                     </li>
                     <li>
                        <span class="fa fa-leaf"></span>
                        <h3>Fusce ultrices fringilla</h3>
                        <p>Maecenas pede nisl, elementum eu, ornare ac, malesuada at, erat. Proin gravida orci porttitor.</p>
                     </li>
                  </ul>
               </div>
               <div class="4u">
                  <ul class="special-icons">
                     <li>
                        <span class="fa fa-cogs"></span>
                        <h3>Nulla luctus eleifend</h3>
                        <p>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula pellentesque.</p>
                     </li>
                     <li>
                        <span class="fa fa-wrench"></span>
                        <h3>Etiam posuere augue</h3>
                        <p>Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat liguala.</p>
                     </li>
                     <li>
                        <span class="fa fa-leaf"></span>
                        <h3>Fusce ultrices fringilla</h3>
                        <p>Maecenas pede nisl, elementum eu, ornare ac, malesuada at, erat. Proin gravida orci porttitor.</p>
                     </li>
                  </ul>
               </div>
               <div class="4u">
                  <ul class="special-icons">
                     <li>
                        <span class="fa fa-cogs"></span>
                        <h3>Nulla luctus eleifend</h3>
                        <p>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula pellentesque.</p>
                     </li>
                     <li>
                        <span class="fa fa-wrench"></span>
                        <h3>Etiam posuere augue</h3>
                        <p>Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat liguala.</p>
                     </li>
                     <li>
                        <span class="fa fa-leaf"></span>
                        <h3>Fusce ultrices fringilla</h3>
                        <p>Maecenas pede nisl, elementum eu, ornare ac, malesuada at, erat. Proin gravida orci porttitor.</p>
                     </li>
                  </ul>
               </div>
            </div>

I want this to be the listing of the Services page that are made from the clonable template. I realize there are a finite number, but this will be for the highlighted services they choose to run on this page.
I fully understand how to list the pages using the pages tag, but I need to break them up in columns.
My question is, when it comes to listing, how do I write the code to say something like, for every 3rd list item, add </ul></div><div class="4u"><ul class="special-icons">

but then for the very last list item (#3 in column 3) to just have </ul></div> after it?

Is there a way to do this and not use php?

Hi Scratz,

Thank you for the praise, but it really should be directed at @KK and @Cheesypoof, those two make this CMS what it is and provide the unparalleled community support that we all find here.

To build upon that, there are a few ways to achieve this. I prefer this solution given by cheesypoof:

viewtopic.php?f=4&t=7455

You should be able to easily see how it's done and how to implement, but if not feel free to come back and I'm sure I can help, if someone doesn't beat me to it.