Personalización Componente “cards”

🔍 Introducción #

El componente “cards.php” es el encargado de renderizar todas las tarjetas (cards) de inmuebles en los resultados de búsqueda. Cada tarjeta individual es cargada mediante el componente card.php. Este archivo define la estructura de grilla (grid system) y controla también la inserción de módulos publicitarios si están activados.

---

🖼️ Visual del Componente #

---

🧱 Código del Componente #

<div class="row d-flex align-items-stretch flex-wrap">
    <?php foreach ($inmuebles as $index => $inmueble): ?>
        <?php $cont = $index + 1; ?>
        <div class="col-xl-3 col-lg-4 col-md-6 col-xs-12 mb-2">
            <?php visualinmu_load_template("inmuebles/componentes/card.php", get_defined_vars()); ?>
        </div>

        <?php
        if (visualinmu_configuracion_checkConfiguracion('filtros', 'mostrarAdwordsEnResultadoBusqueda')) {
            if ($cont == 5 || $cont == 11 || $cont == 43): ?>
                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-xs-12 mb-2">
                    <div class="card-inmueble flex-fill">
                        <div class="card card-space" style="width: 100%;">
                            <div class="card-body">
                                <?php
                                $version = rand(0, 1) === 0 ? 'A' : 'B';
                                $path = $version === 'A' ? "leads/buscarinmueble" : "leads/buscarinmueblestep";
                                echo do_shortcode('[visualinmu_lead_shortcode height="600" path="' . $path . '"]');
                                ?>
                            </div>
                        </div>
                    </div>
                </div>
            <?php endif;
        }
        ?>
    <?php endforeach; ?>
</div>

---

🗂️ Ruta del Componente #

Ubicación en el plugin:

inmuebles/componentes/search/cards.php

Ruta para sobrescribirlo en tu tema hijo:

visualinmueble/
├── templates/
│   └── inmuebles/
│       └── componentes/
│           └── search/
│               └── cards.php

---

🛠️ ¿Qué se puede editar? #

Elemento	Personalización posible
Columnas y Breakpoints	Cambiar clases Bootstrap (col-xl-3, col-md-6, etc.) para modificar cantidad por fila.
Orden o cantidad de anuncios	Modificar `$cont == 5
Estilos de la tarjeta publicitaria	Personalizar HTML interno o aplicar nuevas clases CSS.
Shortcode insertado	Cambiar atributos del shortcode (path, height, etc.)
Condición de activación de anuncios	Usar otra configuración o quitar la validación para siempre mostrarlos.
Carga del card.php	Puede incluir lógica condicional para mostrar distintos tipos de cards según categoría.

---

📎 Enlaces a los componentes #

• card.php: Plantilla card