Idroless Especificaciones de diseño IDIOMAS: ESPAÑOL / PORTUGUES / INGLÉS.

Presentación del tema: "Idroless Especificaciones de diseño IDIOMAS: ESPAÑOL / PORTUGUES / INGLÉS."— Transcripción de la presentación:

1 Idroless Especificaciones de diseño IDIOMAS: ESPAÑOL / PORTUGUES / INGLÉS

2 home Header Slider H1 + texto Subseccion 1 Home H2 + foto + texto Subseciones 2, 3 y 4 Home Ultimas noticias Footer

3 PAGINA LISTADO NOTICIAS Header Más noticias: siguientes 5 noticias Historico de noticias por años y por meses (tipo wordpress) Contenido principal: H1 + imagen + texto (truncate) + Link a noticia Siguientes noticias 2 – 9: H2 + texto (truncate) + link a noticia Paginador Footer

4 PAGINA CONTENIDOS = pagina noticia Header Más información: otros contenidos de la misma categoría Más noticias: noticias de la misma categoría Contenido principal: H1 + imagen + descr. Imagen + h2 + texto Productos de la misma categoría que el contenido Footer

5 PAGINA LISTADO PRODUCTOS CATEGORÍA Header Adapta un diseño que tu ya tengas de una tienda tuya listando 20 productos por página Paginador: MAX 20 PRODCUTOS POR PAGINA Footer

6 PAGINA PRODUCTO Header Más información: otros contenidos de la misma categoría Más noticias: noticias de la misma categoría Contenido principal: H1 + imagen + h2 + texto (SHORT) + h2 + texto (LONG) Productos de la misma categoría que el contenido Footer

7 PAGINA contacto Header Más información: datos de contacto Formulario de contacto Footer

8 Home MOVIL Header MOBILE: Menú top + Menú Idroless Slider H1 + texto Subseccion 1 Home H2 + foto + texto Subseciones 2, 3 y 4 Home Ultimas noticias  SOLO LINK A NOTICIAS FOOTER SENCILLO CON REDES SOCIALES Y MOVIL

9 PAGINA LISTADO NOTICIAS Header MOBILE: Menú top + Menú Idroless No en version movil En versión móvil sólo como un menú entre final noticias y footer En versión móvil todas noticias sin imagen 1= 2a9 Siguientes noticias 2 – 9: H2 + texto (truncate) + link a noticia Paginador FOOTER SENCILLO CON REDES SOCIALES Y MOVIL

10 PAGINA CONTENIDOS = pagina noticia Header MOBILE: Menú top + Menú Idroless En versión móvil sólo como un menú entre final noticias y footer Contenido principal: H1 + imagen + descr. Imagen + h2 + texto Mobile: Sólo link aProductos de la misma categoría que el contenido FOOTER SENCILLO CON REDES SOCIALES Y MOVIL

11 PAGINA LISTADO PRODUCTOS CATEGORÍA Header MOBILE: Menú top + Menú Idroless Adapta un diseño que tu ya tengas de una tienda tuya listando 20 productos por página Paginador: MOBILE MAX 10 PRODCUTOS POR PAGINA FOOTER SENCILLO CON REDES SOCIALES Y MOVIL

12 PAGINA PRODUCTO Header MOBILE: Menú top + Menú Idroless En versión móvil sólo como un menú entre final noticias y footer Contenido principal: H1 + imagen + h2 + texto (SHORT) + h2 + texto (LONG) MOBILE: Productos de la misma categoría que el contenido. NOMBRE y texto. Sin botón, sin imagen. FOOTER SENCILLO CON REDES SOCIALES Y MOVIL

13 PAGINA contacto Header Primero mostramos datos de contacto (teléfono clickable) y debajo Formulario de contacto a 1 columna Footer

14 Header

15 Footer Links externos a redes sociales  ventana nueva + rel=nofollow Link a argidomin ventana nueva pero no incluyas rel=nofollow Iconos redes sociales FONTAWESOME

16 Home La idea es que la sección home tenga 4 subsecciones Subsección 1: H1 + texto Subsección 2: H2 + imagen + texto + URL Subsección 3: H2 + imagen + texto + URL Subsección 4: H2 + imagen + texto + URL Necesitamos añadir un campo URL en la pesataña “General” No es que haya que meter la URL manualmente, sino seleccionar una sección o producto que ya exista en la base de datos, y así evitamos problemas con las traducciones en varios idiomas O si no, lo hacemos como secciones destacadas. Como tú veas. Pero necesitamos la opción del link. Si tienes dudas. Avisame y hablamos..