CSS Experto para Mejorar Diseño WooCommerce
Budget: $15 – $25 USD
Hola,
Busco a un desarrollador front-end experto en CSS para resolver un problema de diseño visual muy específico en mi tienda WooCommerce. El sitio utiliza el tema Kadence y, aunque toda la lógica de fondo ya está solucionada, la alineación de los productos en las páginas de la tienda, categorías y búsqueda no es correcta.
El Problema Actual:
los elementos dentro de la "tarjeta" de cada producto (título, SKU, precio y botón) no están centrados ni alineados correctamente. El objetivo es lograr un diseño limpio donde todo el contenido esté centrado y los botones de todas las tarjetas de una misma fila estén perfectamente alineados en la parte inferior.
Importante: El Trabajo Pesado ya está Hecho
Hemos completado un exhaustivo proceso de depuración y ya hemos solucionado los problemas más complejos:
No hay errores de JavaScript
La consola del sitio ahora está completamente limpia.
El functions.php es definitivo y funciona: Se ha desarrollado y validado un código PHP personalizado que reestructura correctamente el HTML de los productos, añadiendo el SKU y asegurando que el precio y el botón estén en el lugar correcto en el código. Esto funciona tanto para la tienda como para la búsqueda (usando un script avanzado para el contenido dinámico).
El problema es 100% de CSS: Hemos confirmado que el HTML se genera correctamente, pero las hojas de estilo del tema Kadence están anulando nuestras reglas de CSS, impidiendo la alineación deseada.
Tu Tarea:
Tu misión es la etapa final y puramente visual:
Inspeccionar el sitio de desarrollo en vivo para identificar las reglas de CSS conflictivas del tema.
Escribir el bloque de código CSS definitivo y "a prueba de balas" que anule los estilos del tema y logre la alineación perfecta que se muestra en el objetivo.
Asegurarse de que la solución funcione en la tienda, las páginas de categoría y los resultados de búsqueda.
Lo que te proporcionaré:
Acceso temporal como administrador al sitio de desarrollo de WordPress.
El archivo functions.php completo y funcional.
Todo el código CSS que hemos intentado hasta ahora.
Un resumen técnico detallado de todo el proceso de depuración.
Habilidades Requeridas:
Nivel experto en CSS, especialmente en Flexbox, especificidad y depuración de conflictos de estilos.
Amplia experiencia en WooCommerce y personalización de temas premium como Kadence.
Dominio de las herramientas de desarrollador del navegador para inspección en vivo.
Este es un trabajo rápido y muy específico para el freelancer adecuado. Busco a alguien que pueda identificar el conflicto de CSS y escribir la solución de manera eficiente.
Busco a un desarrollador front-end experto en CSS para resolver un problema de diseño visual muy específico en mi tienda WooCommerce. El sitio utiliza el tema Kadence y, aunque toda la lógica de fondo ya está solucionada, la alineación de los productos en las páginas de la tienda, categorías y búsqueda no es correcta.
El Problema Actual:
los elementos dentro de la "tarjeta" de cada producto (título, SKU, precio y botón) no están centrados ni alineados correctamente. El objetivo es lograr un diseño limpio donde todo el contenido esté centrado y los botones de todas las tarjetas de una misma fila estén perfectamente alineados en la parte inferior.
Importante: El Trabajo Pesado ya está Hecho
Hemos completado un exhaustivo proceso de depuración y ya hemos solucionado los problemas más complejos:
No hay errores de JavaScript
La consola del sitio ahora está completamente limpia.
El functions.php es definitivo y funciona: Se ha desarrollado y validado un código PHP personalizado que reestructura correctamente el HTML de los productos, añadiendo el SKU y asegurando que el precio y el botón estén en el lugar correcto en el código. Esto funciona tanto para la tienda como para la búsqueda (usando un script avanzado para el contenido dinámico).
El problema es 100% de CSS: Hemos confirmado que el HTML se genera correctamente, pero las hojas de estilo del tema Kadence están anulando nuestras reglas de CSS, impidiendo la alineación deseada.
Tu Tarea:
Tu misión es la etapa final y puramente visual:
Inspeccionar el sitio de desarrollo en vivo para identificar las reglas de CSS conflictivas del tema.
Escribir el bloque de código CSS definitivo y "a prueba de balas" que anule los estilos del tema y logre la alineación perfecta que se muestra en el objetivo.
Asegurarse de que la solución funcione en la tienda, las páginas de categoría y los resultados de búsqueda.
Lo que te proporcionaré:
Acceso temporal como administrador al sitio de desarrollo de WordPress.
El archivo functions.php completo y funcional.
Todo el código CSS que hemos intentado hasta ahora.
Un resumen técnico detallado de todo el proceso de depuración.
Habilidades Requeridas:
Nivel experto en CSS, especialmente en Flexbox, especificidad y depuración de conflictos de estilos.
Amplia experiencia en WooCommerce y personalización de temas premium como Kadence.
Dominio de las herramientas de desarrollador del navegador para inspección en vivo.
Este es un trabajo rápido y muy específico para el freelancer adecuado. Busco a alguien que pueda identificar el conflicto de CSS y escribir la solución de manera eficiente.