Slide Com PHP

Bom dia,

tenho uma tabela produtos, onde tem produtos com o mesmo nome, só que com a COR diferente.

e preciso fazer um slide assim:

Como no php agrupo os dados vindo do DB com o mesmo nome, mas com cores diferente para que eles fiquem assim ?

Meu HTML:

 <div class="block-single-product style2 col-sm-4 row">
 <div class="product-info col-sm-12">
 <div class="product-image col-sm-12">
 <img src="{{ $produto->imagem }}" alt="{{ $produto->nome }}">
 </div>
 <div class="attributes">
 <div class="item">
 <span data-image="{{ $produto->imagem }}" style="background-color: {{ $produto->color }};"></span>
 <span data-image="{{ $produto->imagem }}" style="background-color: {{ $produto->color }};"></span>
 <span data-image="{{ $produto->imagem }}" style="background-color: {{ $produto->color }};"></span>
 </div>
 </div>
 </div>
 </div>

Agradeço desde já. já faz dois dias que to tentando.