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.

Image Removed

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.

Image Removed

¡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.

Guía de Diseñador

La instalación por defecto de PrestaShop ofrece un tema neutro, en tonalidad gris, permitiendo a los vendedores a comenzar su actividad rápida y libremente, sin importar su línea de negocio.

Más de 700 temas se encuentran disponibles a través de Addons PrestaShop. Estos temas fueron creados por el equipo Presta o la comunidad de PrestaShop y se ofrecen a precios razonables, algunos incluso son gratuitos.

Como diseñador gráfico/desarrollador web, usted también puede poner sus temas a la venta en el sitio PrestaShop Addons y recibir el 70% del precio de la venta.

Cualquiera que tenga un poco de conocimiento de CSS y manipulación de imágenes puede crear un tema personalizado para PrestaShop. Siempre y cuando sepa manejar PHP, usted pueda construir un tema nuevo para su tienda. Gracias a un sistema de temas de probada eficacia, cualquier tienda puede lucir rápidamente un tema confeccionado a sus necesidades.

Entrenamientos

PrestaShop también ofrece un completo programa de formación integral adaptado para los diseñadores. Póngase en contacto con nosotros a través de esta página: http://www.prestashop.com/es/entrenamientos