I’m currently building a recommended reads section using product cards. I agree that this card needs a revamping. The biggest painpoint for me: layout and placement on desktop. The cards take A LOT of space with the standard theme source (v1.4.1).
On mobile an image with a title, some description and a button fills more than the whole screen of an iPhone 15 Pro Max. It would be nice to have a horizontal option so two to three products fit on the screen. But on mobile the experience is alright.
On desktop on the other hand just the middle column is used with large blank spaces left and right. On a 13 inch MacBook the cover of one book fills the whole screen, for title and description I already have to scroll. However, these cards should be displayed in multiple columns and/or rows.
I think more display and render options or at least some tweaking in the displayal is needed here.