Comercio electrónico con PrestaShop: Personalización

Buscar y probar temas en PrestaShop

¡Prueba gratis durante 10 días

nuestros 1152 cursos !

Prueba gratis Mostrar modalidades de suscripción
No es necesario cambiar completamente el aspecto del tema por defecto de PrestaShop: si elegimos un buen tema, nos vamos a ahorrar un montón de trabajo. En este vídeo veremos cómo buscar e instalar un tema y, también, de cómo elegirlo.

Transcripción

Cuando ya por fin tenemos instalada nuestra tienda Magento, normalmente solemos querer trabajar con el aspecto de esa tienda, queremos configurarlo primero de todo ese aspecto. De hecho, es un planteamiento muy correcto, porque hay cierto tipo de modificaciones que tendremos que hacer, que si tuviésemos muchos productos ya añadidos, serían muy largas y muy molestas. Así que efectivamente es preferible, nada más terminar de instalar nuestra tienda, comenzar con su personalización. La personalización de aspecto va a depender de lo que se llaman temas. El concepto de 'temas' en PrestaShop es muy importante. Es básicamente un conjunto de archivos que van a servir para definir cómo se va a ver nuestra página. Esos archivos van a tener tres partes: van a ser por un lado archivos HTML, que van a ser las plantillas y que definirán dónde se ven los distintos bloques, bloques como por ejemplo el menú principal de productos o como por ejemplo los enlaces que hay en la parte inferior. Vamos a tener también archivos CSS, que son los que definirán cómo se van a ver los bloques. Quiero decir, si por ejemplo tiene este gris de fondo, si el texto sale de color blanco o si por ejemplo el texto de los menús sale con un tamaño determinado. Todo eso es el CSS. Y luego, por último, el comportamiento de algunos elementos dinámicos, como puede ser por ejemplo este "slider", que vienen definidos con el JavaScript. Bueno, pues todos esos archivos, que generalmente son bastantes, son los que componen el tema, y ese tema va a definir cómo se va a ver la tienda. Luego estos temas, también es cierto que van a ser configurables. Vamos a tener, dependiendo del tema, diferentes opciones de configuración que nos van a permitir pues, efectivamente, hacer que cambien ciertos colores o que por ejemplo cambie el tamaño de las miniaturas de los productos, por poner dos ejemplos. Pero todo esto va a depender mucho de los distintos temas. Y aquí hay que pararse un momento a explicar que el tema no es una cuestión menor. Los temas son fundamentales. El éxito de nuestra tienda en buena parte va a depender del aspecto que tenga. Nuestros productos obviamente son muy importantes y el trato también es muy importante, sin duda el precio, pero si la tienda no es atractiva y si además el diseño del tema no se adapta correctamente al tipo de producto que voy a vender, entonces verdaderamente vamos a tener un problema. Y no sólo eso, sino que también si ese tema no se adapta correctamente a los distintos tipos de pantalla, si los elementos que hay que comprar no aparecen fácilmente, si no podemos utilizar el tipo de elementos que queramos, quiero decir, si queremos poner "banners" o, al contrario, no ponerlos. Todo eso también va a influir en el éxito de nuestra tienda y en concreto en el éxito del tema que estemos utilizando. Todo esto lo explico porque es muy importante dedicar mucho tiempo a la selección de unos temas correctos. Para trabajar con estos temas lo voy a hacer desde las Preferencias, Temas, dentro obviamente del "backend", dentro de la parte de administración. Aquí me muestra el tema que tengo por defecto instalado ya, que es el que viene con la instalación, y luego aparte me sale un listado de temas. Podemos ver que todos ellos son de pago. Hay que recordar que la instalación del tema correcto puede suponer el éxito de nuestra tienda, así que no es tan grave el tener que pagar una cierta cantidad de dinero. Si somos desarrolladores podríamos crear también nuestros propios temas, no sería un problema. Pero también hay que pararse a pensar hasta qué punto nos sale rentable crear un tema que nos va a llevar varios días de trabajo, cuando realmente lo podemos comprar por, por ejemplo, eso, 100 euros. Aparte de que hay algunos más caros, pero hay otros que también son más baratos. Para poder buscar temas para PrestaShop, simplemente tenemos que utilizar cualquier buscador, Google mismo, y nos va a mostrar varias páginas, varios portales que son precisamente para eso, para ofrecer temas. Dentro del mismo PrestaShop, tenemos también, bueno pues todos los temas de PrestaShop. Vamos, no todos, algunos de ellos que están metidos dentro de la web oficial. Casi todos los buscadores de temas van a tener un sistema de filtros. Por ejemplo, es bueno marcar los temas sólo para la versión que tengo instalada. Por otra parte, es muy importante pensar en los dispositivos móviles. Hoy en día, el 50 % de la navegación aproximadamente se realiza desde dispositivos móviles. Así que es muy importante que estos temas que estamos viendo se adapten. El término "responsive" hace referencia precisamente a eso, a temas que sean capaces de adaptarse correctamente a los dispositivos donde se van a ver. Así que esto es muy importante. Y luego ya tenemos otros filtros. Por ejemplo, si queremos temas para moda, pues pulsaría en Fashion. Si los quiero de determinados tonos de color. Si los quiero para que se vean en castellano —porque los temas también tienen textos, entonces esos textos deberían de estar traducidos—. Bueno, pues según voy estableciendo filtros, va limitándose el número de temas posibles. Cuando ya he visto un tema que me gusta, el siguiente paso tiene que ser verlo funcionando. Pulso en Discover, aquí veo unas cuantas capturas de pantalla. La mayor parte de los temas tienen una tienda con ese tema instalado para que lo podamos ver "online". Entonces puso en Demo Front Office, puedo elegir diferentes configuraciones para ese mismo tema, hago clic en cualquiera de ellas y ahora sí puedo ver esta tienda con este tema perfectamente configurado. Lo ideal entonces es ahora, pues, ir probando temas, ir seleccionando, apuntándome las URL de los temas que me van gustando y dedicando tiempo básicamente. Pero no tengo por qué limitarme a los temas que viene metidos dentro de PrestaShop. Como digo, hay muchos temas distintos en diferentes webs. Por ejemplo, Template Monster es uno de ellos. Y dentro de él, he seleccionado para este curso un tema gratuito para que así sea accesible a todo el mundo. Este tema gratuito se puede descargar fácilmente, simplemente hay que pulsar en la Demo en vivo. Bueno, hay veces que hay problemas por exceso de gente conectada en un mismo momento, pero en cualquier caso tiene un botón de descarga: Download. Y ese botón de descarga me va a pasar al proceso de pago, que como es gratuito en realidad no hay ningún pago que hacer. Pero eso sí, me va a pedir que me dé de alta. Si no estuviese dado de alta, entonces aquí tendría que registrarme. Bueno, pues nos registramos, no es problema. Y luego una vez que pulsamos en Complete order, eso va enviar un "mail" al "mail" que configurado para el "login", que me va a dar un enlace de descarga. Cuando esa descarga ya se ha verificado, puedo descomprimir el archivo —es un archivo comprimido— y dentro de él voy a tener varias carpetas, y entre esas carpetas va a estar el archivo que va a servir para importar este tema dentro de mi página. De hecho, también tengo capturas de pantalla, tengo también incluso en muchos de ellos PSD, que me sirven para hacer modificaciones sobre algunos de los elementos —esto ya es un tema un poco más avanzado— pero lo verdaderamente importante: si me vuelvo a Preferencias, Temas, dentro de PrestaShop, pulso en Añadir tema, pulso en Añadir archivo para seleccionar el archivo ZIP del tema que me he descargado, que está guardado dentro de la carpeta Theme, Theme Instalator, y aquí tengo ese archivo ZIP. Lo selecciono, pulso en Abrir, pulso en Guardar y me va a instalar el tema. Requiere de cierto tiempo porque son muchos archivos, pero una vez que ha terminado lo veré un poquito más abajo, aquí lo veo. Y ahora para aplicar ese tema, simplemente necesito ponerme encima del tema, marcar Utilizar ese tema, me va a dar información sobre que hay ciertos componentes que debería de también instalar o desinstalar, y le puedo decir que lo guarde directamente. Podemos instalar varios temas, o sea, que no está mal también hacer pruebas. Quiero decir, probar a instalar un tema, probar a instalar otro tema y ver cuál no satisface más. Y cuando ya lo tengamos listo, entonces, sí, hacer una instalación final. Estos módulos que me está mostrando, pues van a ser módulos que tiene que instalar específicamente para este tema. Luego por otro lado también, módulos de plantilla que hay que establecer, muchos de ellos en realidad puede que ya estén. Como hemos, hay un montón de opciones y ya digo que muchos de estos módulos estarán instalados. Hay que recordar siempre que PrestaShop es un sistema basado en módulos, eso significa que todo el funcionamiento de cualquier cosa tiene un módulo específico para él. Entonces, por eso vamos a ver tantos módulos a lo largo de todo este curso. Por otro lado, también hay que deshabilitar algunos de los módulos o incluso también habrá que deshabilitar módulos del último tema que teníamos instalados. Bueno, pues voy a permitir que lo haga con todos ellos. No tendría por qué, solo que para que la instalación sea perfecta y asegurarme que eso va a ser así, es preferible dejar que se ocupe de todo. Pulso en Guardar, va a necesitar un poquito de tiempo y en general me va a poner todo con resultado verde. Si pulsase en Terminar, me iría directamente ya a la parte de administración normal. Sin embargo, hay un botón aquí que me dice que me vaya la página de regeneración de miniaturas. Eso es debido a que cuando he hecho modificaciones sobre este tema, las imágenes que ya tenía, las imágenes de ejemplo, es posible que sea necesario que tengan que rehacerse, que tengan que regenerar las miniaturas que van a aparecer para cada uno de los productos, porque ahora los tamaños de los productos van a cambiar. Esto se hace un poco más abajo. Se trata de ir dentro de Preferencias, Imágenes, moverme hacia abajo y aquí en Regenerar miniaturas, pulsaría en Regenerar miniaturas. Eso también si tuviese muchas imágenes, le llevará bastante tiempo. Como son muy pocas, son 9 si no recuerdo mal, va a ser algo relativamente rápido. En cuanto acabe esa regeneración, este tema ya estará correctamente instalado. Me recarga la página y ahora si me voy a la tienda y recargo, pues vamos a ver que cambia radicalmente su aspecto. Aquí vemos como efectivamente ha cambiado todo el aspecto de la tienda. A partir de este punto, lo que tenemos que seguir haciendo es realizar modificaciones sobre las distintas características que tiene este tema.

Comercio electrónico con PrestaShop: Personalización

Haz triunfar tu tienda Prestashop aprendiendo a crear ofertas, aplicar descuentos en los envíos, o a mejorar los motores de búsqueda para que todos vean tus productos.

2:13 horas (29 Videos)
Actualmente no hay comentarios.
 
Software:
Fecha de publicación:3/10/2016

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.