Tutorial válido solo para tiendas CMS Portal Legado.
Iniciamos este artículo advirtiendo que la tendencia y las buenas prácticas indican que se use una única versión (responsiva) para desktop y mobile.
Crear una versión mobile aparte era una práctica adoptada cuando los recursos de CSS dificultaban la adaptación de una versión desktop para mobile. Hoy en día, con los recursos que ofrece el CSS, se ha hecho estándar crear una versión responsiva.
Lea más sobre este asunto en el artículo Responsivo x Versión Mobile.
Este artículo tiene el objeto de ilustrar cómo preparar un ambiente de desarrollo para versión mobile sin impactar la versión de producción.
Existen algunas manearas de desarrollar una versión mobile sin impactar la versión desktop y sin que este desarrollo esté público en navegaciones de mobile. En este artículo abordaremos la principal.
Desarrollando versión mobile
Para desarrollar una versión mobile con un nuevo WebSite, debe seguir los siguientes pasos:
- Configurar nueva tienda (temporal) en Configuración de la cuenta. Este paso lo debe realizar el responsable de la tienda (ambiente). En el Admin VTEX, accede a Configuración de la cuenta > Cuenta. Selecciona la cuenta deseada y haga clic en Configurar otra tienda
- Crear (o clonar lo principal) un nuevo WebSite en el CMS Layout
Storefront > Layout > Carpeta de CMS > Sites and Channels > New Website
- Crear estructura de carpetas del WebSite Mobile: en este paso será necesario crear las carpetas estándar del sistema que se usarán en la versión mobile (búsqueda, departamento, categoría, marca, producto, etc.)
Desarrollar versión mobile.
Para visualizar la versión mobile, acceda al sitio por el ambiente myvtex.com a través de algún host configurado en Configuración de la cuenta. No olvide los siguientes parámetros: ?uam=true&mobile={version_mobile).
Ejemplo: http://nombredelatienda.myvtex.com?uam=true&mobile=4
Publicando versión mobile
Una vez que el desarrollo esté concluido, para publicar la versión mobile, siga los pasos abajo:
- Definir versión mobile del WebSite Principal. En el WebSite Principal, configure el campo WebSite-Mobile, apuntando al WebSite Mobile.
- Definir WebSite-Padre de la versión Mobile. En el WebSite Mobile, configure el campo WebSite-Padre, apuntando al WebSite Principal
- Excluir Enlace (WebSite Binding) de la versión Mobile. En el WebSite Mobile, excluya el Enlace (Binding) creado. Obs.: Versiones mobile no necesitan enlace porque heredan esa configuración del WebSite-Padre.
- Excluir la tienda Mobile (Temporal) creada en Configuración de la cuenta. Esa tienda se creó solamente para servir como ambiente para el desarrollo del mobile. Como la versión mobile heredará los hosts del WebSite Principal, esa tienda no se usará más y, por eso, se indica su exclusión.