Displaying products in category as a list layout

[Aloud]

Hi Folks,

 

How do I display all my products in a list or a grid layout by default?

 

So when a shopper selects a category, the products appear as a list instead of on top of each other

 

Presta 1.4

 

Thanks in advance

[Carolina Custom Designs]

You will need a little css knowledge to accomplish this. It is not hard to do. You may also want to rearrange a few items in your product-list.tpl as well. We display our products in grid style at our store. We also removed the short description etc. to clean it up a bit.

 

I know this has been discussed at length in the forum so you might want to do a forum search for more info.

 

Marty Shue

[Aloud]

Hi Marty,

 

thanks but couldn't find anything on it

[yaniv14]

can you post a link to your site?

can you show sample of how you want it?

can you be more specific in case you don't have an example? (height,width,how many in a line,etc....)

[Aloud]

Hi yaniv14,

 

thanks for your help

 

When the user lands on the website first, the category layout appears like this (left image), with the products very close to each other, looking cluttered.

 

We want the products to appear like the bottom image, in a list order always by default..

 

Current layout

 

*List layout

 

Edited December 18, 2012 by Aloud (see edit history)

[yaniv14]

I am not sure but try to change your "store/themes/theme364/product-list.tpl" line 2 from:

<ul id="product_list" class="bordercolor">

To:

<ul id="product_list" class="bordercolor list">

[Aloud]

Hi yaniv14

 

thank you! it looks ok now and I tested it on a few different browsers and looks ok, thanks for your help