...
La página preferencias de "Temas" le , te permite gestionar de manera eficiente sus tus temas.
...
Tu tema actual
La primera sección de la página sirve como recordatorio de cuál es el tema que está estás utilizando actualmente, con sus detalles:
- Nombre del tema.
- Versión del tema .
- Nombre del autor del tema, sitio web y dirección de correo electrónico.
- Miniatura para el tema.
Esta sección también le da te proporciona acceso a un puñado de herramientas , que le te ayudarán a personalizar rápidamente el tema actual: logotipo de la cabecera, logotipo facturas y email, favicon, el icono de la tienda, e incluso el separador para la barra de navegación pueden modificarse fácilmente desde aquí.
- Personalizar sutu tema. Un enlace al Configurador de Temas (siempre que el módulo Configurador de Temas esté esté instalado y activado).
- Configurar su tu tema. Un enlace a la configuración avanzada del tema.
- 4 pestañas están disponibles en las opciones de configuración del aspecto del tema:
- Logotipo. El logotipo que aparecerá en todas las páginas de sutu tienda.
- Logotipos de Factura y EmailCorreo electrónico. Los logotipos que respectivamente aparecerán en las facturas de sutu tienda, y en sus tus notificaciones de correo electrónico.
- Iconos. El favicon de su tu tienda (que se muestra en la barra de direcciones del navegador web) , y el icono de sutu tienda (utilizado en el Mapa de localización de la tienda como indicador de dónde se encuentra ésta ubicada).
- Dispositivos móviles. El logotipo que aparecerá en todas las páginas de sutu tienda, cuando se accede a través de un dispositivo móvil. También puedepuedes optar por activar o desactivar la versión móvil de sutu tema de manera selectiva (si existe) para teléfonos inteligentes, tabletas, o ambos.
| Warning |
|---|
El tema utiliza como logotipo predeterminado "YourLogo". ¡Recomendamos encarecidamente que cambie cambies todas las instancias del logotipo y utilices el suyotuyo! |
| Note |
|---|
En el modo multitienda, puede aplicar estos cambios a todas sustus tiendas o a un grupo de ellas, utilizando el menú multitienda. |
La opción "Activar el tema móvil" le , te da la opción de usar utilizar el tema móvil de forma manera predeterminada. Con este tema, cualquier comerciante puede tener su tu tienda adaptada a los dispositivos móviles: desde la página de inicio hasta la del proceso de pago, incluyendo las páginas de productos y la del embudo de conversión.
| Tip |
|---|
El tema móvil sólo funciona con el tema por defecto predeterminado de PrestaShop, ya que está incluido en su la carpeta: Sin embargo, puede puedes utilizar fácilmente el tema móvil por defecto predeterminado con cualquier otro tema, al menos temporalmente: simplemente copie copia la carpeta del tema móvil de la carpeta del tema por defectopredeterminado, en la carpeta del tema nuevo, y debería de funcionar. Por ejemplo, si la carpeta de su tu nuevo tema es |
El Configurador de Temas
El módulo Configurador de Temasle , te ayuda a configurar algunos aspectos desu tu tema.
Al hacer clic en el enlace de la página de preferencias "Temas", se abre su página de configuración. Esta páginale te ofrece enlaces directos a los módulos más utilizados del front-office: desde aquí puede puedes activar y desactivar una docena de funcionalidades, tales como mostrar botones sociales o el bloque de Facebook (siempre que sus respectivos módulos estén activados), y obtener un acceso directo a la página de configuración. También puede puedes activar y acceder al Live Configurator, desde el que podrápodrás cambiar fácilmente el color y la fuente principal utilizada en sutu tema.
En una segunda sección, el Configurador de Temas hace posible que pueda conectar s enganchar fácilmente las imágenes con enlaces en los ganchos específicos de la página de inicio: home, top, left, right, footer. Cada idioma tiene disponible su propia sección con sus propios ganchos: esto es esencial, ya que las imágenes suelen contener texto directamente en ellos, por lo que es necesario contar con la mayor cantidad de versiones de la imagen para todos los idiomas soportados y disponibles en su tu tienda.
El módulo se explica con más detalles en el capítulo "Configurar y Trabajar con los módulos nativos" de esta guía.
Configuración avanzada del tema
Haga Haz clic en el botón "Ajustes avanzadosConfiguración avanzada", para visualizar la información principal del tema (véase más abajo la sección "Crear una nueva plantilla" para obtener una detallada explicación de los campos).
Debajo de la sección principal, la sección "Apariencia de las columnas" muestra una gran cantidad de información sobre la forma en que aparecen las columnas izquierda y derecha, dependiendo de la página en la que nos encontremos:
- Si la casilla está marcada, la columna aparece en la página (por ejemplo, la página Categoría).
- Si se dejala dejas desmarcada, no aparecerá en esa página.
Tenga Ten en cuenta que incluso aunque pueda puedas hacer clic en los botones para establecer la apariencia a su tu gusto, ¡estos ajustes de configuración son sólo informativos, y el tema no necesariamente podría adaptarse a los cambios que realicerealices.!
Seleccionar un tema para la tienda <nombre>
Esta sección tan sólo se muestra en pantalla si tienetienes al menos dos temas instalados. Estos se presentan junto con los otros temas disponibles en la instalación de PrestaShop estando por defecto uno de ellos ya habilitado.
Esta sección simplemente le te muestra las miniaturas de los temas disponibles, junto con sus nombres.
Establezca Establece el cursor del ratón sobre la miniatura para mostrar un menú con dos opciones:
- Utilizar este tema. Reemplazará su tu tema actual por este tema.
- Eliminar este tema. Se eliminarán los archivos del tema de su tu servidor.
En la parte superior derecha, el enlace "Visite Visita la tienda de temas" abre una nueva página del mercado PrestaShop Addons, donde puedes encontrar más temas.
| Note |
|---|
En el modo multitienda, no no se puede aplicar un tema a todas sus tus tiendas o a un grupo de tiendas; debe debes seleccionar una única tienda en el menú multitienda, y a continuación, elegir un tema. |
...
Dos botones en la parte superior de la pantalla le te permiten importar un tema e instalarlo (y adjuntar sus módulos), o exportar un tema y sus módulos de su tu tienda con el fin de compartirlo con el mundo.
Importar un tema: el botón "Añadir tema"
Esta pantallale te presenta 3 métodos que puede puedes utilizar para instalar un nuevo tema: desde su tu computadora, a partir de un sitio web público, o desde su tu propio servidor FTP. Un último botón le te lleva al formulario de creación de temas, presentado en la siguiente sección.
Sea cual sea el método, el proceso sigue siendo el mismo: indicar la ubicación del archivo Zip del tema, y a continuación, hacer clic en "Guardar". Lo única cosa que cambia es el origen desde el que cargamos el archivo Zip:
- Importar desde su computadoratu ordenador. Utilice Utiliza el explorador de archivos para encontrar el archivo.
- Importar desde una web pública. Indique Indica la dirección URL pública directa del archivo.
- Importar utilizando su servidor desde FTP. Utilizando su un cliente FTP, cargue carga el archivo en la carpeta :
/themes/.
...
Haz clic en "
...
Click "Save" one last time. A final confirmation page presents you with all the changes applied to your PrestaShop install. Click "Finish" to end the process.
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.
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.
...
Guardar" para validar tu elección. Tras la instalación del tema, PrestaShop te permitirá activar o desactivar los módulos que fueron importados junto con el tema, te preguntará lo que deseas hacer con la configuración de los módulos actuales, y te indicará que es posible que tengas que regenerar las imágenes para adaptarlas al nuevo tema.
Una página de confirmación final te presenta todos los cambios aplicados a tu instalación de Prestashop. Haz clic en "Terminar" para finalizar el proceso.
Crear un nuevo tema
La mejor manera de crear un nuevo tema para PrestaShop es copiar los archivos desde el tema predeterminado, y empezar a modificar sus archivos TPL y CSS para crear los tuyos 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í te aseguras que a tu tema no le falte ninguna parte.
Puedes hacer esto directamente desde el servidor web, pero PrestaShop hace que sea fácil copiar los archivos de un tema instalado y registrar tu nuevo tema en tu sistema (un paso que tendrías que hacer en cualquier caso).
Todo esto se realiza haciendo clic en el botón "Crear un nuevo tema", al que puedes 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.
Rellena los campos:
- Nombre del tema. Asegúrate que el nombre no esté siendo ya utilizado por otro tema (puedes comprobarlo desde el sitio web de Prestashop Addons).
- Vista previa de la imagen para el tema. Siempre debes añadir una imagen de previsualización, ya que te servirá como recordatorio del aspecto del tema. Si no tienes una todavía, puedes incluirla cuando llegue el momento de lanzar el tema.
- Columna izquierda predeterminada y Columna derecha predeterminada. Indica si tu tema tiene una columna (o dos columnas), y si es así, en qué lado de la pantalla aparecerá. Este campo es puramente informativo, y puedes cambiarlo en cualquier momento.
- Nombre del directorio del tema. Trata de utilizar un nombre que sea identificativo con el nombre que tiene tu tema. Si aún no has creado una carpeta para los temas, PrestaShop creará una para ti.
- 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 predeterminado, ya que esto te asegura disponer de todos los archivos necesarios.
- Responsivo. Indica si tu tema tiene un diseño responsivo o no (si no sabes lo que es un diseño responsivo, entonces probablemente deberías elegir "No"). Este campo es puramente informativo, puedes cambiarlo en cualquier momento.
Haz clic en Guardar, y PrestaShop registrará esta información para ti: el tema estará listo para ser activado, y su imagen de vista previa aparecerá en el selector de temas.
¡Ahora te toca a ti modificar los archivos de tu tema para hacerlo realmente único!. Desde tu servidor local (¡no lo hagas desde una tienda en producción!), selecciona tu nuevo tema, y ¡comienza a trabajar!
Una vez que hayas terminado con el diseño y el código de la plantilla, regresa a la página de ajustes y realiza los cambios necesarios en consecuencia: imagen de previsualización definitiva, columna predeterminada, número de productos, y adaptabilidad del diseño.
| Info |
|---|
¿Es el tema que has creado tan bueno que piensas que otros comerciantes podrían estar interesados en comprarlo? Puedes venderlo en el marketplace oficial de temas y módulos de PrestaShop (Addons): http://addons.prestashop.com/. |
Exporting a theme
This section is only available when there is at least one theme installed on your PrestaShop site. It gives you a method to export your module in the correct format (most notably with a working configuration file).
...
Exportar un tema
Esta sección está disponible tan sólo cuando hay al menos un tema instalado en tu sitio PrestaShop. Esta opción te proporciona un método para exportar tu tema en el formato correcto (más concretamente con un archivo de configuración de trabajo).
Exportar un tema es muy útil y deberías de hacerlo cuando desees crear una copia de seguridad de éste, o cuando quieras crear un archivo del tema para enviárselo a un amigo o subirlo al marketplace de PrestaShop (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.
Select a theme and click on "Export". A configuration form appears where you can set the exported themes parameters: author name, modules to export along, theme name, version compatibility, etc.
Once all the parameters are correctly set, click on "Save". You will quickly get a file to download from your browser. Save it on your hard-drive, then give the saved file a proper name instead of the random one it currently has. From there on, you can easily share this theme, and if it is your own creation, you can start selling it on PrestaShop's Addons marketplace at Esta opción no sólo genera un archivo Zip completo de tu tema, sino que también añade mucha información en un archivo XML, que te será de utilidad tanto al subir el tema a Prestashop Addons, como cuando quieras utilizarlo en otro sitio PrestaShop.
Selecciona un tema y haz clic en "Exportar tema". Un formulario de configuración se mostrará en pantalla, en donde podrás ajustar los parámetros de la exportación del tema: nombre del autor, módulos del tema que deseas exportar, nombre del tema, versiones de compatibilidad, etc.
Una vez que hayas establecido todos los parámetros correctamente, haz clic en "Guardar". Obtendrás rápidamente un archivo para descargar desde tu navegador. Guárdalo en el disco duro de tu equipo, a continuación, proporciona al archivo guardado un nombre propio en lugar del que se ha creado al azar. A partir de aquí, puedes compartir fácilmente este tema, y si se trata de una creación tuya propia, puedes comenzar a venderlo utilizando el marketplace oficial de PrestaShop : http://addons.prestashop.com/.
...
¡En vivo, desde PrestaShop Addons!
This final section presents you with 12 of the latest themes from PrestaShop's Addons marketplace. You can click on each image to reach the theme's individual Addons page and get a better view of it, and possibly buy it.
Esta última sección te presenta 12 de los últimos temas disponibles en PrestaShop Addons, el marketplace oficial de PrestaShop. Puedes hacer clic en cada imagen para entrar a la página informativa de cada tema, y así obtener una visión más detallada del mismo y poder comprarlo.
