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 11 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 se 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/ .

Haga clic en "Guardar" para validar su elección. Tras la instalación del tema,  PrestaShop le permitirá activar o desactivar los módulos que fueron importados junto con el tema, le preguntará lo que desea hacer con la configuración de los módulos actuales, y le indicará que es posible que tenga que regenerar las imágenes para adaptarlas al nuevo tema.

Una página de confirmación final le presenta todos los cambios aplicados a su instalación de Prestashop. Haga clic en "Terminar" para finalizar el proceso.

Crear una nueva plantilla

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

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ónya 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 defectoIndique 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.
  • ResponsivoIndique 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.

¿Es el tema que ha creado tan bueno que piensa que otros comerciantes podrían incluso pagar dinero por éste? Puede venderlo en la Tienda de Complementos (Addons), el mercado oficial de temas y módulos para Prestashop: http://addons.prestashop.com/.

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

Exportar un tema es muy útil y debería de hacerlo cuando desee crear una copia de seguridad de éste, o cuando quiera crear un archivo del tema para enviárselo a un amigo o subilo al mercado de Complementos (http://addons.prestashop.com/). Esta opción no sólo genera un archivo Zip completo de su tema, sino que también añade mucha información en un archivo XML, que le será de utilidad tanto al subir el tema a Prestashop Addons , como cuando quiera utilizarlo en otro sitio PrestaShop.

Seleccione un tema y haga clic en "Exportación de plantillas"Un formulario de configuración se mostrará en pantalla, en donde podrá ajustar los parámetros de la exportación del tema: nombre del autor, módulos del tema que desea exportar, nombre del tema, versiones de compatibilidad, etc.

Una vez que haya establecido todos los parámetros correctamente, haga clic en "Guardar". Obtendrá rápidamente un archivo para descargar desde su navegador. Guárdelo en su disco duroa continuación, proporcione al archivo guardado un nombre propio en lugar del que se ha creado por azar . A partir de aquípuede compartir fácilmente este tema, y si se trata de una creación suya propiapuede comenzar a venderlo utilizando el mercado de PrestaShop Addons:  http://addons.prestashop.com/.

¡En vivo, desde PrestaShop Addons!

Esta última sección le presenta 12 de los últimos temas disponibles en el  mercado de PrestaShop Addons. Puede hacer clic en cada imagen para entrar a la página informativa de cada tema, y así obtener una mejor vista del mismo y poder comprarlo.

  • No labels