Saltar al contenido principal

Solución del Botón Configurar del Módulo que no Funciona en la Página del Producto

Si no puedes hacer clic en el botón Configurar de un módulo dentro de la sección Módulos de una página de producto de PrestaShop — y en su lugar la página se recarga — esto no es un problema del módulo, sino un error conocido de PrestaShop.

Generalmente sucede porque hay caracteres inválidos o formato inesperado en los campos de descripción corta o descripción del producto. Esto puede deberse a:

  • Copiar texto desde Word, Google Docs, PDFs o sitios web (que agrega caracteres ocultos)
  • La descripción no está encapsulada correctamente en etiquetas HTML

🆕 Método Recomendado – Encapsular la Descripción en HTML​

Recientemente, hemos descubierto que el error a menudo se puede resolver asegurándose de que la descripción esté encapsulada dentro de etiquetas HTML válidas, como <p>.

Paso a Paso​

  1. Ve al Back Office y edita el producto con el problema.
  2. Localiza el campo Descripción o Descripción Corta.
  3. Verifica si tu contenido está encapsulado en etiquetas HTML.
  4. Si no lo está, encapsúlalo manualmente o mediante el editor:

Ejemplo antes:

Esta es la descripción de mi producto.

Ejemplo después:

<p>Esta es la descripción de mi producto.</p>

  1. En el editor de PrestaShop, puedes:

    • Seleccionar el texto
    • Hacer clic en el botón Párrafo
    • O cambiar a vista de código y agregar las etiquetas manualmente

  2. Guarda el producto.

  3. Limpia la caché: Back Office → Parámetros Avanzados > Rendimiento → Limpiar Caché

  4. Recarga la página del producto y verifica si el botón Configurar funciona.

🛠 Procedimiento Antiguo – Eliminar y Limpiar el Texto (Siempre Funciona)​

Si la solución de encapsulación HTML no resuelve el problema, puedes usar el método antiguo, que garantiza funcionar.

Solución Temporal​

  1. Copia el texto completo del campo problemático (descripción corta o completa).
  2. Elimina el texto completamente.
  3. Guarda el producto.
  4. Recarga la página del producto.
  5. Vuelve a pegar el texto en el campo.
  6. Guarda el producto nuevamente.

Soluciones Recomendadas si aún no funciona​

A veces puede haber caracteres ocultos dentro del texto causados por un copiado y pegado o incluso editores de texto como Word pueden agregarlos. Si ese es tu caso, recomendamos:

  1. Copia el texto en un editor de texto plano (ej., Bloc de notas) para eliminar todo el formato oculto.
  2. Vuelve a pegarlo en PrestaShop.
  3. Guarda el producto.

Esto asegura que no haya caracteres ocultos o inválidos que puedan causar errores de JavaScript.

Por qué es Importante Solucionar el Error​

Cuando ocurre un error de JavaScript:

  • La página de Edición del Producto no cargará todas sus funcionalidades correctamente
  • Los módulos no pueden cargar su configuración
  • Los botones pueden no funcionar
  • La página puede recargarse inesperadamente al guardar

Al corregir el formato del texto y resolver los errores, tus páginas de productos funcionarán como se espera.

¿Por qué el botón Configurar de la página de producto recarga la página en lugar de abrirse?

Es un error conocido de PrestaShop causado por un error de JavaScript provocado por caracteres inválidos o texto mal formateado en los campos de descripción corta o descripción del producto. No es un problema del módulo en sí.

¿Cuál es la solución más rápida para que el botón Configurar funcione?

Envuelve el texto de la descripción del producto en una etiqueta HTML de párrafo válida. Abre el producto en el back office, cambia el editor a vista de código y asegúrate de que el texto está dentro de una etiqueta p. Luego guarda el producto y limpia la caché.

¿Por qué los caracteres ocultos de Word o Google Docs causan este problema?

Al copiar texto de Word, Google Docs, PDFs o sitios web, se incluyen caracteres de formato invisibles. Estos caracteres pueden corromper el analizador de JavaScript de PrestaShop en la página de edición del producto, haciendo que los botones dejen de funcionar.

¿Cómo elimino los caracteres ocultos de una descripción de producto?

Copia el texto del campo de descripción de PrestaShop y pégalo en un editor de texto plano como el Bloc de notas. Esto elimina todo el formato oculto. Luego pega el texto limpio de vuelta en PrestaShop, guarda el producto y limpia la caché.

¿Necesitas ayuda? Contáctanos y te guiaremos paso a paso.