At first glance, that seems very difficult to achieve. If you know all of your items in the first place, not so hard, as you can wrap each column in a div and apply the float to that div. Also, if each set of products will be in one container or something similar, you can tell WF to wrap the container in a div and float the divs. But to have each product displayed as such? I can’t think of any way to do that right now, short of applying different classes to each product, which may bulk up your CSS very quickly. That would make it doable though, I think.
product 1 class="menu1" | product 3 class="menu3" | product 5 class="menu5"
product 2 class="menu2" | product 4 class="menu4" | product 6 class="menu6"
.menu1, .menu2 {
width: 100px;
float: left;
}
.menu3, .menu4 {
width: 100px;
}
.menu5, .menu6 {
width: 100px;
float: right;
}
That is untested, but it should be a decent starting point. The issue is that when you move to 9 items, as such:
product 1 | product 4 | product 7
product 2 | product 5 | product 8
product 3 | product 6 | product 9
you will have to change all your css, as now menu3 is in a new column, and menu5 and menu6 are also in new columns. And so on, EVERY TIME your menu changes....
