Show Menu
TEMAS×

Intentando un diseño adaptable en We.Retail

Todas las páginas de We.Retail utilizan el componente Contenedor de diseño para implementar un diseño interactivo. El contenedor de diseños proporciona un sistema de párrafos que le permite colocar componentes dentro de una cuadrícula adaptable. Esta cuadrícula puede reorganizar el diseño en función del tamaño y formato del dispositivo o ventana. The component is used in conjunction with the Layout mode in the page editor, which allows you to create and edit your responsive layout dependent on device.

Intentándolo

  1. Edite la página de Surfing Ártico en la sección Experiencias de la rama maestra del idioma.
    http://localhost:4502/editor.html/content/we-retail/language-masters/en/experience/arctic-surfing-in-lofoten.html
  2. Cambie a Vista previa para ver la página tal como se representaría para un visitante del sitio web. Desplácese hacia abajo hasta el contenido del artículo Aloha espirits en el norte de Noruega .
  3. Cambie el tamaño de la ventana del navegador y observe cómo el diseño se adapta de forma dinámica al cambio de tamaño.
  4. Cambie al modo Diseño. La barra de herramientas del emulador se muestra automáticamente, lo que le permite planificar el diseño por dispositivo de destino.
    Al seleccionar un componente, se muestran las opciones flotantes y ocultas en el menú de edición, junto con los controladores de tamaño del componente.
  5. Al capturar y arrastrar el controlador de cambio de tamaño del componente, se muestra automáticamente la cuadrícula de diseño para ayudarle con el cambio de tamaño.

Información adicional

Para obtener más información, consulte el documento de creación Diseño adaptable o el documento de administrador Configuración del contenedor de diseño y el modo de diseño para obtener detalles técnicos completos.