How to change product size in product list ?

[Geekvape]

Hi there

I have been looking for hours for a solution to my problem, I would like to ask the community because I think I am not the only one looking for a solution to this problem...

I managed (after 12 cups of coffee) to put 4 products per line in my grid, but now I would like to reduce the space between the products... I have already changed the size of the "home" images but they remain in 250x250...

Any idea please? Thanks a lot

 

PrestaShop 8.1 / Default theme

[ps8modules]

HI.

./themes/classic/templates/catalog/_partials/miniatures/product.tpl

add style to this line:

<div class="js-product product{if !empty($productClasses)} {$productClasses}{/if}">

after:

<div class="js-product product{if !empty($productClasses)} {$productClasses}{/if}" style="padding:5px !important">

 

Edited September 8, 2024 by ps8modules.com (see edit history)

[Geekvape]

 

Thank you for your response!

I changed the line and cleaned the cache but it doesn't work.

 

I also tried adding "style="pading:5px !important" to another place in the code but no results... Any other idea ? Thanks

[ps8modules]

It would probably be a good idea to give us a link to your site so we can check that everything is written correctly.

When anything changes in the TPL template, the cache needs to be cleared.

[Geekvape]

Yes I cleared the cache but doesn't change anything...

Link of my website (under construction) : https://tedsmoke.com

Thanks

[Andrei H]

Hello,

It most likely did not work for you because the name of the property is padding.

You need to add style="padding:5px !important" - the style attribute does not need quotes.

Edited September 8, 2024 by Andrei H (see edit history)

[Prestashop Addict]

Le 07/09/2024 à 12:58 AM, Geekvape a dit :

I managed (after 12 cups of coffee) to put 4 products per line in my grid, but now I would like to reduce the space between the products... I have already changed the size of the "home" images but they remain in 250x250...

Hi, when you change image size you need to rebuild products images 😉 

[ps8modules]

2 hours ago, Geekvape said:

Yes I cleared the cache but doesn't change anything...

Link of my website (under construction) : https://tedsmoke.com

Thanks

Hi.

In the edit, you wrote padding instead of padding !!!

When you edit it, the result will be:

[Geekvape]

I copied/pasted the line of code you gave me...

But yes it works great with "padding", thank you so much for your help!

Also a big thank you for you Andrei H 🙏

Last thing, do you know how to reduce space between lines now? ^^

[Geekvape]

4 hours ago, Prestashop Addict said:

Hi, when you change image size you need to rebuild products images 😉 

Thank you but I did it and it was not the problem, it was a padding problem 😁 

[ps8modules]

<div class="thumbnail-container" style="margin-bottom: 4px !important">

 

Edited September 8, 2024 by ps8modules.com (see edit history)

[Geekvape]

 

Thank you! you are a boss 🙏

Edited September 8, 2024 by Geekvape (see edit history)