Skip to Content
This question has been flagged
htmlecommercecsstheme
2 Respostes
5207 Vistes
Avatar
AudicomPendax AB

On the shop page, and in the ecommerce categories presented on the website, the products are presented in a grid. When the products names are so lengthy that they use two lines, the text (and it's semi-transparent background) covers the bottom of the product images. One can probably mitigate that effect by tweaking the height of the rows in the grid or someting like that.

How do I tweak this distance between the bottom of the images and the text in the built-in HTML/CSS editor?
The product images are all 1:1.

Avatar
Descartar
Fazryan Fareka Riznendi

Same problem, is there a solution for this?

Avatar
AudicomPendax AB
Autor Best Answer

Yes there is!

  • Enter edit mode in the grid layout view.

  • Select the product.

  • Under "Options" select "Size".

  • Pick a number of columns and rows that will present the product the way you want.

  • Save.

Avatar
Descartar
Fazryan Fareka Riznendi

Thanks for response,

How to change the number of product views on the Mobile Preview?

because by default only displays 1 product.

Mai Pham

This way does not change for all product in the grid, only change the size of one specific product.

Related Posts Respostes Vistes Activitat
Image resizing issue in eCommerce (Odoo 14)
xml html ecommerce css
Avatar
0
de jul. 21
2699
how to change the theme In odoo? [Solved] Solved
css theme
Avatar
Avatar
Avatar
Avatar
Avatar
11
d’abr. 25
91116
Website Theme Colors on Odoo Online and further personalization
css theme
Avatar
Avatar
Avatar
Avatar
Avatar
4
d’abr. 23
7939
Display SKU under product in product grid (ecommerce website)
ecommerce theme
Avatar
0
de juny 22
3409
How to change colors of a survey? Solved
survey css theme
Avatar
Avatar
Avatar
2
de jul. 25
741