Páginas de la tienda específicas del dispositivo y sensibles

Las páginas de la tienda sensibles y las páginas de la tienda son específicas del dispositivo de forma predeterminada. La transición entre páginas sensibles y páginas específicas del dispositivo está controlado por la infraestructura de detección de dispositivos.

Las páginas de la tienda siguientes son sensibles de forma predeterminada:

Detección de dispositivos

la detección de dispositivos permite devolver las páginas de cliente, en función del dispositivo utilizado para acceder al sitio. El HCL Commerce service está configurado para identificar los navegadores basándose en su serie de agente de usuario. Correlaciona el dispositivo con una de dos agrupaciones: Escritorio o móvil.

A través de esta detección, el usuario puede visualizar las diferentes páginas, lo cual ofrece una óptima experiencia de usuario adaptada a la pantalla y las capacidades del dispositivo del usuario.

Las páginas específicas que tienen un equivalente en dispositivos de sobremesa y móvil se diferencian y el navegador se reenvía a la versión adecuada de la página. Estas páginas pueden actuar como "ramas", bifurcando a los usuarios hacia flujos personalizados creados únicamente para servir a compradores de móvil o de escritorio. Los flujos complejos pueden hacer que los usuarios entren y salgan de flujos específicos de escritorio o móvil en cualquier momento, devolviendo a los usuarios a páginas con vistas tanto de escritorio como de móvil.

El URL de entrada sirve como punto de ramificación entre páginas sensibles y específicas del dispositivo, donde:
  1. La detección de dispositivos está habilitada en la vista que sirve de punto de entrada a una página específica del dispositivo.
  2. Al pulsar, se redirige a los compradores a la página específica del dispositivo desde la página sensible.
  3. Los compradores van por el escaparate específico del dispositivo hasta que se pulsa una página sensible.
  4. A continuación, los compradores se colocan en el área sensible del escaparate.
Las páginas del escaparate siguientes contienen puntos de ramificación de forma predeterminada:

Páginas de la tienda de reserva fluidas y móviles

Las páginas de tienda siguientes son totalmente sensibles y fluida, pero no se gestionan utilizando la herramienta de Commerce Composer:
  • Comparación de productos
  • Búsqueda avanzada
  • Localizador de tiendas

Cuando se publica la tienda de inicio Aurora como tienda Directo al consumidor, las siguientes páginas móviles se utilizan como una reserva en el escaparate sensible:

Los cambios de configuración que facilitan la transición

Las configuraciones siguientes se actualizan para habilitar las transiciones entre páginas de la tienda sensibles y de dispositivos específicos:
  • El archivo de configuración de los Struts (struts-config-ext.xml en las versiones 9.0.0.x de HCL Commerce o las versiones 9.0.1.+ de struts-wcs-stores-custom.xml) se actualiza para incluir más entradas. Las entradas para páginas de la tienda de dispositivos móviles se vuelven a correlacionar para compartir nombres de vistas que son comunes a la tienda base. Los ID de dispositivo definidos en el archivo wc-devices.xml se añaden a los nombres de vista en el archivo de configuración de Struts. Estas páginas apuntan a las páginas en las que el sitio se ramifica desde páginas de la tienda del escritorio al teléfono inteligente basándose en el dispositivo que utiliza el comprador. Para las páginas identificadas como puntos de ramificación en un archivo JSP específico de dispositivo móvil, donde el URL se comparte entre la página de la tienda móvil y de base, el almacenamiento en memoria caché sólo se realiza en el archivo JSP, en lugar de hacerlo en la página.
  • Spring MVC de la tienda controla qué páginas de la tienda se devuelven al navegador y puede diferenciar entre dispositivos cuando el URL es compartido entre la página de la tienda básica y móvil. Para obtener más información sobre la configuración de Spring MVC y cómo personalizarlo, consulte Personalización de MVC Spring y del controlador de tienda.
  • Las definiciones de patrones SEO se actualizan para utilizar los nombres de vistas y la estructura actualizados que se refleja en la tienda base. Es decir, la señal m20 para teléfono inteligente se elimina.
    Nota: Las definiciones de patrón SEO suelen aplicarse a la página de detalles del producto. Es decir, no todos los URL de tienda de inicio de teléfono inteligente son compatibles con los URL de SEO.
  • Los archivos JSP de teléfono inteligente se actualizan para utilizar los nombres de vistas actualizadas y patrones de SEO. Estas instancias incluyen aquellas en las que se requieren nombres de vistas de tienda base y donde se cambian los nombres de patrones SEO. Por ejemplo, detalles del producto.
  • Internet Explorer 8 utiliza diferentes archivos CSS y se comporta de forma diferente que otros navegadores web. Cambiar el tamaño de la cabecera está inhabilitado en Internet Explorer 8 con el código siguiente, debido a una limitación en el tamaño de pantalla cuando la pantalla se queda en negro:
    
window.setTimeout(updateDepartmentsMenu, 200);
if (!(has("ie") < 9)) { // Disabled due to an IE8 bug causing the page to go partially black
on(window, "resize", updateDepartmentsMenu);
}