I have been racking my brain over this XSLT problem. I have a portfolio site that has a list of entries presented in a slideshow/paginated type of interface.

Each page has 6 entries. The six entries are split into 2 rows of 3 each.

I need to figure out how to select my entries and divide into groups of 6. Then I need to select each group and divide the 6 into 2 groups of 3.

Would I use the mod operator on this or is there another way that I’m not getting?

You can see an example of my template here to get a good idea how it works:

Attached is my XML and the XHTML I want to output.

ANy help is appreciated. Thanks!


Put them all into one div, float them left and give them 1/3 of the width of the surrounding div. :-)

@phoque Har … :-P

I think I found a direction to go. I’ll try it.

Here’s my solution:

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="">

    <xsl:import href="../utilities/master.xsl"/>

    <xsl:template match="data">
        <div id="content" class="grid_10">
            <p>Josh is a graphic designer who works in Web, print and illustration. <a href="/about">Read more about Josh</a>.</p>
        <div class="slideshow">
            <!-- Grab every sixth item to create a slide. -->
            <xsl:apply-templates select="work-homepage/entry[position() mod 6 = 1]" mode="slide" />

    <xsl:template match="entry" mode="slide">
        <div class="slide clearfix">
            <div class="row clearfix">
                <!-- Select current item and 2 siblings after. -->
                <xsl:apply-templates select=". | following-sibling::entry[position()  &lt;= 2]" mode="entry" />
            <div class="row clearfix">
                <!-- Select the next 3 siblings -->
                <xsl:apply-templates select="following-sibling::entry[position() &gt;= 3 and position() &lt;= 5]" mode="entry" />

    <xsl:template match="entry" mode="entry">
        <a href="#" class="grid_4 work-entry">
            <img src="{$root}/image/2/280/180/5{thumbnail/@path}/{thumbnail/filename}" alt="{title} thumbnail" width="280" height="180"></img>
            <span class="title"><xsl:value-of select="title"/></span>
            <sapn class="teaser"><xsl:copy-of select="teaser/node()"/></sapn>


Not pretty, but it gets the job done.

I think that’s more or less the way we built the rows on the download listings here on the site.

Just found this thread from a google search top entry :)

Would the above work if I had 2 columns and wanted a max of 6 in each column?:

<!-- First Column -->
<div class="column">
<xsl:apply-templates select="work-homepage/entry[position() mod 6 = 0]" />

<!-- Second Column -->
<div class="column">
<xsl:apply-templates select="work-homepage/entry[position() mod 6 = 1]" />


off the top of my head:

<xsl:apply-templates select="work-homepage/entry[position() mod 2 = 0 and position() &lt; 12]" />
<xsl:apply-templates select="work-homepage/entry[position() mod 2 = 1 and position() &lt; 12]" />

So the modulo approach counts to check for entries position and if it's an increment of 2 or not yes?

Create an account or sign in to comment.

Symphony • Open Source XSLT CMS

Server Requirements

  • PHP 5.3-5.6 or 7.0-7.3
  • PHP's LibXML module, with the XSLT extension enabled (--with-xsl)
  • MySQL 5.5 or above
  • An Apache or Litespeed webserver
  • Apache's mod_rewrite module or equivalent

Compatible Hosts

Sign in

Login details