CRÍTICO: Corregir estructura footer + pre-footer - Issue #128

ERROR ANTERIOR:
- Eliminé la sección de contacto pre-footer
- Puse formulario de 5 campos dentro del footer
- No seguí la estructura exacta del template

CORRECCIÓN APLICADA:

1. single.php (líneas 234-300):
    Agregada sección de contacto PRE-FOOTER
   - <section> con bg-secondary bg-opacity-25
   - Columna izquierda: Info contacto (teléfono, email, ubicación)
   - Columna derecha: Formulario #footerContactForm con 5 campos
   - Template líneas 1026-1090

2. footer.php (líneas 1-95):
    Footer con estructura correcta
   - 3 columnas navegación (col-6 col-md-2)
   - Newsletter SIMPLE (solo email + botón Subscribe)
   - bg-dark text-white
   - Copyright y redes sociales
   - Template líneas 1093-1149

AHORA SÍ REPLICA EXACTAMENTE EL TEMPLATE

Refs: #128

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
FrankZamora
2025-11-08 10:04:03 -06:00
parent a2ea4c5fcd
commit 544a9c290b
2 changed files with 94 additions and 44 deletions

View File

@@ -2,27 +2,27 @@
/**
* Footer Template
*
* Replica EXACTAMENTE la estructura del template (líneas 1093-1151)
* Footer simple con newsletter y navegación.
* Replica EXACTAMENTE la estructura del template (líneas 1093-1149)
* Footer con 3 columnas de navegación + newsletter simple (solo email).
*
* @package Apus_Theme
* @since 1.0.0
*/
?>
<!-- Footer (Template líneas 1093-1151) -->
<footer class="py-5 mt-0">
<!-- Footer (Template líneas 1093-1149) -->
<footer class="py-5 mt-0 bg-dark text-white">
<div class="container">
<div class="row">
<!-- Sección 1: Navegación -->
<div class="col-6 col-md-2 mb-3">
<h5><?php esc_html_e('Recursos', 'apus-theme'); ?></h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="<?php echo home_url('/'); ?>" class="nav-link p-0"><?php esc_html_e('Inicio', 'apus-theme'); ?></a></li>
<li class="nav-item mb-2"><a href="<?php echo home_url('/blog'); ?>" class="nav-link p-0"><?php esc_html_e('Blog', 'apus-theme'); ?></a></li>
<li class="nav-item mb-2"><a href="<?php echo home_url('/catalogo'); ?>" class="nav-link p-0"><?php esc_html_e('Catálogo', 'apus-theme'); ?></a></li>
<li class="nav-item mb-2"><a href="<?php echo home_url('/precios'); ?>" class="nav-link p-0"><?php esc_html_e('Precios', 'apus-theme'); ?></a></li>
<li class="nav-item mb-2"><a href="<?php echo home_url('/nosotros'); ?>" class="nav-link p-0"><?php esc_html_e('Nosotros', 'apus-theme'); ?></a></li>
<li class="nav-item mb-2"><a href="<?php echo home_url('/'); ?>" class="nav-link p-0 text-white"><?php esc_html_e('Inicio', 'apus-theme'); ?></a></li>
<li class="nav-item mb-2"><a href="<?php echo home_url('/blog'); ?>" class="nav-link p-0 text-white"><?php esc_html_e('Blog', 'apus-theme'); ?></a></li>
<li class="nav-item mb-2"><a href="<?php echo home_url('/catalogo'); ?>" class="nav-link p-0 text-white"><?php esc_html_e('Catálogo', 'apus-theme'); ?></a></li>
<li class="nav-item mb-2"><a href="<?php echo home_url('/precios'); ?>" class="nav-link p-0 text-white"><?php esc_html_e('Precios', 'apus-theme'); ?></a></li>
<li class="nav-item mb-2"><a href="<?php echo home_url('/nosotros'); ?>" class="nav-link p-0 text-white"><?php esc_html_e('Nosotros', 'apus-theme'); ?></a></li>
</ul>
</div>
@@ -30,11 +30,11 @@
<div class="col-6 col-md-2 mb-3">
<h5><?php esc_html_e('Soporte', 'apus-theme'); ?></h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="<?php echo home_url('/faq'); ?>" class="nav-link p-0"><?php esc_html_e('Preguntas Frecuentes', 'apus-theme'); ?></a></li>
<li class="nav-item mb-2"><a href="<?php echo home_url('/ayuda'); ?>" class="nav-link p-0"><?php esc_html_e('Centro de Ayuda', 'apus-theme'); ?></a></li>
<li class="nav-item mb-2"><a href="<?php echo home_url('/contacto'); ?>" class="nav-link p-0"><?php esc_html_e('Contacto', 'apus-theme'); ?></a></li>
<li class="nav-item mb-2"><a href="<?php echo home_url('/politicas'); ?>" class="nav-link p-0"><?php esc_html_e('Políticas', 'apus-theme'); ?></a></li>
<li class="nav-item mb-2"><a href="<?php echo home_url('/terminos'); ?>" class="nav-link p-0"><?php esc_html_e('Términos', 'apus-theme'); ?></a></li>
<li class="nav-item mb-2"><a href="<?php echo home_url('/faq'); ?>" class="nav-link p-0 text-white"><?php esc_html_e('Preguntas Frecuentes', 'apus-theme'); ?></a></li>
<li class="nav-item mb-2"><a href="<?php echo home_url('/ayuda'); ?>" class="nav-link p-0 text-white"><?php esc_html_e('Centro de Ayuda', 'apus-theme'); ?></a></li>
<li class="nav-item mb-2"><a href="<?php echo home_url('/contacto'); ?>" class="nav-link p-0 text-white"><?php esc_html_e('Contacto', 'apus-theme'); ?></a></li>
<li class="nav-item mb-2"><a href="<?php echo home_url('/politicas'); ?>" class="nav-link p-0 text-white"><?php esc_html_e('Políticas', 'apus-theme'); ?></a></li>
<li class="nav-item mb-2"><a href="<?php echo home_url('/terminos'); ?>" class="nav-link p-0 text-white"><?php esc_html_e('Términos', 'apus-theme'); ?></a></li>
</ul>
</div>
@@ -42,41 +42,23 @@
<div class="col-6 col-md-2 mb-3">
<h5><?php esc_html_e('Empresa', 'apus-theme'); ?></h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="<?php echo home_url('/nosotros'); ?>" class="nav-link p-0"><?php esc_html_e('Acerca de', 'apus-theme'); ?></a></li>
<li class="nav-item mb-2"><a href="<?php echo home_url('/equipo'); ?>" class="nav-link p-0"><?php esc_html_e('Equipo', 'apus-theme'); ?></a></li>
<li class="nav-item mb-2"><a href="<?php echo home_url('/trabajos'); ?>" class="nav-link p-0"><?php esc_html_e('Trabaja con Nosotros', 'apus-theme'); ?></a></li>
<li class="nav-item mb-2"><a href="<?php echo home_url('/prensa'); ?>" class="nav-link p-0"><?php esc_html_e('Prensa', 'apus-theme'); ?></a></li>
<li class="nav-item mb-2"><a href="<?php echo home_url('/partners'); ?>" class="nav-link p-0"><?php esc_html_e('Partners', 'apus-theme'); ?></a></li>
<li class="nav-item mb-2"><a href="<?php echo home_url('/nosotros'); ?>" class="nav-link p-0 text-white"><?php esc_html_e('Acerca de', 'apus-theme'); ?></a></li>
<li class="nav-item mb-2"><a href="<?php echo home_url('/equipo'); ?>" class="nav-link p-0 text-white"><?php esc_html_e('Equipo', 'apus-theme'); ?></a></li>
<li class="nav-item mb-2"><a href="<?php echo home_url('/trabajos'); ?>" class="nav-link p-0 text-white"><?php esc_html_e('Trabaja con Nosotros', 'apus-theme'); ?></a></li>
<li class="nav-item mb-2"><a href="<?php echo home_url('/prensa'); ?>" class="nav-link p-0 text-white"><?php esc_html_e('Prensa', 'apus-theme'); ?></a></li>
<li class="nav-item mb-2"><a href="<?php echo home_url('/partners'); ?>" class="nav-link p-0 text-white"><?php esc_html_e('Partners', 'apus-theme'); ?></a></li>
</ul>
</div>
<!-- Formulario de Newsletter -->
<!-- Newsletter Simple (solo email) -->
<div class="col-md-5 offset-md-1 mb-3">
<form id="footerContactForm">
<form>
<h5><?php esc_html_e('Suscríbete al Newsletter', 'apus-theme'); ?></h5>
<p><?php esc_html_e('Recibe las últimas actualizaciones de APUs y consejos de construcción.', 'apus-theme'); ?></p>
<div class="row g-2">
<div class="col-md-6">
<input id="footerFullName" type="text" class="form-control" placeholder="<?php esc_attr_e('Nombre completo *', 'apus-theme'); ?>" required>
</div>
<div class="col-md-6">
<input id="footerCompany" type="text" class="form-control" placeholder="<?php esc_attr_e('Empresa', 'apus-theme'); ?>">
</div>
<div class="col-md-6">
<input id="footerWhatsapp" type="tel" class="form-control" placeholder="<?php esc_attr_e('WhatsApp *', 'apus-theme'); ?>" required>
</div>
<div class="col-md-6">
<input id="footerEmail" type="email" class="form-control" placeholder="<?php esc_attr_e('Email *', 'apus-theme'); ?>" required>
</div>
<div class="col-12">
<textarea id="footerComments" class="form-control" rows="2" placeholder="<?php esc_attr_e('Comentarios', 'apus-theme'); ?>"></textarea>
</div>
<div class="col-12">
<button class="btn btn-primary w-100" type="submit"><?php esc_html_e('Suscribirse', 'apus-theme'); ?></button>
</div>
<!-- Contenedor de mensajes -->
<div id="footerFormMessage" style="display: none;"></div>
<p><?php esc_html_e('Recibe las últimas actualizaciones de APUs.', 'apus-theme'); ?></p>
<div class="d-flex flex-column flex-sm-row w-100 gap-2">
<label for="newsletter1" class="visually-hidden"><?php esc_html_e('Email', 'apus-theme'); ?></label>
<input id="newsletter1" type="email" class="form-control" placeholder="<?php esc_attr_e('Email', 'apus-theme'); ?>">
<button class="btn btn-primary" type="button"><?php esc_html_e('Suscribirse', 'apus-theme'); ?></button>
</div>
</form>
</div>