Documentação de Temas

tray

Esse objeto retorna algumas configurações e integrações relacionadas a loja.

Atributos disponíveis

AtributosDescrição

{{ tray.analytics}}

Script de estatísticas de visitas do Google Analytics

{{ tray.credits }}

Retorna informações de créditos da Tray message, status, url

{{ tray.lang }}

Utiliza a regionalização já existente para retornar a linguagem utilizada. No código, adicione a variável tray.lang na tag <html>. Atualmente a variável está configurado para identificar e retornar:

Inglês [en]

Espanhol [es]

Português [pt]

{{ tray.meta }}

Retorna informações de meta dados configuradas na plataforma

{{ tray.scripts }}

Retorna os scripts internos da plataforma.

{{ tray.scripts_login }}

Retorna os scripts relacionados ao processo de login. Este atributo está depreciado e será totalmente descontinuado no segundo semestre de 2022.

{{ tray.styles }}

Retorna as folhas de estilos internas da plataforma.

{{ tray.paths }}

Retorna caminho dos cdns utilizados no tema js, css, shop_image, system_image, theme

{% tray.theme_configs.custom_theme_preview %}

Valida se tem o item e exibe uma mensagem/texto com link para sair do modo preview do tema.

Exemplo de retorno do objeto tray:

 Array
  (
  [analytics] =>[SCRIPTS]
  [credits] => Array
      (
          [message] => Tecnologia TrayCommerce
          [status] => ATIVA
          [url] => [URL_REDIRECT]
      )
  [meta] => [META-TAGS]
  [scripts] =>[SCRIPTS]
  [styles] =>[STYLES]
  [paths] => Array
      (
          [js] => [PATH_URL]h
          [css] => [PATH_URL]
          [shop_image] =>[PATH_URL]
          [system_image] =>[PATH_URL]
          [theme] =>[PATH_URL]
      )
  )

Como usar

Abaixo um exemplo da utilização do objeto tray para retornar os metadados na página default.

Input
{{ tray.analytics }}
Output
<script>...</script>

O script carregado virá com todas informações necessárias na loja.

Como usar Modo Preview da loja

Abaixo um exemplo da utilização do atributo {% tray.theme_configs.custom_theme_preview %}

Input
{% if tray.theme_configs.custom_theme_preview %}
    <div class="mode-preview">
        <a href="/mvc/store/home/reset_opencode_preview?loja={{ store.id }}">Sair modo preview</a>
    </div>
{% endif %}
Output
Sair do modo preview
PrevioustagsNextthemePath

Last updated