[Solved] Category items displayed as a matrix with 3 columns

[Octahedron]

Hello again,

my products will contain very little description so it would be much nicer if they are arranged (within a category) as a table/matrix with 3 columns and with slightly bigger previews.

This is a perfect example of what I would like to achieve: :wow:

http://www.crepusculecreations.fr/category.php?id_category=12

Can you please advise how to change the look of my categories?

Thanks! :smirk:

[jhnstcks]

You need to change the appropriate sections in your global.css file to suit your needs.

[Octahedron]

thanks mate, i've just found your older post describing how to do it and it works great.
nevertheless, i still cannot make the product preview pictures bigger - from 129x129px to 160x160px and place the green "NEW" icon above the product's name (these are in the same row at the moment). --> see the screen shot attached.

this is what i need:
http://www.crepusculecreations.fr/category.php?id_category=12

this is what i have:
http://213.251.166.15/~piotr/PRESTA/category.php?id_category=4

any advise would be much appreciated! :roll:

cheers!

[jhnstcks]

To make the images bigger you need to change the size in your admin>preferences>images section. Change the category image to what ever size you want.

For the new icon you need to look in your product-list.tpl file about line 7, if you add a break command after then it should add the title onto a new line.

[Octahedron]

thank you, jhnstck, your advise was helpful and resolved my problem! :-)

[ObiChina]

hi, you talked about an old post to make 3 colunms but impossible to find it out. could you please give me a link.

Thanks
OBI

[Patric]

thank you, jhnstck, your advise was helpful and resolved my problem! :-)

So I mark the topic as [solved].
Please, next time, do it by yourself by adding [solved] at the beginning of your topic's title by editing your first post !

[Dio]

Thanks! Problems solved!

[jhnstcks]

hi, you talked about an old post to make 3 colunms but impossible to find it out. could you please give me a link.

Thanks
OBI

Take a look here

[ObiChina]

thanks a lot....

obi

[bovill]

Wicked hack to the code thanks very much jhnsticks

[teppey]

My text arrangement is on top of each other like the attachment when I view it with IE8, where did I do wrong?

[jhnstcks]

You need to remove the short-description box as the layout does not support it. You can do that by editting the product-list.tpl file and removing/comment out the approproate line.

[teppey]

I copied the product-list.tpl from here and can't find the reference to short description =(

>
{if isset($products)}
   <!-- Products list -->
</pre>
<ul>
   {foreach from=$products item=product name=products}

    
{if $product.new == 1}{l s='new'}{/if}{$product.name|truncate:50|escape:'htmlall':'UTF-8'}





{convertPrice price=$product.price}
{if ($product.allow_oosp OR $product.quantity > 0)}{l s='Available'}{else}{l s='Out of stock'}{/if}

{l s='View'}




   {/foreach}
</ul>
<br>   <!-- /Products list --><br>{/if

[teppey]

i notice in this website if you hover the mouse on a picture, another window pops up zooming the pointed area. How can you do this?

[ObiChina]

For mouse hover zoom, check this post : http://www.prestashop.com/forums/viewthread/10833

You can also check this post with about 130 "module"

http://www.prestashop.com/forums/viewthread/12539/developpement_et_modules/liste_de_modules_prestashop_v1_dot_1

[nuchie1]

When I changed the items to vertical the bottoms do not line up. How can I correct this.

Look at this page and you will see what I mean.

http://www.catholicgiftsinc.com/category.php?id_category=2