Quiero mostrar las calificaciones promedio de los productos en estrellas. Los valores se muestran bien, pero quiero mostrar media estrella si el valor está en flotación.
Vista de mi hoja:
<div class="rating"> @for($i=0;$i<5;$i++) @if($product->ratings->avg('rating') > $i) <span class="icon-ratings"><i class="icon-rating icon-rating-x"></i></span> @else <span class="icon-ratings"><i class="icon-rating icon-rating-o"></i></span> @endif @endfor <div style="float:left">{{$product->ratings->avg('rating')}}</div> </div>El valor promedio muestra 4.5. Pero todas las 5 estrellas están llenas de color dorado. Quiero llenar la mitad de la última estrella ya que es un número flotante.
use la función floor() para detectar un valor flotante como este
................. @for($i=0;$i<5;$i++) <?php $thisRating = product->ratings->avg('rating') if(floor($thisRating) != $thisRating) { $hasHalfVal = 1; } else { $hasHalfVal = 0; } ?> @if($thisRating > $i && $hasHalfVal == 0) <span class="icon-ratings"><i class="icon-rating icon-rating-x"></i></span> @else if($thisRating > $i && $hasHalfVal == 1) <span class="icon-ratings"><i class="icon-rating icon-rating-half"></i></span> @else <span class="icon-ratings"><i class="icon-rating icon-rating-o"></i></span> @endif .................Puedes hacer eso como se muestra a continuación. Por ejemplo, en la respuesta a continuación, uso font-awesome.
@for ($i = 1; $i <= 5; $i++) @if($product->ratings->avg('rating') < $i) @if (round($product->ratings->avg('rating')) == $i) <li class="list-inline-item me-0 small"><i class="fas fa-star-half-alt text-warning"></i></li> @continue @endif <li class="list-inline-item me-0 small"><i class="far fa-star text-warning"></i></li> @continue @endif <li class="list-inline-item me-0 small"><i class="fas fa-star text-warning"></i></li> @endfor