Componente “foto” (Asesor)

El componente foto se encarga de mostrar la imagen del asesor inmobiliario.
Si el asesor tiene una foto registrada, se muestra su imagen; en caso contrario, se carga el logo del sitio como imagen de respaldo.

---

👀 Vista del componente #

---

⚙️ Código del componente #

<?php if (!empty($asesor->fotoUrl())) { ?>
    <img src="<?php echo $asesor->fotoUrl(); ?>" 
         class="card-img-top text-center img-thumbnail"
         alt="<?php echo $asesor->nombre(); ?>" />
<?php } else {
    $custom_logo_id = get_theme_mod('custom_logo');
    $logo_url = wp_get_attachment_image_url($custom_logo_id, 'full');
    ?>
    <img src="<?php echo $logo_url; ?>" 
         class="custom card-img-top text-center img-thumbnail"
         alt="<?php echo $asesor->nombre(); ?>" />
<?php } ?>

---

🔑 Características principales #

• ✅ Carga dinámica de imagen:
  • Si $asesor->fotoUrl() tiene un valor → Se usa la foto personalizada del asesor.
  • Si está vacío → Se utiliza el logo configurado en WordPress como imagen de respaldo.
• ✅ Clases de estilo aplicadas:
  • card-img-top → Asegura consistencia con tarjetas de Bootstrap.
  • text-center → Centrado de la imagen.
  • img-thumbnail → Borde y estilo tipo miniatura.
  • custom (cuando se carga el logo).
• ✅ Accesibilidad:
  • El atributo alt usa dinámicamente el nombre del asesor ($asesor->nombre()).

---

📂 Archivos relacionados #

Este componente se utiliza dentro de:

• 📄 asesores/componentes/asesores/detalle.php
  👉 Donde se carga en la columna izquierda (col-md-2).

---

📌 Ejemplo de uso #

• Si el asesor Rodrigo Herrera tiene su foto cargada → se muestra su retrato.
• Si no tiene foto → se muestra el logo de la empresa.