TOC

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

1. Localiza el repertorio ../temas y crea una copia por defecto del repertorio ../temas/prestashop/.
2. Vuelve a nombrar la copia.

2. Modificar las hojas de estilo

1. En la nueva carpeta (por ejemplo, ../themes/MyStoreTheme/), encontrar el repertorio /css.
2. Abre el fichero global.css y modifícalo en función de tus necesidades.
   Nota: el fichero mantenimiento.css posicionado en el mismo repertorio controla el formato en modo mantenimiento.
3. 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:
  1. En Back Office ve a >> Módulos >> Posiciones
  2. Haz clic en Pegar un módulo.
  3. En la primera lista desplegable, selecciona el módulo que quieres desplazar.
  4. En la segunda lista desplegable, selecciona el lugar donde quieres pegar el módulo.
  5. Escribe el nombre de los ficheros para los que el módulo no aparecerá (facultativo).
  6. 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

1. En Back Office ve a>> Preferencias >> Apariencia >> En el apartado Temas
2. 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.