Puede configurar su tema y, por lo tanto, la visualización de su front-office de varias maneras.
Diseño
En la página Tema y logotipo, debajo de sus temas, haga clic en el botón “Elegir el diseño”. Llegará a una página que enumera los “tipos de páginas” (ejemplos: página de producto, página de categoría, carrito, etc.). Para cada tipo de página, elija un diseño predeterminado.
¿Para qué sirve?
Este menú sirve para definir la estructura utilizada por defecto para cada tipo de página de su tienda, según lo que ofrezca su tema. Concretamente, aquí es donde decide si una página se muestra a ancho completo, con 1 columna lateral o 2 columnas laterales.
Cómo utilizarlo
Para cada página, puede elegir una disposición entre las siguientes:
- Ancho completo - sin columnas
- 3 columnas - 1 columna central y 2 columnas laterales
- 2 columnas, columna pequeña a la izquierda
-
2 columnas, columna pequeña a la derecha
A tener en cuenta
- Esto cambia la presencia y disposición de las columnas (izquierda/derecha) según las páginas, y por lo tanto el espacio disponible para el contenido y los bloques/módulos.
- Esto no “reconstruye” el tema: si su tema no ofrece ciertas estructuras, no aparecerán.
Configuración de páginas
En Apariencia >Tema & Logotipo, el submenú “Configuración de páginas” (a veces traducido como “Personalización de páginas”) sirve para organizar y modificar los módulos que se muestran en algunas páginas clave del front-office.
¿Para qué sirve?
Este menú permite personalizar:
- la página de inicio
- la página de categoría
- la página de producto
La idea no es “diseñar” la página, sino elegir qué módulos (bloques) se muestran en qué zonas.
Cómo utilizarlo
- Vaya a Apariencia > Tema & Logotipo > Configuración de páginas.
- Seleccione la página a modificar (Inicio, Categoría, Producto).
- En la pantalla, verá:
- a la izquierda, una ilustración simplificada de la página
- a la derecha, una vista “espejo” con la lista de módulos correspondientes a las zonas de la página.
- Haga clic en la zona de la página que desea modificar: PrestaShop le indica qué módulo(s) están vinculados a esa zona.
- Haga clic en “Configurar” para abrir el módulo correspondiente y luego realice sus ajustes (contenido, visualización, etc.).
A tener en cuenta
- Esta opción funciona con el tema predeterminado y los módulos nativos. Si tiene un tema personalizado, es posible que este menú sea limitado o menos relevante.
- Si el módulo Theme Customization está desactivado, es posible que estas páginas no sean accesibles (o no muestren nada), ya que dependen de él.
- También puede ver los diferentes módulos de su tema en el gestor de módulos, bajo la categoría “Módulos del tema”
Personalización avanzada
Si tiene los conocimientos técnicos necesarios, esta opción le permite ir más allá de los ajustes clásicos del tema (logotipo, colores, diseño). Responde a necesidades a medida, como modificar más profundamente la apariencia o el funcionamiento visual de ciertas páginas.
Atención: Esta opción puede requerir la intervención de un profesional (desarrollador o agencia), ya que los cambios son más técnicos y pueden afectar seriamente su tienda.
| ⚠️ Para personalizar los colores de ciertos temas, será necesario modificar directamente el CSS de su tienda. Para saber más, consulte el artículo Personalizar el CSS de su sitio. |
Antes de empezar, no olvide:
- Poner su tienda en mantenimiento
- Visualizar sus cambios sobre la marcha haciendo clic en “ver mi tienda”
- Probar sus modificaciones en preproducción
Para saber más sobre cómo añadir o cambiar de tema, consulte los artículos Añadir un tema y Cambiar de tema.