Order ditto content in two columns

Hi all

I am creating a directory at http://hearthomemag.co.uk/_/directory and need some help with the layout.

I want to use 2 columns to display the data.

The code I am using for calling the listings is:



The 'productDetail' tpl is:



Obviously I want to display these in order on the page but left to right down the page.

Any help would be so gratefully received.

Try Ditto's tpl, tplAlt, tplFirst, tplLast, tplCurrent options.

The tplAlpha would have your first tpl, and tplOmega would have the second one.
Then size and float your .grid_6 elements in the CSS so that they sit nicely two to a row.

I think I get what you mean but I'm not fully there. Could you expand a little more on what you mean and then I'll be good to go.

Create two chunks, one named tplAlpha, which will have


The other will be named tplOmega and will have


In your getResources call include the parameters


Then in your CSS have something like this


You'll probably want to adjust that width setting, and perhaps add margins to make the .grid_6 blocks sit nicely two in a row.

That worked perfectly. I might need to tweak the CSS a little but essentially it has done it. I knew there would be a way - thanks for helping me out with that one.