Cómo cambiar la imagen principal del producto en PrestaShop y ordenar las imágenes
Para cambiar la imagen principal de un producto en PrestaShop, abre el producto en Catálogo → Productos y haz clic en la imagen que quieres como principal. En el panel de la imagen marca la opción de portada y guarda. Las demás las ordenas arrastrando las miniaturas. La imagen principal sale en el listado, en el carrito y la primera en la galería.
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
Dónde aparece la imagen principal en la tienda
La portada es más que la primera imagen de la galería. La especificación de PrestaShop sobre las imágenes de producto en la tienda explica que es la portada la que va a los listados de productos. Cuando un producto tiene una sola imagen, esa pasa a ser la portada automáticamente.
| Lugar | Qué imagen | Qué significa |
|---|---|---|
| Listado de productos de una categoría | la portada | esta imagen decide si el cliente hace clic |
| Búsqueda y sugerencias de la tienda | la portada | el producto debe verse bien en ella |
| Página de producto | primero la portada, luego las demás en orden | el orden de la galería lo fijas arrastrando |
| Combinación del producto (p. ej. color) | las imágenes asignadas a la combinación | al elegir un color, el cliente ve sus imágenes |
| Carrito y confirmación del pedido | la portada o la imagen de la combinación | el cliente comprueba que ha elegido el producto correcto |
| Google Shopping | normalmente la portada, enviada en los datos del producto | la imagen debe cumplir los requisitos de Google |
Cómo cambiar la imagen principal paso a paso
Estos pasos son para la página de producto nueva de PrestaShop 8.1 y 9. En el diseño antiguo los campos se parecen, aunque están en otros sitios.
- Abre Catálogo → Productos y haz clic en el nombre del producto.
- En la primera pestaña, busca la sección de imágenes.
- Haz clic en la miniatura de la imagen que debe ser la principal. Se abre un panel con sus ajustes.
- Marca la opción de portada. La portada anterior deja de serlo.
- En el mismo panel, escribe la leyenda de la imagen, que es el texto alternativo para Google y los lectores de pantalla.
- Guarda el producto.
- Abre la categoría en la tienda en una ventana privada y comprueba que el listado muestra la imagen nueva.
Si ves la imagen antigua, vacía la caché en Parámetros avanzados → Rendimiento. Lo explicamos mejor en el artículo por qué no se ven los cambios en PrestaShop.
Orden de las imágenes y añadir imágenes nuevas
El orden lo cambias arrastrando las miniaturas en la sección de imágenes. El primer lugar es siempre de la portada. Las imágenes nuevas las añades con el botón de añadir o arrastrando archivos desde tu ordenador a la zona de imágenes. Una imagen nueva va al final de la galería.
Unas cuantas reglas que funcionan bien:
- Portada sobre fondo claro y liso. En un listado de productos las imágenes van una junto a otra, y los fondos distintos quedan desordenados.
- Segunda posición: el producto en uso. Después de la portada, el cliente quiere ver el tamaño y el uso.
- Imágenes de combinación asignadas a sus combinaciones. Al editar una combinación eliges qué imágenes le corresponden. Sin eso, un cliente que elige un color sigue viendo otro.
- Sin logotipos ni texto en la portada. Google, en la ayuda de Merchant Center sobre el atributo image_link, desaconseja las marcas de agua y las imágenes que solo muestran un logotipo como imagen principal.
La guía de Google sobre imágenes en la búsqueda también recomienda un texto alternativo descriptivo para cada imagen. Cómo rellenar las leyendas en muchos productos lo contamos en el artículo sobre el texto alt de las imágenes en PrestaShop.
Los problemas más habituales con las imágenes de producto
La portada cambió sola después de una importación. Una importación CSV puede añadir imágenes y fijar la portada según el orden del archivo. Si el proveedor pone primero la foto del embalaje, esa pasa a ser la imagen principal. Antes de la próxima importación, revisa el orden de las direcciones de imagen en el archivo. La importación la explicamos en el artículo sobre importar productos desde CSV.
El listado de productos muestra una imagen distinta de la portada. Normalmente es la imagen de la combinación por defecto. Cuando el color por defecto tiene sus propias imágenes asignadas, el listado puede mostrar esas. Cambia la combinación por defecto o las imágenes que tiene asignadas.
Las imágenes salen borrosas o recortadas. PrestaShop crea varios tamaños de cada imagen según los ajustes del tema. Cuando subes imágenes demasiado pequeñas o con proporciones distintas del resto, se ven peor en el listado de productos. Sube imágenes con las mismas proporciones, mejor cuadradas.
Google Shopping sigue mostrando la imagen antigua. Google lee las imágenes de los datos del producto con retraso. Un cambio de portada en la tienda no pasa a Merchant Center al momento.
Imágenes de muchos productos a la vez
Para un producto, basta con el panel. El problema empieza cuando un proveedor manda imágenes nuevas para toda una gama, o cuando una importación deja la foto de una etiqueta como portada. Con el módulo TellMyShop describes lo que quieres cambiar, y tu chat (Claude o ChatGPT) prepara los cambios para todos los productos y te los muestra en una vista previa.
Tú: En la gama de tazas Nordic, la portada es una foto de la caja. Pon como imagen principal la foto de la taza sola y manda la caja al final.
Tu chat: La gama tiene 8 productos. En 6, la portada es una imagen con «caja» en el nombre del archivo, y la foto de la taza va segunda. Vista previa del primer producto:
Tú: Bien. ¿Y los otros dos?
Tu chat: Ahí la portada ya es la taza, así que los dejo sin cambios. Te enseñaré una vista previa para los 6 productos. Lo guardaré después de tu «sí».
Estado de la tarjeta: esperando tu «sí»versión anterior: portada: taza-nordic-gris-caja.jpg
versión nueva: portada: taza-nordic-gris.jpg
versión anterior: orden: caja, taza, en uso
versión nueva: orden: taza, en uso, caja
Los nombres y números del ejemplo son ilustrativos. El chat revisa las imágenes con los datos que ve en la tienda, como los nombres de archivo y las leyendas. Cuando no sabe qué imagen muestra el producto en sí, pregunta.
En la versión gratuita TellMyShop Free el chat encuentra productos sin imágenes y te muestra las imágenes y sus leyendas de un producto concreto, pero no cambia nada. En TellMyShop Pro añade imágenes desde direcciones, fija la portada y el orden, quita las imágenes que sobran y rellena las leyendas. Es el área Catálogo, que funciona nada más activar la licencia. Hay peticiones de ejemplo en los casos de uso imágenes de producto: añadir, ordenar, cambiar la principal, productos sin imágenes, EAN o marca y descripciones de cientos de imágenes para Google.
Cada cambio tiene vista previa y queda en el historial de cambios. Puedes deshacer la mayoría de los cambios con una instrucción, pero no borres una imagen sin guardar tú una copia del archivo. Los planes están en la página de precios, y tienes más guías sobre la página de producto en el blog.
Preguntas y respuestas
¿Qué es la portada de un producto en PrestaShop?
La portada es la imagen principal del producto. PrestaShop la muestra en el listado de productos de una categoría, en la búsqueda, en el carrito y en primer lugar en la página de producto. Un producto siempre tiene una portada.
He cambiado la portada, pero la tienda sigue mostrando la imagen antigua. ¿Por qué?
Casi siempre es la caché de la tienda o del navegador. Vacía la caché en Parámetros avanzados → Rendimiento y recarga la página en una ventana privada. En productos con combinaciones, comprueba también que la combinación por defecto no tenga asignada otra imagen.
¿El orden de las imágenes importa para Google?
La imagen principal suele ir en los datos del producto y en el archivo para Google Merchant Center, así que es la que representa al producto en Google Shopping. El orden de las demás imágenes importa sobre todo al cliente que mira la galería.
¿Tengo que regenerar las miniaturas después de cambiar la portada?
Normalmente no. PrestaShop crea las miniaturas cuando subes una imagen. Solo hace falta regenerarlas si cambias los tamaños de imagen en la configuración o cambias de tema.
¿Puede el chat añadir imágenes desde los enlaces de un proveedor?
Sí, en TellMyShop Pro. El chat añade imágenes desde direcciones, fija la portada y el orden, y muestra una vista previa antes de guardar. Es el área Catálogo, que funciona nada más activar la licencia.
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.