É muito simples configurar um layout mobile para a sua loja no VTEX. Para isso, acesse o menu Configurações > Páginas de Vitrine (v2) no Admin. Uma vez no Gerenciador do Portal, clique na pasta Portal > Websites.

No botão novo website será possível criar um novo layout responsivo para ser utilizado em dispositivos móveis. Se preferir, você pode copiar um layout existente e criar um novo a partir dele, modificando-o.

Para configurar o layout, clique no nome dele na barra lateral esquerda (você deve ver um ícone de planeta à esquerda do nome). Na janela que se abre do lado direito da tela, é preciso selecionar o layout principal de sua loja no campo WebSite-Pai.

Faça o mesmo processo no layout principal, ao selecionar o layout mobile no campo WebSite-Mobile clicando no ícone do layout principal (que no exemplo abaixo se chama LojaVtex).

Acima é possível visualizar o campo WebSite-Pai, onde escolhemos o layout principal da loja. Em seguida é preciso fazer o mesmo como layout principal, mas desta vez ao definir o campo WebSite-Mobile.

Fique atento aos seguintes pontos:

• Não é necessário definir um binding no website mobile.
• Também não será necessário criar no dicionário da versão mobile a chave EnderecoSite, visto que o site mobile terá a mesma URL do site padrão da loja.
• Ao acessar a loja pelo celular, o sistema adicionará na URL os parâmetros “uam” e “mobile”, identificando que o navegador está acessando a versão da loja para dispositivos móveis.