Aloud Posted December 13, 2012 Share Posted December 13, 2012 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 Link to comment Share on other sites More sharing options...
Carolina Custom Designs Posted December 13, 2012 Share Posted December 13, 2012 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 Link to comment Share on other sites More sharing options...
Aloud Posted December 17, 2012 Author Share Posted December 17, 2012 Hi Marty, thanks but couldn't find anything on it Link to comment Share on other sites More sharing options...
yaniv14 Posted December 17, 2012 Share Posted December 17, 2012 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....) Link to comment Share on other sites More sharing options...
Aloud Posted December 18, 2012 Author Share Posted December 18, 2012 (edited) 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) Link to comment Share on other sites More sharing options...
yaniv14 Posted December 18, 2012 Share Posted December 18, 2012 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"> 1 Link to comment Share on other sites More sharing options...
Aloud Posted December 18, 2012 Author Share Posted December 18, 2012 Hi yaniv14 thank you! it looks ok now and I tested it on a few different browsers and looks ok, thanks for your help Link to comment Share on other sites More sharing options...
Recommended Posts