Plantillas
La sección de plantilla nos permitirá modificar la estructura y diseño de nuestra web, permitiéndonos así adaptarla a nuestra imagen corporativa.
Al entrar en la sección de plantilla, se nos mostrará la siguiente imagen:
En las siguientes secciones pasaremos a explicar para qué sirve cada una de las secciones en las que se divide la pantalla de edición de Plantilla.
Configuración general
Diseño Responsivo Activando esta opción, hará que su web se ajuste automáticamente al tipo y resolución de pantalla en la que es visualizada, para una correcta visualización en tablets y smartphones, recomendamos que active el diseño responsivo.
Barra de búsqueda visible Permite mostrar o ocultar la barra de búsqueda de la web.
Menú Desplegable
Permite que el menú de familias sea desplegable o no.
Estructura
La sección de Estructura determina la estructura general de nuestra web, pudiendo elegir entre cuatro estructuras básicas por defecto, determinadas por la anchura total ocupada por los slides en la página principal y la posición que ocupará en la web el menú de categorías:
Recuerde pulsar el botón Guardar Cambios para que estos sean efectivos.
Color de fondo
Con esta opción podremos elegir el color del fondo de nuestra web. Para ello solo tenemos que pulsar sobre la barra de edición y automáticamente se desplegará el menú de edición de color.
Una vez seleccionado el color podremos verlo en el extremo derecho de la barra de edición:
Si guardamos los cambios, podremos ver el efecto accediendo a la página principal de la web:
Recuerde pulsar el botón Guardar Cambios para que estos sean efectivos.
Temas
web4PRO ofrece una serie de temas ya preestablecidos para su ecommerce, pudiendo elegir entre estos el queramos para nuestra web.
El tema determinará el diseño general de la web, así como sus colores principales. Estos como ya hemos visto, son configurables, pero los temas preestablecidos ofrecen la comodidad y la rapidez de ofrecernos un diseño ya preestablecido que resulte atractivo a sus clientes.
En la siguiente imagen podremos ver algunos de los temas y como se verían en Web4Pro:
Fuentes
Puede elegir la fuente por defecto que tendrá su web, así como el color de fuente por defecto. Una vez seleccionada la fuente podremos ver cómo quedará el resultado final en la sección Preview.
Nota: Aunque desde esta pantalla se puede configurar las partes más genéricas del diseño de la web, a la hora de modificar su diseño recomendamos el uso del editor en línea, mucho más sencillo e intuitivo.
CSS
La sección Plantilla dispone de un apartado llamado CSS desde el que podemos realizar modificaciones avanzadas en el diseño de nuestro web4PRO.
Esta sección está pensada para usuarios con conocimientos avanzados de HTML y CSS.
En este apartado, se nos mostrará lo siguiente:
En el cuadro de texto encontraremos código CSS por defecto que nos servirá como base para modificar los estilos de nuestro web4PRO. Podemos utilizar esta base o bien partir de un código CSS 100% personalizado que, en cualquier caso, tendrá prioridad sobre el CSS por defecto de web4PRO. Materializaremos los cambios haciendo clic en “Guardar Cambios”.
Así se vería el cambio señalado en nuestro Web4Pro:
Si realiza cambios a nivel CSS y quiere recuperar el diseño por defecto de la web4PRO, simplemente presione el botón “Resetear” dentro del apartado CSS.