Page History

...

Crear una nueva plantilla

The best way to create a new theme for PrestaShop is to copy the files from the default theme, and start modifying its TPL and CSS files to make them your own. The reason is that a PrestaShop theme requires many files to be present: by starting from an existing theme instead of from scratch, you make sure that your own theme will not be missing any part.

You can do this directly on the web server, but PrestaShop makes it easy to copy the files from an installed theme and register your new theme in its system (a step you would have to do in any case).

All of this is done by clicking on the "Create new theme" button from the "Add new theme" button at the top of screen. It displays a creation form.

Image Removed

Fill-in its fields:

• Name of the theme. Make sure the name is not already used by another theme (check on the Addons website).
• Preview image for the theme. You should always add a preview image, as it is a clear reminder of what the theme looks like. If you do not have one yet, leave that for later, when the time will come to release the theme.
• Default left column and Default right column. Indicate if your theme has a column (or even two columns), and if so, on which side of the screen. This is purely informational, and can be changed at any time.
• Name of the theme's directory. Try to keep it close to your theme's name. If you have not already created a theme folder, PrestaShop will create one for you.
• Copy missing files from existing theme. This is the cleanest method to start a new theme from another theme's files. Choose "default-bootstrap", or any other theme that you would like to base your foundation on.
• Responsive. Indicate if your theme has a responsive design or not (if you do not know what a responsive design is, then you probably should choose "No"). This is purely informational, and can be changed at any time.

Click save, and PrestaShop will register this information for you: the theme is ready to be enabled, and its preview image appears in the theme selector.

It is now up to you to change your theme's files in order to make it unique! On your local installation (not a production one!), select your new theme, and start working!
Once you are done with your designing and code it, go back to this setting page and change it accordingly: definitive preview image, default column, number of products, and responsiveness.

...

La mejor manera de crear un nuevo tema para PrestaShop es copiar los archivos desde el tema por defecto, y empezar a modificar sus archivos TPL y CSS para crear los suyos propios. La razón es que un tema PrestaShop requiere que muchos de los archivos se encuentren presentes,  por lo que es mejor partir de un tema existente en lugar de empezar de cero, así se asegura que a su tema no le falte ninguna parte.

Puede hacer esto directamente desde el servidor web, pero PrestaShop hace que sea fácil copiar los archivos de un tema instalado y registrar su nuevo tema en su sistema (un paso que tendría que hacer en cualquier caso).

Todo esto se realiza haciendo clic en el botón "Crear una nueva plantilla" al que puede tener accedo desde el botón "Añadir tema" situado en la parte superior de la pantalla. Tras realizar esta acción, un formulario aparecerá en pantalla.

Image Added

Rellena los campos:

• Nombre del tema. Asegúrese  que el nombre no esté siendo ya utilizado por otro tema (puede comprobarlo desde el sitio web de Prestashop Addons).
• Vista previa de la imagen para la plantilla. Siempre debe añadir una imagen de previsualización, ya que le servirá como recordatorio del aspecto del tema . Si usted no tiene una todavía, puede incluirla cuando llegue el momento de lanzar el tema.
• Columna izquierda por defecto y Columna derecha por defecto. Indique si su tema tiene una columna (o dos columnas), y si es así, en qué lado de la pantalla aparecerá. Este campo es puramente informativo, y puede cambiarlo en cualquier momento.
• Nombre del directorio del tema. Trate de utilizar un nombre que sea identificativo del nombre que tiene su tema. Si aún no ha creado una carpeta para los temas, PrestaShop creará una para usted.
• Copiar los archivos que faltan del tema existente. Este es el método más limpio para iniciar un nuevo tema a partir de los archivos de otro tema. Al comenzar, se recomienda utilizar este método para crear un nuevo tema a partir de los archivos del tema por defecto, ya que esto le asegura disponer de todos los archivos necesarios.
• Responsivo. Indique si su tema tiene un diseño responsivo o no (si no sabe lo que es un diseño responsivo , entonces probablemente debería elegir "No"). Este campo es puramente informativo, puede cambiarlo en cualquier momento.

Haga clic en Guardar, y PrestaShop registrará esta información para usted: el tema estará listo para ser activado, y su imagen de vista previa aparecerá en el selector de temas.

¡Ahora le toca a usted modificar los archivos de su tema para hacerlo realmente único!. Desde su servidor local (¡no lo haga desde una tienda en producción!), seleccione su nuevo tema, y ¡comience a trabajar!
Una vez que haya terminado con el diseño y el código de la plantilla , regrese a la  página de ajustes y realice los cambios necesarios en consecuencia: imagen de previsualización definitiva, columna por defecto, número de productos, y adaptabilidad del diseño.

Exporting a theme

...

Exportar una plantilla

Esta sección está disponible tan sólo cuando hay al menos un tema instalado en su sitio PrestaShop. Esta opción le proporciona un método para exportar su tema en el formato correcto (más concretamente con un archivo de configuración de trabajo).

Exporting a theme is very useful when you want either to back the theme up for safety, and create an archive of the theme for a friend or in order to make it available on the Addons marketplace (http://addons.prestashop.com/). Not only does it generate a complete Zip archive of your theme, but it also adds many information in an XML files, which is very useful both when uploading to Addons, and when important to another PrestaShop site.

...