DRESSES
{ return $wire.productOptions.find(option => option.option.id === colorOptionId && option.values.some(val => val.id === valueId) ); }); if (colorValue) { selectedColorId = colorValue; console.log('ProductCard: Color found in selectedOptionValues for name link', { colorValue }); } } console.log('ProductCard: Final selectedColorId for name link', { selectedColorId }); ">APRON MINI
4 colors
{ return $wire.productOptions.find(option => option.option.id === colorOptionId && option.values.some(val => val.id === valueId) ); }); if (colorValue) { selectedColorId = colorValue; console.log('ProductCard: Color found in selectedOptionValues for name link', { colorValue }); } } console.log('ProductCard: Final selectedColorId for name link', { selectedColorId }); ">APRON DRESS
6 colors
{ return $wire.productOptions.find(option => option.option.id === colorOptionId && option.values.some(val => val.id === valueId) ); }); if (colorValue) { selectedColorId = colorValue; console.log('ProductCard: Color found in selectedOptionValues for name link', { colorValue }); } } console.log('ProductCard: Final selectedColorId for name link', { selectedColorId }); ">T-DRESS MINI
4 colors
{ return $wire.productOptions.find(option => option.option.id === colorOptionId && option.values.some(val => val.id === valueId) ); }); if (colorValue) { selectedColorId = colorValue; console.log('ProductCard: Color found in selectedOptionValues for name link', { colorValue }); } } console.log('ProductCard: Final selectedColorId for name link', { selectedColorId }); ">TANK DRESS
1 color
{ return $wire.productOptions.find(option => option.option.id === colorOptionId && option.values.some(val => val.id === valueId) ); }); if (colorValue) { selectedColorId = colorValue; console.log('ProductCard: Color found in selectedOptionValues for name link', { colorValue }); } } console.log('ProductCard: Final selectedColorId for name link', { selectedColorId }); ">TANK DRESS MINI
1 color
{ return $wire.productOptions.find(option => option.option.id === colorOptionId && option.values.some(val => val.id === valueId) ); }); if (colorValue) { selectedColorId = colorValue; console.log('ProductCard: Color found in selectedOptionValues for name link', { colorValue }); } } console.log('ProductCard: Final selectedColorId for name link', { selectedColorId }); ">HOLEY DRESS
1 color
{ return $wire.productOptions.find(option => option.option.id === colorOptionId && option.values.some(val => val.id === valueId) ); }); if (colorValue) { selectedColorId = colorValue; console.log('ProductCard: Color found in selectedOptionValues for name link', { colorValue }); } } console.log('ProductCard: Final selectedColorId for name link', { selectedColorId }); ">SLIP DRESS
6 colors
{ return $wire.productOptions.find(option => option.option.id === colorOptionId && option.values.some(val => val.id === valueId) ); }); if (colorValue) { selectedColorId = colorValue; console.log('ProductCard: Color found in selectedOptionValues for name link', { colorValue }); } } console.log('ProductCard: Final selectedColorId for name link', { selectedColorId }); ">LONGSLEEVE DRESS
4 colors
{ return $wire.productOptions.find(option => option.option.id === colorOptionId && option.values.some(val => val.id === valueId) ); }); if (colorValue) { selectedColorId = colorValue; console.log('ProductCard: Color found in selectedOptionValues for name link', { colorValue }); } } console.log('ProductCard: Final selectedColorId for name link', { selectedColorId }); ">T-DRESS
5 colors
{ return $wire.productOptions.find(option => option.option.id === colorOptionId && option.values.some(val => val.id === valueId) ); }); if (colorValue) { selectedColorId = colorValue; console.log('ProductCard: Color found in selectedOptionValues for name link', { colorValue }); } } console.log('ProductCard: Final selectedColorId for name link', { selectedColorId }); ">HOLEY DRESS MINI
1 color
{ return $wire.productOptions.find(option => option.option.id === colorOptionId && option.values.some(val => val.id === valueId) ); }); if (colorValue) { selectedColorId = colorValue; console.log('ProductCard: Color found in selectedOptionValues for name link', { colorValue }); } } console.log('ProductCard: Final selectedColorId for name link', { selectedColorId }); ">LONG DRESS
1 color
{ return $wire.productOptions.find(option => option.option.id === colorOptionId && option.values.some(val => val.id === valueId) ); }); if (colorValue) { selectedColorId = colorValue; console.log('ProductCard: Color found in selectedOptionValues for name link', { colorValue }); } } console.log('ProductCard: Final selectedColorId for name link', { selectedColorId }); ">APRON DRESS 02
1 color