Componente "card-nolink" - Homlity Herramienta Para Inmobiliarias
View Categories

Componente “card-nolink”

2 minutos de lectura

Tabla de contenidos

📖 Descripción #

El componente card-nolink se utiliza para mostrar propiedades en formato de tarjeta sin permitir acceso al detalle del inmueble.
Generalmente es usado cuando un inmueble ya está vendido, arrendado o retirado y por lo tanto no debe redirigir al usuario a la página de detalle.

Visualmente se ve similar a la tarjeta normal, pero:

  • 🚫 No tiene enlaces clickeables hacia el detalle.
  • 📌 Permite mostrar estados como “VENDIDO” o “RETIRADO” de forma clara.

👀 Vista del componente #

vev Homlity Herramienta para Inmobiliarias

💻 Código del componente #

<?php

use Codwelt\VisualInmueble\Core\Modelos\Inmueble;
use Codwelt\VisualInmueble\Core\Modelos\InmueblePreview;
?> 
<div>
    <div class="card-inmueble h-100  d-flex align-items-stretch">
        <div class="card card-space h-100 " style="width: 100%;">
            <?php visualinmu_load_template(
                "inmuebles/componentes/card/cover-image.php", 
                array_merge_recursive(get_defined_vars(), ['attrs' => ['withLinktoDetail' => false]])
            ); ?>
            <div class="card-body">
                <div class="card-inmueble-container">
                    <div class="card-inmueble-caracteristicas">
                        <?php visualinmu_load_template(
                            "inmuebles/componentes/card/features.php", 
                            array_merge_recursive(get_defined_vars(), ['attrs' => ['withLinktoDetail' => false]])
                        ); ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

🎨 Personalización — card-nolink #

  • 🔗 Activar o desactivar el enlace al detalle (withLinktoDetail).
  • 🏷️ Personalizar el texto y estilo de la etiqueta/badge (ej. “VENDIDO”, “RETIRADO”).
  • 🎭 Cambiar estilos visuales: overlay, opacidad, colores, tamaños.
  • 📊 Decidir qué campos mostrar u ocultar (precio, baños, alcobas, metros, etc.).
  • 📐 Ajustar columnas y distribución en el grid (2, 3 o 4 columnas).
  • ♿ Mejorar accesibilidad (atributos alt, etiquetas claras).

📂 Subcomponentes incluidos #

  • cover-image.php → controla la imagen, badge, overlay y enlace.
  • features.php → controla los datos y características mostradas en la tarjeta.

📂 Confirmación de referencias a otros archivos #

Este componente hace uso de otros subcomponentes que deben estar presentes en el tema:

What are your Feelings

Funciona con BetterDocs