Carrinho de Compras com imagem em JSF - PrimeFaces

Boa noite! Bom vamos lá, estou fazendo um pequeno projeto de carrinho de compras, para ser mais exato vou fazer em um formato de supermercado. Ao desenvolver a página do administrador para listar os produtos existentes por categoria, me surgiu uma dúvida, como posso fazer blocos de produtos como se fossem divs que ao listar um determinado produto por sua categoria, aparecesse um em baixo do outro como se fosse uma lista, porém não no formato de tabela e sim como se fosse divs com efeito hover.

da mesma forma que essa imagem a cima, contudo, não tenho ideia de como posso listar os produtos dessa forma, consigo listar tranquilamente em um dataTable, mas preciso de algo parecido para exibir para o cliente.

Estou usando apenas java, jsf e primeFaces, sabem me dizer que tipo de componente ou lógica é usada para fazer essa exibição de componentes?