Plantillas de diseño adaptativo
Todas las plantillas de diseño en la biblioteca de Commerce Composer son sensibles y ordenan ranuras en función del tamaño de la pantalla. Una plantilla seleccionada no tiene una anchura fija que permita una visualización óptima entre dispositivos.
Las plantillas de diseño predeterminado demuestran los métodos recomendados en el diseño web sensible y contienen las funciones siguientes:
- Se construyen mediante el sistema de cuadrícula fluido predeterminado, donde la mayoría de las ranuras tienen anchuras de porcentaje que se ajustan a varias resoluciones de pantalla.
- Contienen tres puntos de interrupción claves que se basan en la anchura de la zona de observación:
Puntos de interrupción del rango de páginas de la tienda de inicio Aurora Dispositivo Punto de interrupción de rango Rango de la página Escritorio RWD-C 1281 píxeles CSS y superior Tableta RWD-B 601 - 1280 píxeles CSS Mobile RWD-A 600 CSS píxeles y superior
Plantillas de diseño sensible de Commerce Composer
HCL Commerce proporciona las plantillas de diseño sensible siguientes de forma predeterminada que puede utilizar en la herramienta de Commerce Composer para crear páginas de la tienda predeterminadas:
Nombre de plantilla de diseño | Número de ranuras | Mapa esquemático |
---|---|---|
Cualquier página, 8 ranuras, separadores | 8 | ![]() |
Cualquier página, 5 ranuras, barra lateral derecha | 5 | ![]() |
Cualquier página, una ranura | 1 | ![]() |
Cualquier página, 6 ranuras | 6 | ![]() |
Cualquier página, 6 ranuras, barra lateral izquierda | 6 | ![]() |
Página Entrada de catálogo | 8 | ![]() |
Página de entrada de catálogo (2) | 7 | Mapa esquemático de página de entrada de catálogo![]() |
página Departamento | 8 | ![]() |
Página de inicio | 8 | ![]() |