Child pages
  • Preferencias de Temas
Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 7 Next »

Preferencias de Temas

La página preferencias de "Temas" le permite gestionar de manera eficiente sus temas.

Su tema actual

La primera sección de la página sirve como recordatorio de cuál es el tema que está 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 acceso a un puñado de herramientas , que le 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 su temaUn enlace al Configurador de Temas (siempre que el módulo Configurador de Temas  esté instalado y activado).
  • Configurar su 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 su tienda.
    • Logotipos Factura y Email. Los logotipos que respectivamente aparecerán en las facturas de su tienda, y en sus notificaciones de correo electrónico.
    • Iconos. El favicon de su tienda (que se muestra en la barra de direcciones del navegador weby el icono de su 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 su tienda, cuando se accede a través de un dispositivo móvilTambién puede optar por activar o desactivar la versión móvil de su tema de manera selectiva (si existe) para teléfonos inteligentes, tabletas, o ambos.

El tema utiliza como logotipo predeterminado "YourLogo". ¡Recomendamos encarecidamente que cambie todas las instancias del logotipo y utilice el suyo!

En el modo multitienda, puede aplicar estos cambios a todas sus tiendas o a un grupo de ellas, utilizando el menú multitienda.

La opción "Activar el tema móvil" le da la opción de usar el tema móvil de forma predeterminada. Con este tema, cualquier comerciante puede tener su 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.

El tema móvil sólo funciona con el tema por defecto de PrestaShop, ya que está incluido en su carpeta: /themes/default/mobile. Por lo tanto, no va a funcionar si utiliza otro tema que no disponga de su propio tema móvil.

Sin embargo, puede utilizar fácilmente el tema móvil por defecto con cualquier otro tema, al menos temporalmente: simplemente copie la carpeta del tema móvil de la carpeta del tema por defecto, en la carpeta del tema nuevo, y debería de funcionar. Por ejemplo, si la carpeta de su nuevo tema es /themes/magnolia, copie la carpeta /themes/default/mobile a la carpeta del nuevo tema: /themes/magnolia/mobile.
Esto es particularmente útil si el tema del nuevo tema no cuentan con un diseño responsable: de esta manera, su tienda presentará un diseño atractivo y adaptado a los dispositivos móviles - aunque con la apariencia por defecto.

El Configurador de Temas

El módulo Configurador de Temas le ayuda a configurar algunos aspectos de su tema.

Al hacer clic en el enlace de la página de preferencias "Temas" se abre su página de configuración. Esta página le ofrece enlaces directos a los módulos más utilizados del front-office: desde aquí puede 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 activar y acceder al Live Configurator, desde el que podrá cambiar fácilmente el color y la fuente principal utilizada en su tema.

En una segunda sección, el Configurador de Temas  hace posible que pueda conectar 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 ganchosesto 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 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 clic en el botón "Ajustes avanzados" 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 la deja desmarcada, no aparecerá en esa página.

Tenga en cuenta que incluso aunque pueda hacer clic en los botones para establecer la apariencia a su gusto, ¡estos ajustes de configuración son sólo informativos, y el tema no necesariamente podría adaptarse a los cambios que realice!

 Seleccionar un tema para la tienda <nombre>

Esta sección tan sólo se muestra en pantalla si tiene 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 muestra las miniaturas de los temas disponibles, junto con sus nombres.

Establezca el cursor del ratón sobre la miniatura para mostrar un menú con dos opciones:

  • Utilizar este tema. Reemplazará su tema actual por este tema.
  • Eliminar este tema. Se eliminarán los archivos del tema de su servidor.

En la parte superior derecha, el enlace "Visite la tienda de temas" abre una nueva página del mercado PrestaShop Addons, donde puede encontrar más temas.

En el modo multitienda, no no puede aplicar un tema a todas sus tiendas o a un grupo de tiendas; debe seleccionar una única tienda en el menú multitienda, y a continuación, elegir un tema.

Adición y exportación de un tema

Dos botones en la parte superior de la pantalla le permiten importar un tema e instalarlo (y adjuntar sus módulos), o exportar un tema y sus módulos de su tienda con el fin de compartirlo con el mundo.

Importar un tema: el botón "Añadir tema"

Esta pantalla le presenta 3 métodos que puede utilizar para instalar un nuevo tema: desde su computadora, a partir de un sitio web públicoo desde su propio servidor FTP. Un último botón le 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 computadora. Utilice el explorador de archivos para encontrar el archivo.
  • Importar desde una web pública. Indique la dirección URL pública directa del archivo.
  • Importar utilizando su servidor FTP. Utilizando su cliente FTP, cargue el archivo en la carpeta : /themes/ .

Click "Save" to validate your choice. The theme is now installed, and PrestaShop asks you if you wish to install modules that were imported along with the theme, what you would rather do with the current modules configuration, and how you would like the images configuration to be taken into account.

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.

Is your theme so good that other merchants could pay money for it? You can sell it on Addons, PrestaShop's official theme & module marketplace: 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).

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.

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 http://addons.prestashop.com/.

Live from 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.

  • No labels