Geekvape Posted September 6 Share Posted September 6 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 Link to comment Share on other sites More sharing options...
ps8modules Posted September 7 Share Posted September 7 (edited) 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 by ps8modules.com (see edit history) Link to comment Share on other sites More sharing options...
Geekvape Posted September 7 Author Share Posted September 7 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 Link to comment Share on other sites More sharing options...
ps8modules Posted September 7 Share Posted September 7 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. Link to comment Share on other sites More sharing options...
Geekvape Posted September 8 Author Share Posted September 8 Yes I cleared the cache but doesn't change anything... Link of my website (under construction) : https://tedsmoke.com Thanks Link to comment Share on other sites More sharing options...
Andrei H Posted September 8 Share Posted September 8 (edited) 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 by Andrei H (see edit history) Link to comment Share on other sites More sharing options...
Prestashop Addict Posted September 8 Share Posted September 8 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 😉 Link to comment Share on other sites More sharing options...
ps8modules Posted September 8 Share Posted September 8 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: Link to comment Share on other sites More sharing options...
Geekvape Posted September 8 Author Share Posted September 8 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? ^^ Link to comment Share on other sites More sharing options...
Geekvape Posted September 8 Author Share Posted September 8 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 😁 Link to comment Share on other sites More sharing options...
ps8modules Posted September 8 Share Posted September 8 (edited) <div class="thumbnail-container" style="margin-bottom: 4px !important"> Edited September 8 by ps8modules.com (see edit history) Link to comment Share on other sites More sharing options...
Geekvape Posted September 8 Author Share Posted September 8 (edited) Thank you! you are a boss 🙏 Edited September 8 by Geekvape (see edit history) Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now