I am using the Minimal theme and having issues with my related products section near the footer.
The grid items for the product collections is working fine and each item is the same height but for some reason the related products grid is not coming out the same height.
I have tracked it down and some how there is an inline height style being added to the product collection to set the height for each grid but the same inline style is not being added to the related product grid items.
PRODUCT COLLECTION GRID
RELATED PRODUCT GRID
Can someone please help me find where this inline style is being added so I can add it to the related products code?
Well, it's an image issue and if we will fix it by CSS then the images will stretch.
So, the better option would be to resize the images.
Please let me know your thoughts.
Thanks for getting back to me.
I agree if we change the image height it will stretch it and we dont want that.
I think the issue is the container or wrapper div not the images themselves.
Its ok to have the images different sizes but what I want is to have all of the containers the same size.
Some how on the product collection page the height of the wrapping div is being modified based on the largest image size.
This is native to the Minimal theme, I did not add this behavior/code, it was doing it by default.
I want to replicate this on the related products collection display.
Any idea where this injected inline style code is coming from? If I could track it down I could apply it to the related products collection as well.
Thanks again for your help.