EJERCICIO17_Tema y logotipo
Desde la barra de menú nos vamos a la opción de diseño, la pantalla del ordenador y pulsamos Theme y Logo.
Dependiendo de las opciones de tu tema, puedes personalizar el tipo de diseño de página: si debe tener columnas o no, cuántas, con diferentes tamaños, etc.
Al hacer clic en “Elegir diseño”, verás una nueva página con todos los tipos de páginas disponibles en tu sitio web (categoría, producto, carrito, …). Para cada página, puedes cambiar el diseño predeterminado.
Para el tema predeterminado de PrestaShop, “Classic”, las opciones disponibles son:
• Ancho total – sin columnas laterales, ideal para páginas libres de distracciones como páginas de productos.
• Tres Columnas – Una columna central grande y dos columnas laterales.
• Dos Columnas, columna izquierda pequeña – Dos columnas con una pequeña columna izquierda.
• Dos Columnas, columna derecha pequeña – Dos columnas con una columna derecha pequeña.
Haz clic en “Guardar” para guardar los cambios realizados.
En caso de que desees revertir las modificaciones y volver a la configuración predeterminada, simplemente haz clic en el botón “Restablecer valores predeterminados” en la página “Tema y Logotipo”
Cambiar el logotipo de tu tienda es a menudo uno de los primeros pasos que hay que realizar a la hora de personalizar una tienda. Desde aquí, puedes cambiar el logotipo principal de tu tienda, pero también puedes personalizarlo desde las tres pestañas diferentes disponibles en esta página:
El logotipo de cabecera. El logotipo que aparecerá en todas las páginas de tu tienda. Logotipos de Factura y Correo Electrónico. Los logotipos que respectivamente aparecerán en las facturas de tu tienda, y en tus notificaciones de correo electrónico.
Favicons. El favicon de tu tienda. Esta es la pequeña imagen que se muestra a la izquierda de la barra de direcciones del navegador web y en las pestañas del navegador.
El tema predeterminado utiliza un logotipo “Classic” y el propio logotipo de PrestaShop como favicon.
Para crear nuestro favicon usaremos un generador de favicon que nos aparece en el texto debajo del cuadro de texto:
Desde aquí subimos el favicon que tenemos. Pulsamos Create favicon
Se nos abrirá esta ventana y ya podremos descargar el favicon generado. Ya solo tenemos que subirlo en nuestro cuadro de texto de favicon.
Ahora vamos a ver como se usan los temas en prestashop. Justo debajo de la personalización del logotipo y el favicon tenemos el siguiente panel, donde prestashop nos enseña una plantilla o diseño predefinido que se usa como maquetación de toda la web. Justo al lado una serie de temas ya de pago si quisiéramos cambiar esta plantilla.
Desde la opción de configurar nuestra página según tema se nos abre un listado de páginas en las que elegir un tema u otro:
Otra opción sería importar una plantilla desde nuestro ordenador. Añadir nuevo tema. Importaremos desde cualquiera de estas tres opciones.
Configuración de las páginas de nuestra web. Vamos a cambiar algunos elementos de cada sección. Nos metemos en la página de inicio o Homepage y seleccionamos el apartado del carrusel o slider que aparece justo debajo del menú. Clicamos encima>Configure
Añadimos un nuevo sample a nuestro carrusel desde la parte superior derecha>Add new
Descargamos de la carpeta de material la Sanvalentin JPG y en la opción de Target url escribimos: https://t-box.es/blog/encuentra-el-regalo-perfecto-este-san-valentin/banner-san-valentin-ropa-mujer/
Nos aparece desactivado así que pulsamos encima para cambiar su estado ha activado y que se pueda ver
El resultado en la web sería algo parecido a esto:
La última sección, que encontramos en el diseño de logos y templates, es la Personalización avanzada:
Está destinada a comerciantes y desarrolladores técnicos que desean personalizar su tema utilizando la funcionalidad padre/hijo introducida en PrestaShop.
Al hacer clic en “Descargar tema”, podrás obtener un archivo zip del tema actual. El siguiente paso permite editar el tema con los ajustes deseados, simplemente realiza los ajustes específicos a los archivos deseados para personalizarlo. Finalmente, súbalo.