how to change how the products are displayed slightly?

[hubbard]

ok, Im pretty happy with the basic theme, BUT Im not so keen on how the products are displayed.

Basically, what I mean is the rectangular block which is sometimes displayed horizontally, and at other times vertically. It includes a small picture of the product, and then the price, and a description (as well as view, and add to cart).

For my standard theme, it has a light grey background.

The problem for me is this: I want the product image to be a bit bigger, and the space for a text description smaller. So more emphasis on the image, less on the text!

So, do I need a different theme? (if so, pls suggest one, preferably free!) OR, seeing as otherwise the basic theme seems ok to me, can I simply do some playing around and change this. If so, can anyone point me in the direction for which files I would need to edit, thanks?!

[rocky]

You can change the image size under Images > Preferences. Be careful though, since the 'home' size is used for the product listings page and accessories listings, not just the featured products. You can reduce the number of featured products columns from 4 to 3 to accommodate the bigger images by editing modules/homefeatured/homefeatured.tpl and change:

{assign var='nbItemsPerLine' value=4}

You can reduce the truncate value on this line for a shorter description:

{$product.description_short|strip_tags|truncate:130:'...'}

and reduce the height of the following to remove blank space:

{assign var='liHeight' value=342}

and reduce the height on line 1006 (in PrestaShop v1.3) of css/global.css:

#center_column div.products_block p.product_desc {
   height: 9em;
   color: #595a5e
}

[hubbard]

ok, this looks interesting, comprehensive details, thanks......many thanks for the assistance again!

[pneeds]

ROCKY, I changed the amount of products shown in 'homefeatured' from 4 to 3 but now it looks like this: (pic attached below)

How do I get rid of that grey line.. I would like 3 images equally spaced out and a bit bigger.

[rocky]

You must edit the width of #center_column .products_block ul li in the /* Special style for block products in center column */ section of css/global.css in your theme's directory. Increase the width until there is no grey left. If you'd rather reduce the width of the entire featured products block instead, reduce the width of #center_column div.block in the /* block in the center column */ section.

[pneeds]

Wow.. Thanks Rocky! xx

Works like a charm!

[jurek]

Why when i'm changing

{assign var='nbItemsPerLine' value=4} 

in metrice theme there is no change at all?