Cualiquier persona que tenga conocimientos de CSS(Cascading Style Sheets) y de manipulación de imágenes puede crear un nuevo tema para PrestaShop.
Trucos: Aconsejamos el uso del plugin de Firefox Firebug para comparaciones simples y débogage entre tus CSS y el output.
Sigue los siguientes pasos para crear un nuevo tema para PrestaShop.
1. Copia el tema por defecto
- Localiza el repertorio
../temas
y crea una copia por defecto del repertorio../temas/prestashop/
. - Vuelve a nombrar la copia.
2. Modificar las hojas de estilo
- En la nueva carpeta (por ejemplo,
../themes/MyStoreTheme/
), encontrar el repertorio/css
. - Abre el fichero
global.css
y modifícalo en función de tus necesidades.
Nota: el ficheromantenimiento.css
posicionado en el mismo repertorio controla el formato en modo mantenimiento. - Las nuevas imágenes o las imágenes modificadas deben colocarse en un nuevo repertorio
/img
(por ejemplo,../themes/MyStoreTheme/img
).
Trucos del equipo de desarrollo de PrestaShop
- En la medida de lo posible, privilegia CSS en lugar de HTML (por ejemplo, para las pestañas)
- Valida tu código XHTML code en w3c.org
- Reduce el tamaño de las imágenes y de las fotos comprimiéndolas
- Prueba tu tema en diferentes navegadores
- Conserva los nombres de ficheros de los bas-de-casse
- El texto y el logo de la página de inicio se modifican directamente desde el Back Office. Ve a Back Office >> Módulos >> Editor de página de inicio y haz clic en Configurar.
- Modifica el posicionamiento de los módulos en una o varias páginas pegándolos a través del Back Office:
- En Back Office ve a >> Módulos >> Posiciones
- Haz clic en Pegar un módulo.
- En la primera lista desplegable, selecciona el módulo que quieres desplazar.
- En la segunda lista desplegable, selecciona el lugar donde quieres pegar el módulo.
- Escribe el nombre de los ficheros para los que el módulo no aparecerá (facultativo).
- Haz clic en Guardar.
3. Crear una copia de la pantalla en "avant-première"
Una vez que tu tema esté listo, debes crear un fichero, que represente el tema, llamado preview.jpg
en la carpeta raiz del tema(por ejemplo, ../thèmes/MyStoreTheme
). Este fichero debe ser de 100 x 100 pixels et en .jpg.
4. Prueba tu tema
- En Back Office ve a>> Preferencias >> Apariencia >> En el apartado Temas
- Selecciona el nuevo tema y haz clic en Guardar.
¡Comparte tus temas!
Comparte tu trabajo con la comunidad, recopila las reacciones y date a conocer compartiendo tus temas en el apartado Temas de tu Foro.