Cómo cambiar el theme de PrestaShop sin perder personalización

¿Por qué da miedo cambiar el theme de PrestaShop?

Cambiar el tema prestashop de tu tienda online es una de esas tareas que, en teoría, parecen sencillas, pero que en la práctica pueden convertirse en una pesadilla si no se hace con cuidado. El miedo más común es perder toda la personalización que has ido construyendo con el tiempo: los textos de la home, los colores de la marca, los módulos de la portada, las traducciones personalizadas o la configuración de los hooks.

Y es un miedo totalmente razonable. Cuando llevas meses (o años) ajustando cada detalle de tu tienda, la idea de pulsar el botón de "cambiar theme" y ver que todo desaparece es aterradora. Pero aquí va la buena noticia: es posible cambiar el theme de PrestaShop sin perder ni un solo dato importante, siempre que sigas un método ordenado y hagas copias de seguridad adecuadas.

En este artículo te voy a explicar paso a paso cómo hacerlo, qué debes revisar antes de lanzarte, cómo instalar la nueva plantilla y cómo transferir tu personalización sin volverte loco. El objetivo es que puedas renovar la imagen de tu tienda con total tranquilidad y sin sustos.

Antes de empezar: entiende qué es "personalización" en PrestaShop

Para no perder nada, primero tienes que saber qué es lo que realmente se puede perder. En PrestaShop, la personalización se divide en dos grandes bloques:

1. La personalización global: la configuración de tu tienda (colores, logos, textos, módulos, posiciones de los bloques, ajustes de envío, etc.). Esta información vive en la base de datos y en los archivos de configuración. Al cambiar de theme, esta parte se conserva casi siempre, porque no depende del theme en sí.
2. La personalización del theme: los archivos de plantilla (tpl, css, js, imágenes) que modificaste directamente en tu tema actual. Estos archivos son los que realmente se reemplazan al instalar una plantilla nueva, y aquí es donde sueles perder el trabajo si no lo has guardado aparte.

Por eso, la clave para personalizar prestashop sin perder nada es separar lo que es "configuración" de lo que es "código". La configuración se queda, el código hay que respaldarlo y traspasarlo manualmente.

Paso 1: Haz una copia de seguridad completa (sí, sí, completa)

No te saltes este paso. Es la única red de seguridad que te va a salvar si algo sale mal. Una copia de seguridad completa incluye dos partes:

Copia de seguridad de la base de datos

Tu base de datos contiene todos los productos, pedidos, clientes, configuraciones y módulos. Si la pierdes, no hay vuelta atrás. Para hacerla:

• Entra en el panel de control de tu hosting (si usas Syspanel, accede por el puerto 2106, por ejemplo: http://tu-dominio.com:2106).
• Busca la herramienta de gestión de bases de datos (normalmente phpMyAdmin).
• Selecciona tu base de datos y pulsa en "Exportar" o "Export". Elige el formato SQL y descarga el archivo.

[INFO] Si tu hosting no tiene phpMyAdmin, puedes usar un módulo de PrestaShop como "Backup" o hacerlo desde el panel de administración de tu hosting. Lo importante es que tengas ese archivo .sql guardado en tu ordenador.

Copia de seguridad de los archivos del theme

Antes de tocar nada, ve a la carpeta themes de tu instalación de PrestaShop (normalmente está en la raíz, junto a admin, modules, etc.). Copia la carpeta de tu theme actual (por ejemplo, themes/classic) y guárdala en tu ordenador o en un servicio de almacenamiento en la nube.

También te recomiendo que hagas una copia de la carpeta override, si la has usado para personalizar clases o controladores. Y no olvides la carpeta modules si has modificado algún módulo directamente.

Paso 2: Documenta tu personalización actual

Antes de desinstalar nada, haz un inventario de lo que has personalizado. Esto te servirá como guía para después. Anota en un documento (Google Docs, Notion, un simple .txt) lo siguiente:

• Colores: los códigos hex de tu paleta de colores.
• Tipografías: qué fuentes usas y en qué tamaños.
• Logos e imágenes: qué imágenes tienes en la cabecera, el pie, los banners, etc.
• Módulos en la home: qué módulos tienes activos y en qué posición (por ejemplo, "banner principal en la columna central", "slider de productos en la parte superior").
• Textos personalizados: los textos de bienvenida, las descripciones de categorías, el bloque de pago, etc.
• Ajustes de diseño: márgenes, paddings, anchos de columna, efectos hover, animaciones, etc.

Con esta lista, cuando instales el nuevo theme, sabrás exactamente qué tienes que reconfigurar.

Paso 3: Elige y descarga tu nuevo theme

Ahora viene la parte divertida: elegir el nuevo diseño. Puedes comprar un theme en el marketplace oficial de PrestaShop (Addons) o descargar una plantilla gratuita de un desarrollador de confianza.

[WARNING] Evita descargar themes de sitios piratas o de dudosa procedencia. Además de que pueden contener malware, suelen estar desactualizados y no son compatibles con las últimas versiones de PrestaShop.

Cuando lo tengas descargado, descomprímelo y verás una carpeta con el nombre del theme. Esa carpeta es la que tendrás que subir a tu hosting.

Paso 4: Sube el nuevo theme a PrestaShop

Tienes dos formas de hacerlo:

Opción A: Desde el panel de administración de PrestaShop

1. Ve a Diseño > Tema y logo.
2. Pulsa en el botón "Añadir nuevo tema" o "Subir tema".
3. Selecciona el archivo .zip del theme que has descargado.
4. PrestaShop lo instalará automáticamente y te lo mostrará en la lista de temas disponibles.

[TIP] Si el theme viene en un .zip con más archivos (por ejemplo, documentación o módulos adicionales), asegúrate de que el archivo del theme esté dentro. A veces hay que subir un .zip específico.

Opción B: Subiendo los archivos por FTP

Si la opción A falla (a veces pasa con themes complejos), puedes subir la carpeta del theme directamente por FTP:

1. Conecta a tu hosting mediante un cliente FTP (FileZilla, por ejemplo).
2. Navega hasta la carpeta themes de tu PrestaShop.
3. Sube la carpeta del nuevo theme (la que has descomprimido) dentro de themes.

Después, desde el panel de administración, ve a Diseño > Tema y logo y verás el nuevo theme en la lista.

Paso 5: Instala la plantilla PrestaShop correctamente

No basta con subirla. Ahora tienes que "activarla" y configurarla. En el panel de administración, en Diseño > Tema y logo, verás una lista de temas. Busca el nuevo y haz clic en el botón de "Activar" o "Usar este tema".

En ese momento, PrestaShop te preguntará si quieres "Reiniciar los módulos" o "Conservar los módulos actuales". Esta es una decisión importante:

• Conservar los módulos actuales: es la opción más segura si quieres mantener la configuración de tus módulos. PrestaShop intentará mantener las posiciones y la configuración de los módulos que ya tenías.
• Reiniciar los módulos: resetea las posiciones y la configuración de los módulos del theme. Es útil si el nuevo theme trae su propia estructura de módulos, pero perderás la personalización de los módulos antiguos.

[INFO] Mi recomendación es que elijas "Conservar los módulos" la primera vez. Así verás cómo queda el theme con tu configuración actual y luego ya harás ajustes.

Después de activar el theme, PrestaShop te mostrará un aviso de que la configuración se ha guardado. Ya tienes el nuevo theme activo, pero aún no has terminado.

Paso 6: Transfiere tu personalización (la parte crítica)

Aquí es donde entra en juego el documento que hiciste en el paso 2. Ahora tienes que ir reaplicando cada personalización en el nuevo theme. Te doy una guía de lo más común:

Colores y tipografías

Ve a Diseño > Tema y logo > Ajustar diseño (o Ajustes de página, según la versión). Ahí podrás cambiar los colores principales, el color de fondo, el color de los enlaces, etc. También puedes cambiar la tipografía si el theme lo permite.

Si el theme no tiene opciones de color en el panel, tendrás que editarlo desde el archivo custom.css del theme (normalmente en themes/tu-nuevo-theme/assets/css/custom.css). Ahí puedes añadir reglas CSS para sobreescribir los colores por defecto.

Logos e imágenes

Ve a Diseño > Tema y logo y sube tu logo, el icono de favoritos (favicon) y el logo del pie de página. También tendrás que reconfigurar los banners de la home si el nuevo theme usa módulos de banners.

Textos y módulos de la home

El nuevo theme probablemente tenga sus propios módulos y sus propias posiciones. Tendrás que ir a Módulos > Posiciones y ver qué módulos se muestran en cada hook. Puedes arrastrar los módulos para reordenarlos o hacer clic en el icono de "transplantar" para cambiar su posición.

Para los textos, tendrás que editar cada módulo (por ejemplo, el módulo de "texto personalizado" o "banner") y volver a escribir el contenido. Es un trabajo manual, pero es la única forma de que el texto se adapte al nuevo diseño.

Ajustes de diseño (CSS)

Si habías modificado el CSS del theme antiguo, tendrás que copiar esas modificaciones al nuevo theme. Es muy probable que las clases y los selectores sean diferentes, así que no servirá un copy-paste directo. Tendrás que adaptar las reglas CSS a la estructura del nuevo theme.

[TIP] Usa el inspector de elementos de tu navegador (clic derecho > Inspeccionar) para ver qué clases y estilos usa el nuevo theme. Así podrás escribir el CSS correctamente.

Paso 7: Revisa las páginas clave de tu tienda

Una vez que hayas transferido la personalización, toca revisar que todo funciona bien. No te limites a mirar la portada. Revisa al menos:

• La página de inicio: que el slider, los banners y los productos destacados se vean bien.
• La página de producto: que las imágenes, el botón de añadir al carrito y las pestañas se vean correctamente.
• El carrito y el checkout: que el proceso de compra funcione y se vea limpio.
• Las páginas de categoría: que los filtros y la cuadrícula de productos se vean bien.
• El blog o las páginas de contenido: si tienes un blog, revisa que los artículos se lean bien.

[WARNING] Si tienes módulos de terceros (pagos, envíos, etc.), prueba que funcionan correctamente con el nuevo theme. A veces, un theme nuevo puede romper la integración visual de un módulo.

Paso 8: Usa el modo de mantenimiento para probar sin presión

Antes de que tus clientes vean el cambio, activa el modo de mantenimiento de PrestaShop. Lo encontrarás en Parámetros avanzados > Mantenimiento. Marca la casilla "Sí" y estará activo. Así podrás trabajar con calma y hacer pruebas sin que nadie más vea la tienda a medio hacer.

Cuando estés seguro de que todo está perfecto, desactívalo y tu tienda estará lista para el lanzamiento.

Preguntas frecuentes (FAQ) sobre el cambio de theme

¿Puedo volver a mi theme anterior si no me gusta el nuevo?

Sí, siempre que hayas hecho la copia de seguridad del theme antiguo. Puedes volver a subir la carpeta del theme antiguo a themes y activarlo desde Diseño > Tema y logo. Ten en cuenta que la personalización que hayas hecho en el nuevo theme no se transferirá automáticamente al antiguo.

¿Qué pasa con los módulos que no son compatibles con el nuevo theme?

Algunos módulos pueden no ser compatibles con el nuevo theme y no se mostrarán correctamente. En ese caso, tendrás que contactar con el desarrollador del módulo o buscar una alternativa. A veces, el módulo funciona pero necesita que lo reubiques en otra posición.

¿Pierdo los datos de mis productos y clientes al cambiar el theme?

No, los productos, clientes, pedidos y todo el contenido de la base de datos se conservan intactos. El theme solo afecta a la capa visual, no a los datos.

¿Puedo cambiar el theme sin tocar el código?

Sí, si usas un theme que tenga un panel de opciones (Theme Options) y no necesitas hacer cambios más allá de los que ofrece ese panel. Pero si quieres personalizaciones avanzadas (cambiar el CSS, modificar los hooks, etc.), tendrás que editar código.

¿Es necesario contratar a un profesional para hacer este cambio?

Depende de tu nivel de comodidad con la administración de PrestaShop. Si has llegado hasta aquí, es que tienes cierta soltura. Pero si la personalización de tu tienda es muy compleja (por ejemplo, tienes un theme muy modificado), puede ser más seguro contratar a un desarrollador especializado en PrestaShop.

¿Cuánto tiempo se tarda en cambiar el theme?

Si el theme es simple y no tienes mucha personalización, en una tarde lo tienes. Si tienes una tienda con muchos módulos y una personalización profunda, puede llevarte varios días. La paciencia es clave.

Conclusión: cambiar de theme no tiene por qué ser un trauma

Como has visto, cambiar theme prestashop de forma segura es un proceso metódico que requiere planificación, copias de seguridad y un poco de paciencia. No es un clic mágico, pero tampoco es una misión imposible. Si sigues estos pasos, podrás renovar la imagen de tu tienda sin perder la esencia de tu marca ni el trabajo de personalización que tanto te costó conseguir.

Y recuerda: la clave está en separar la configuración del código, documentar todo antes de empezar y hacer siempre una copia de seguridad completa. Con eso, hasta el cambio más radical de diseño se convierte en una operación rutinaria.

Ahora ya sabes cómo hacerlo. Manos a la obra y ¡buena suerte con tu nuevo theme!