Com o Widgets Browsing Context, você pode:

✓ visualizar o Contexto Global do Liquid na página da Loja

✓ utilizar o Contexto em customizações JS.


O Widget Browsing Context

O Browsing Context é um objeto javascript que possui os mesmos contextos globais disponíveis no Liquid.

Basicamente o objeto browsingContext é dividido em 3 partes: Common, Custom e Page.

Visualizar

  • 1. Na página de escolha (no exemplo a home) abra o Modo Desenvolvedor (clique com o botão direito). 
     



  • Abra o ambiente de Console e digite browsingContext . 



  • Aperte Enter para visualizar o Contexto e interaja com ele com o mouse. 


Principais Contextos

Os principais contextos se encontram dentro de browsingContext.Common:

  • Contexto Shopper 
  • Contexto Urls
  • Contexto Basket 
  • Contexto Config

Utilizando em Scripts Personalizados

Segue um exemplo simples, no console de como o browsingContext pode ser utilizado em scripts. A mesma lógica é aplicável em recursos JS


var usuarioLogado = browsingContext.Common.Shopper.IsAuthenticated;
if (usuarioLogado){
    alert("Usuário está logado");
} else {
    alert("Usuário não está logado");
}


  • Sem rótulos