Mixing number of products per row on a page

[Darren B]

DARREN BEAUMONT!!!!!

How dare you add a <table> onto the homepage of RawAir I spent chuffing hours stripping the <table> from that site and you come along and kill the zen. May your PR rot in shame

What were? was not me

[Darren B]

Oh that, well its a fragment i never created it i just stuck a fragment on the front page, sorry i will recreate a css fragment layout

Please accept my humble apologies

[leehack]

Please except my humble oppologies

Taddy you are getting worse.

[Darren B]

LOL sorry Mr Hack changed that too

[Darren B]

OK Jont <table> has been removed i trust we can let this one go

[TraceyHand]

LOL sorry Mr Hack changed that too

well, you changed part of it....

[jont]

OK Jont <table> has been removed i trust we can let this one go

First warning matey ... I will be watching closely

[Darren B]

OK message received and undestood

[TraceyHand]

OK message received and undestood

:-)

we love you really xxx

[edit] ps..will let that one go as a typo

[jont]

Of course we love you .. if I did not care I would not check up on you

[mash]

Hi Andy,

I think I'm going to park this. The products are there and there's plenty of other stuff to be doing. I'll come back to it when they're done.

I have been searching the forum for answers relating to different number of products per line and this thread is the closest to it. I followed the link through and it is still a long list at the bottom of the page so based on that you are still working on the 'plenty of other stuff'!

What I wanted to do was to have list of products, I want the flexibility of either have a single product per line or lines with two products on, all on the same page:

Product A Product B
Product C Product D
Product E
Product F Product G
Product H Product I

So the simple columns approach won't work. I quite like this CSS approach, I guess you can initiate at the product level to choice which layout too use (100% or 50%), so two products after each with 50% would be on the same line.

Since it has been 2 years, are there any different ways of doing this, any thoughts would be appreciated.

And I have made the right assumption that you change the layout on the product > Layout > Product Layout or is it the Product List Layout, umm, pointers and thoughts are all appreciated.

Thanks Mash
It is over two years and it looks like it

[leehack]

Nothing has changed in coding or actinic standards in this area. You need to get rid of the list layout, create 2 product layouts, each with its own width, apply one of these to the parent section (the most commonly used product layout in the section) and then just change the products manually that you want to be different. If they are all set to float left and each layout has a correct size setup against it, everything will lay itself out as you want.

[Duncan Rounding]

The best way to approach this would be to create a new Product List Layout as well as a new Product Layout that you can design to do what you want and then select the relevant layout as required.

[NormanRouxel]

You'll also have to consider what will happen if you decide to add / remove a product from the page.

[jont]

You'll also have to consider what will happen if you decide to add / remove a product from the page.

You can use the ListIndex variable to suffix a .class setting the width of the containing <div> according to its position. You can then swap, delete and add products and the layout will remain the same.