Controles de Template VTEX

<vtex.cmc:breadCrumb />

Funciona apenas nas páginas de Produto, Departamento, Categoria e Busca.


Busca Total

Buscar
<vtex.cmc:fullTextSearchBox />

Clique aqui para ver o artigo completo.


Mensagem de Boas Vindas

<vtex.cmc:welcomeMessage />

No admin, na aba Configurações > Textos, é possível alterar a frase de Bem vindo.


<vtex.cmc:departmentLinks />

Apresenta o primeiro nível de categorias criado no Admin. Necessário configurar no Departamento que o mesmo será apresentado no Menu Superior.


Título da Página

<vtex.cmc:searchTitle />

Exibe o título das páginas de Departamento, Categoria e Busca.


Espiar (QuickView)

<vtex.cmc:productQuickView />

Controle deve ser adicionado antes do fechamento da tag </body> do template de página de Quickview. Ele é fundamental para o carregamento dos arquivos necessários da página.


Fonte: https://help.vtex.com/tutorial/list-of-controls-for-templates?locale=pt

Este é um cabeçalho <h1>.

Este é um trecho de parágrafo <p> em negrito <b>. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ipsum magna, rhoncus et nisl sed, varius rhoncus mauris. Mauris euismod enim non molestie placerat.


Este é um cabeçalho <h2>.

Este é um trecho de parágrafo <p> com ênfase <em>. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ipsum magna, rhoncus et nisl sed, varius rhoncus mauris. Mauris euismod enim non molestie placerat.


Este é um cabeçalho <h3>.

Este é um trecho de parágrafo <p> importante <strong>. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ipsum magna, rhoncus et nisl sed, varius rhoncus mauris. Mauris euismod enim non molestie placerat.


Este é um cabeçalho <h4>.

Este é um trecho de parágrafo <p> em itálico <i>. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ipsum magna, rhoncus et nisl sed, varius rhoncus mauris. Mauris euismod enim non molestie placerat.


Este é um cabeçalho <h5>.

Este é um trecho de parágrafo <p> em sublinhado <u>. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ipsum magna, rhoncus et nisl sed, varius rhoncus mauris. Mauris euismod enim non molestie placerat.


Este é um cabeçalho <h6>.

Este é um trecho de parágrafo <p> em texto âncora <a>. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ipsum magna, rhoncus et nisl sed, varius rhoncus mauris. Mauris euismod enim non molestie placerat.


Este é um trecho de parágrafo <p> em código <code>. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ipsum magna, rhoncus et nisl sed, varius rhoncus mauris. Mauris euismod enim non molestie placerat.


  1. Esta é uma lista ordenada <ol>.
  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  3. Sed ut diam euismod, tristique libero non, commodo nulla.
  4. Vivamus convallis lacus et lacus tincidunt commodo.
  5. Donec non diam ac turpis fermentum vestibulum.


Esta é uma tabela <table> com cabeçalho <thead>, corpo <tbody> e rodapé <tfoot>.

Cabeçalho ACabeçalho BCabeçalho C
Célula A1Célula B1Célula C1
Célula A2Célula B2Célula C2
Célula A3Célula B3Célula C3
Rodapé ARodapé BRodapé C

Este é um trecho de parágrafo <p> em citação <blockquote>. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam posuere id ante eu porta. Nullam a ex ac erat accumsan malesuada. Curabitur tristique placerat enim, ac lacinia arcu aliquam sed. Fusce accumsan nibh quam, eget lobortis velit faucibus sed.