Child pages
  • Preferencias de Temas

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

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.

Image RemovedImage Added

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 temaUn 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óvilTambié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.

Image RemovedImage Added

 

Tip

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

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 /themes/magnolia, copie copia 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 tu tienda presentará un diseño atractivo y adaptado a los dispositivos móviles - aunque con la apariencia por defectopredeterminada.

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

Image RemovedImage Added

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 dejadejas 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.!

Image RemovedImage Added
 

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 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úblicoo 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.

Image RemovedImage Added

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

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

Una página de confirmación final le te presenta todos los cambios aplicados a sutu instalación de Prestashop. Haga 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 por defectopredeterminado, y empezar a modificar sus archivos TPL y CSS para crear los suyos tuyos 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 te aseguras que a su tu tema no le falte ninguna parte.

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

Todo esto se realiza haciendo clic en el botón "Crear una nueva plantilla" un nuevo tema", al que puede 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.

Image RemovedImage Added

Rellena los campos:

  • Nombre del tema. Asegúrese  Asegúrate que el nombre no esté siendo ya utilizado por otro tema (puede puedes comprobarlo desde el sitio web de Prestashop Addons).
     
  • Vista previa de la imagen para
  • la plantilla
  • el tema. Siempre
  • debe
  • debes añadir una imagen de previsualizaciónya que
  • le
  • te servirá como recordatorio del aspecto del tema. 
  •  
  • Si
  • usted
  • no
  • tiene
  • tienesuna todavía,
  • puede
  • puedes incluirla cuando llegue el momento de lanzar el tema.
  • Columna izquierda por defectopredeterminada y Columna derecha por defectopredeterminadaIndique Indica si su 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 puede puedes cambiarlo en cualquier momento.
  • Nombre del directorio del tema. Trate Trata de utilizar un nombre que sea identificativo delcon el nombre que tiene sutu tema. Si aún no ha has creado una carpeta para los temas, PrestaShop creará una para ustedti.
  • 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 defectopredeterminado, ya que esto le te asegura disponer de todos los archivos necesarios.
  • ResponsivoIndique Indica si su tu tema tiene un diseño responsivo o no (si no sabes lo que es un diseño responsivo, entonces probablemente deberíadeberías elegir "No"). Este campo es puramente informativo, puede puedes cambiarlo en cualquier momento.

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

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

Info

¿Es el tema que ha has creado tan bueno que piensa piensas que otros comerciantes podrían incluso pagar dinero por ésteestar interesados en comprarlo? Puedes venderlo en la Tienda de Complementos (Addons), el mercado el marketplace oficial de temas y módulos para Prestashopde PrestaShop (Addons): http://addons.prestashop.com/.

Exportar

...

un tema

Esta sección está disponible tan sólo cuando hay al menos un tema instalado en su tu sitio PrestaShop. Esta opción le te proporciona un método para exportar sutu 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 deberías de hacerlo cuando desee desees crear una copia de seguridad de éste, o cuando quiera quieras crear un archivo del tema para enviárselo a un amigo o subirlo al mercado marketplace de Complementos PrestaShop (http://addons.prestashop.com/). Esta opción no sólo genera un archivo Zip completo de su tu tema, sino que también añade mucha información en un archivo XML, que le te será de utilidad tanto al subir el tema a Prestashop Addons , como cuando quiera quieras utilizarlo en otro sitio PrestaShop.

Image RemovedImage Added

Seleccione Selecciona un tema y haga haz clic en "Exportación de plantillasExportar 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 desea deseas exportar, nombre del tema, versiones de compatibilidad, etc.

Image RemovedImage Added

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

¡En vivo, desde PrestaShop Addons!

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

Image RemovedImage Added