Exemplo de exibição de um produto como Card inspirado na Amazon.
A Amazon apresenta diferentes conteúdos em sua ficha de produto. Principalmente relacionado à outras ofertas e formas de entrega.
O componente foi dividido nos seguintes containers:
O ideal é que cada container tenha os elementos:
O exemplo abaixo demonstra um produto com muitas informações. O ideal é que no dia-a-dia a ficha do produto não tenha tantas informações.
Um ponto interessante que a Amazon utiliza é exibir a opção Mais formatos. Desta forma o consumidor pode visitar variações do produto que está sendo apresentado. Podendo apresentar os SKU's que estão relacionados àquele produto.
O exemplo abaixo demonstra um produto com menos informações.
Exemplo de produto com atualizações de informações via WebSocket.