Qué módulo muestra un elemento en PrestaShop: tres formas de encontrarlo
Puedes comprobar qué módulo muestra un elemento en PrestaShop en tres pasos: busca el nombre de clase del elemento en el código de la página, compáralo con la lista de módulos de Diseño → Posiciones y, si el módulo no está ahí, mira en las plantillas del tema. Saber de dónde sale un elemento te ahorra conjeturas al cambiar textos, mover bloques o buscar conflictos.
Autor: El equipo de TellMyShop. Una guía para dueños de tiendas PrestaShop: la causa, el arreglo manual y el mismo trabajo en una conversación con el chat.
Última actualización: · 6 min de lectura
¿Por qué saber qué módulo muestra un elemento?
Porque cada elemento se cambia en un sitio distinto. El texto de un módulo lo corriges en los ajustes del módulo o en las traducciones. Un bloque de una plantilla del tema lo cambias en un archivo. Un elemento enganchado en el sitio equivocado lo mueves en las posiciones. Sin saberlo, el dueño de la tienda recorre todo el panel.
Situaciones típicas:
- quieres cambiar una etiqueta que no está en ningún ajuste,
- en la ficha de producto hay un bloque que nadie añadió a propósito,
- algo sale dos veces, por ejemplo dos recuadros de opiniones,
- la página de inicio cambió después de instalar un módulo.
Método 1: el nombre de clase en el código de la página
Abre la página en Chrome, haz clic derecho sobre el elemento y elige Inspeccionar. El navegador muestra el código de ese fragmento, como se describe en la guía de Chrome DevTools sobre CSS. Los nombres de clase y los ID suelen delatar al módulo.
| Lo que ves en el código | Lo que suele significar |
|---|---|
una clase con el nombre de un módulo, p. ej. blockreassurance | un bloque de garantías de un módulo con un nombre parecido |
un ID que empieza por ps_ | un módulo incluido con PrestaShop |
| un prefijo de terceros, p. ej. tres letras y un guion bajo | un módulo de otra empresa, a menudo comprado en Addons |
| un comentario en el código con el nombre de un archivo de plantilla | un elemento de una plantilla, la ruta apunta al tema o a un módulo |
clases propias del tema, p. ej. product-container | un elemento del tema, no de un módulo |
Mira un poco más arriba en el código que el elemento en el que hiciste clic. A menudo solo el bloque que lo envuelve tiene el nombre del módulo, mientras que los elementos de dentro tienen clases genéricas como «title» o «icon». Si ves varios bloques anidados, apunta todos sus nombres.
Una clase es una pista, no una prueba. Un tema puede dar a los elementos nombres parecidos a los de los módulos, y un módulo puede usar clases del tema. Por eso confirma la pista en el panel.
Método 2: Diseño → Posiciones
PrestaShop muestra los módulos en sitios de la página llamados hooks. La lista de sitios y de módulos enganchados está en Diseño → Posiciones, descrita en la guía de posiciones de módulos.
- Ve a Diseño → Posiciones.
- En el filtro, escribe el nombre del módulo que viste en el código, o elige un sitio, por ejemplo el bloque bajo el botón de añadir al carrito.
- Mira en qué sitios está enganchado el módulo y en qué orden.
- Compáralo con lo que ves en la página. El orden de la lista es el orden de los bloques en la tienda.
Los nombres de los sitios te dicen dónde está el bloque. Por ejemplo, el hook displayNav1 es la barra superior de la cabecera en el tema Classic. Cuando el elemento está en la cabecera, buscas módulos en los sitios de la cabecera, no en el pie.
Método 3: la plantilla del tema
Si el elemento no está en ninguna posición, viene de una plantilla del tema o de un maquetador que venía con un tema comprado. También pasa que el tema sustituye la plantilla de un módulo: el módulo es el mismo, pero toma el aspecto y el texto de un archivo del tema.
Eso importa al hacer cambios. Si cambias los ajustes de un módulo mientras el tema tiene su propia copia de la plantilla del módulo, en la página no cambia nada. Cómo cambiar un texto que está en una plantilla lo describimos en el artículo sobre cambiar textos en PrestaShop.
Qué hacer cuando ya sabes qué módulo es
Depende de lo que quieras del elemento. Cada decisión tiene un sitio distinto en el panel y un riesgo distinto.
- Quieres cambiar el texto o el aspecto. Revisa la configuración del módulo en Módulos → Gestor de módulos. Si el texto no está ahí, está en las traducciones o en una plantilla.
- Quieres mover el elemento. Cambia el orden en Diseño → Posiciones, o engancha el módulo en otro sitio de la página si el módulo lo permite.
- Quieres que el elemento desaparezca de una página. Desengancha el módulo de ese sitio. El módulo sigue funcionando en los demás.
- El elemento sale dos veces. Comprueba si dos módulos hacen lo mismo, o si un módulo está enganchado en dos sitios vecinos.
- El elemento rompe la página. Desactiva el módulo, no lo desinstales. Desinstalarlo suele borrar los datos del módulo.
Antes de cualquiera de estos cambios, apunta cómo estaban las cosas. Para las posiciones basta con una captura de la lista de Diseño → Posiciones.
Cómo encontrar el módulo con el chat
Describes el elemento con palabras normales o pegas una captura. Tu chat (Claude o ChatGPT) lee la lista de módulos con los sitios donde se muestran y relaciona el elemento con un módulo. En TellMyShop Free funciona sin ningún interruptor, porque solo lee.
Tú: En la ficha de producto, debajo del botón de añadir al carrito, hay dos recuadros de opiniones. ¿De dónde salen?
Tu chat: En el sitio de debajo del botón de añadir al carrito hay dos módulos de opiniones enganchados: un módulo de opiniones antiguo, desactivado en sus ajustes pero que se sigue mostrando en ese sitio, y un módulo nuevo instalado en septiembre. El primer recuadro es del módulo antiguo, el segundo del nuevo.
Tú: Quita de la ficha de producto el recuadro antiguo.
Tu chat: Propongo desenganchar el módulo antiguo de ese sitio, sin desinstalarlo. Orden en el sitio de debajo del botón:
Para guardar hace falta el interruptor Tema. Actívalo en el panel del módulo, y lo guardaré después de tu «sí».
Estado de la tarjeta: esperando tu «sí»versión anterior: 1. módulo de opiniones antiguo
versión anterior: 2. módulo de opiniones nuevo
versión nueva: 1. módulo de opiniones nuevo
Los nombres y las fechas del ejemplo son de muestra. Hay una petición de ejemplo en el caso de uso encontrar el módulo que muestra un elemento en la página.
Qué hacer después con el módulo depende del problema. Moverlo o desengancharlo de un sitio lo hace TellMyShop Pro con el interruptor Tema, y desactivar un módulo, con el interruptor Módulos. Los dos interruptores funcionan durante 24 horas y necesitan una copia de seguridad de la base de datos hecha el mismo día. Cada cambio tiene una vista previa y queda en el historial de cambios. Cuando un módulo rompe la tienda, lee el artículo sobre desactivar un módulo en vez de desinstalarlo. Cómo mover bloques en la página de inicio lo explicamos en el artículo sobre el diseño de la página de inicio, y cómo quitar módulos que no se usan, en el artículo sobre los módulos innecesarios.
Empieza con TellMyShop Free para ver qué se muestra en tu tienda. La comparación de las versiones está en la página de precios.
Preguntas y respuestas
¿Cómo compruebo qué módulo muestra un elemento en la página de mi tienda?
Haz clic derecho sobre el elemento en el navegador y elige Inspeccionar. En el código, busca un nombre de clase o un ID que se parezca al nombre de un módulo. Después confírmalo en Diseño → Posiciones, donde ves los módulos de cada sitio de la página.
¿Y si el elemento no está en Diseño → Posiciones?
Entonces normalmente viene de una plantilla del tema, no de un módulo. A veces también lo inserta un módulo con su propio script o a través del maquetador del tema. En ese caso buscas en los archivos del tema o en los ajustes del maquetador.
¿Puedo desenganchar el módulo de ese sitio para que desaparezca el elemento?
Puedes, si el elemento no hace falta ahí. El módulo sigue funcionando, solo deja de mostrarse en ese sitio, y puedes volver a engancharlo cuando quieras. No desenganches módulos de pago, de entrega ni del carrito sin comprobar qué hacen.
¿TellMyShop Free me dice qué módulo muestra un elemento?
Sí. TellMyShop Free lee la lista de módulos con sus versiones y los sitios donde se muestran. El chat relaciona el elemento con un módulo y te dice qué puedes hacer con él. Mover, desenganchar o desactivar un módulo lo hace TellMyShop Pro.
PrestaShop es una marca registrada de PrestaShop SA. Claude es una marca de Anthropic PBC. ChatGPT y OpenAI son marcas de OpenAI. TellMyShop no está afiliado a estas empresas.