Estoy iterando unos colores con php y el código es este:
<div class="colores_conf_producto">
@foreach ($colores as $item)
<div class="info_color_conf @if ($loop->first) activeProducto @endif @if ($item->stock == 0) noStock @endif" data-color="{{ $item->color }}">
<img src="{{ $item->foto }}" alt="">
<h3>{{ $item->color }}</h3>
</div>
@endforeach
</div>
La primera opción del bucle lleva una clase que se llama activeProducto
, entonces tengo que guardar en una variable de JavaScript el primer color elegido.
Lo hago del siguiente modo:
window.onload = function() {
obtener_primeros_valores();
};
var color_elegido = "";
function obtener_primeros_valores(){
color_elegido = $(".colores_conf_producto").find('.activeProducto').data("color");
$('#color_elegido').html(color_elegido);
};
Esto me funciona bien.
Si os dais cuenta en la iteración hay una condición @if ($item->stock == 0) noStock @endif
, esto es para que si el stock es "0", añadir una clase CSS donde lo opacito y además hago que no se pueda pulsar.
Entonces la duda es, a través del foreach
, ¿se puede hacer que si el primer resultado tiene stock = "0"
seleccione el siguiente?
activeProducto
al primer producto constock
y eso lo deberías hacer en eltemplate
conBlade
. ¿Te interesa una respuesta así?stock == 1