This question has been flagged
2 Replies
4233 Views
htmlecommercecsstheme
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
Discard
Fazryan Fareka Riznendi

Same problem, is there a solution for this?

Avatar
AudicomPendax AB
Author 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
Discard
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.