Personalización Componente "card" - Homlity Herramienta Para Páginas Web
View Categories

Personalización Componente “card”

1 minutos de lectura

🔍 Introducción #

El archivo "card.php” actúa como un componente contenedor que decide qué plantilla interna se carga para mostrar la información de un inmueble. Su función principal es determinar si el inmueble requiere contraseña (para visualización restringida) y cargar la plantilla correspondiente.


🖼️ Vista del Componente #

carad 1 Homlity Herramienta para páginas web

🧱 Código del Componente #

<div class="card-inmueble ">
<?php
$passwordRequired = homlity_property_required_password_in_tag($inmueble);
if($passwordRequired) {
visualinmu_load_template("inmuebles/componentes/card-password.php",get_defined_vars());
}else {
visualinmu_load_template("inmuebles/componentes/card-default.php",get_defined_vars());
}
?>
</div>

🗂️ Ruta del Componente #

Ubicación en el plugin:

inmuebles/componentes/card.php

Ruta para sobrescribirlo en tu tema hijo:

visualinmueble/
├── templates/
│ └── inmuebles/
│ └── componentes/
│ └── card.php

🧩 Plantillas internas relacionadas #

Este componente depende de otras plantillas internas que deberías conocer para modificar su contenido visual o funcional:

ArchivoFunción principal
card-default.phpRenderiza la tarjeta estándar de un inmueble.
card-password.php 🔒Renderiza una tarjeta bloqueada por contraseña.

📌 Puedes sobrescribir cualquiera de estas plantillas en:

visualinmueble/templates/inmuebles/componentes/

📋 ¿Qué se puede editar? #

ElementoPersonalización posible
Condición de visibilidadPuedes modificar el uso de homlity_property_required_password_in_tag() para otra lógica.
Carga de plantilla alternativaPodrías cargar otras plantillas como card-premium.php, card-destacado.php, etc.
Estructura de envoltorio (div.card-inmueble)Añadir clases o contenedores específicos para diseños CSS distintos.
Estilos o lógica específicaLa mayor parte de la personalización visual se realiza dentro de card-default.php.

📎 Enlaces a los componentes #

Funciona con BetterDocs