Product grid layout for prestashop v1.3 ?

[teriff]

Hi there!

I got the new version of prestashop v1.3 but how to put the product and category layout to gridview instead of list?
This is the defult: http://www.devy.se/category.php?id_category=6
This is how I want it: http://www.1.3.kreaweb.o2switch.net/3-accessoires-ipod

Used the 1.2 version before and the how to was here: http://www.freeprestashopmodules.com/2009/06/30/change-sub-categories-to-grid-view/

But how to do with the new version?

Thanks for your time and help

[robkwal]

I would like to know how to achieve this too....

[shopflavored]

I am curious about this, too. I have 1.3 and really want the grid view!

[koboibdg]

same question here, waiting for the progress

[juvefan]

I also want greed view....

[abilas]

I have managed to acheive this simply by modifying the global.css file within your theme, look at using floats to acheive the desired effect. If you need more help please ask.

[echopon]

can you give me more details because i have no idea about writting program, but i really need this info

[abilas]

You need to learn CSS and learn how to acheive floats, recommend you download firefox and the firebug addon.

[robkwal]

Could you post an example of the code you changed... to achieve what we are all after!?

[abilas]

Really people who have asked about changing themes on here have all recommended using firefox and the firebug addon as you can then interrogate the css code:

Find this in your global.css file and look at the float: left part.

ul#product_list li {
border:1px solid #000;
float:left;
height:auto;
margin-bottom:4px;
margin-right:4px;
min-height:130px;
padding:5px;
}

Hope this helps but really you need to understand CSS so you can modify the theme...

Here is the link for firebug for firefox, you can then simply roll over the page to see what css needs changing...

https://addons.mozilla.org/en-US/firefox/addon/1843/

[jhnstcks]

I was the one who originally created he modification to the grid view for other Prestashop versions, when i have a spare moment i will take a look to see why it isnt working with 1.3

[robkwal]

PLEASE! IF YOU COULD TAKE A MOMENT AND HAVE A LOOK, AND COME UP WITH A SOLUTION FOR THE LATEST VERSION!

[jhnstcks]

Try this.

You will need to replace your product-list.tpl with the one in the zip and also copy and paste the code from the global.css file into the corect place in your global.css file

You will need to alter the color to suit your theme as its taken from the default presta theme.

product-list.zip

[robkwal]

Thanks for the quick reply, I will try it out later and let you know the result!

[cyrusvsdarius]

Try this.

You will need to replace your product-list.tpl with the one in the zip and also copy and paste the code from the global.css file into the corect place in your global.css file

You will need to alter the color to suit your theme as its taken from the default presta theme.

Where exactly should I put the code in the global.css file? Where is the correct place?

[kenza750]

Try this.

You will need to replace your product-list.tpl with the one in the zip and also copy and paste the code from the global.css file into the corect place in your global.css file.

I tried the above, but my products are still listed in List-view. I can not manage to get it in Grid view.
I use PS 1.3.7 an replaced the product-list.tpl and modified the global.css with your code (in the right section). Still no effect.

Do you have any ideas to correct this, maybe I am doing something wrong...

[jhnstcks]

You need to empty your smarty cache by deleting all the files in tools/smarty/compile on your server, and also clear your browser cache

[kenza750]

You need to empty your smarty cache by deleting all the files in tools/smarty/compile on your server, and also clear your browser cache

Already did this. No effect. Also tried different browsers. Maybe something else?

[jhnstcks]

There is nothing else to do, are you sure you have uploaded to the correct theme folder or have the correct theme selected.

[kenza750]

Thank you for your reply.

I only have one theme folder (../themes/prestashop/) thus only one theme is selectable in BO.

I'll try it again at work right now, Here we have IE8/FF and Chrome.

Keep you updated.

[kenza750]

@ jhnstcks: yes...it works!!! :-)
probably it was a caching problem of my browser I think. I will take a look tonight when I'm home. I did clean everything in my browser, but maybe something went wrong.

Now my products are in grid view, and I must finetune some things.

Thank you very much for your code!

[kenza750]

one more issue before my grid view is perfect ;-)

How can I manage to get the buttons under the last row (right aligned in the center column) when there are, for example, 8 products on a page? See attachment..

buttons down grid.JPG

[kenza750]

one more issue before my grid view is perfect ;-)

How can I manage to get the buttons under the last row (right aligned in the center column) when there are, for example, 8 products on a page? See attachment..

found the solution in this topic: http://www.prestashop.com/forums/viewthread/11322/P15/integration/products_layout_in_subcategories

just add the following code just before the {/if} in product-list.tpl (insert line 21/22):

[batarseh]

hey .. im so thankful for the great info provided. exactly what i was looking for. and it works for me. but i need to ask another question plz.. from where and how i can change the number of columns. my site is viewing 3 columns. i need to make them 4. any one can help.. ill be appreciated.. here is my site http://store.japublishers.com.. thanks again

[Loboda]

 

 

found the solution in this topic: http://www.prestasho...n_subcategories

 

just add the following code just before the {/if} in product-list.tpl (insert line 21/22):

 

 

Which Code? .. I can't see anything!

Please Help!

 

 

Thanks

[Loboda]

any answer?

 

Thanks