{"section":"tracks","requestedLocale":"pt","requestedSlug":"cms-portal-legado","locale":"pt","slug":"cms-portal-legado","path":"docs/pt/tracks/módulos-vtex-primeiros-passos/cms/cms-portal-legado.md","branch":"main","content":"## Layout\n\nA seção [Layout](/pt/subcategory/layout--2g6LxtasS4iSeGEqeYUuGW) permite que você crie seu storefront usando HTML e CSS. Ela é organizada em pastas e arquivos com as funções descritas abaixo.\n\n![CMS - Layout PT](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tracks/módulos-vtex-primeiros-passos/cms/cms-portal-legado_1.png)\n\n- **HTML Templates:** criar o código HTML e os arquivos JavaScript e CSS de referência que serão usados nas páginas do site.\n\n- **Shelves Templates:** gerenciar os templates de prateleiras, ou seja, os componentes responsáveis pela renderização de um grupo de produtos no storefront.\n\n- **Custom Elements:** criar as condições necessárias para implementar componentes reutilizáveis, como rodapés, em outras partes da loja.\n\n- **URL Builder:** redirecionar as URLs existentes para outras de interesse. Isso evitará erros de indexação e ajudará a manter os resultados de SEO.\n\n- **Files Manager:** carregar arquivos de imagem no site da sua loja. Você pode armazenar JavaScript, CSS e arquivos de imagem do site. Caso queira usar algum desses arquivos na sua loja, você deve referenciá-los na seção **HTML Templates**.\n\n- **Product Cluster (Collections):** criar grupos de produtos. Você pode usar esse recurso para criar páginas de Campanhas ou de Coleções de Produtos com clusters de produtos específicos.\n\n- **Sites and Channels:** configurar [o binding da sua loja](/pt/docs/tutorials/o-que-e-binding) e outras configurações do Gerenciador de Licenças. Para saber mais, consulte o artigo [estrutura das pastas do CMS](/pt/docs/tutorials/estrutura-de-pastas-do-cms).\n\n## Configurações\n\nA seção [Configurações](/pt/subcategory/configuracoes-de-cms--6kovkwzMRyeOOc2iEC4suM) permite que você defina configurações relacionadas ao site da sua loja, como metadados, tags de SEO, tipos de arquivos, etc. \n\n![CMS - Settings PT](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tracks/módulos-vtex-primeiros-passos/cms/cms-portal-legado_2.png)\n\nA seção **Configurações** contém as seguintes abas:\n\n- **Gerais:** configurações gerais relacionadas aos metadados e às opções de compra da loja, como o título da página inicial e a quantidade máxima de SKUs no carrinho.\n- **SEO:** opções de personalização de palavras-chave e meta tags de SEO.\n- **Textos da loja:** banco de dados de variáveis de texto reutilizáveis que são renderizadas no storefront.\n- **Tipos de arquivos:** configurações relacionadas aos arquivos de ativos, como dimensões e tamanho da imagem. \n- **Regiões geográficas:** banco de dados das regiões geográficas onde os produtos da loja estão disponíveis.\n\n## Estrutura de pastas CMS Portal (Legado)\n\nNa VTEX, toda nova conta já dispõe de pastas pré-instaladas no seu CMS. Entretanto, algumas delas são __obrigatórias__. \n\nOu seja, se sua loja não tiver essas pastas - __com os nomes exatamente iguais__ aos que indicamos neste artigo - você terá problemas de navegação e de indexação.\n\nA demais pastas são apenas __sugestões__ por serem úteis à maioria das lojas. Mas a sua ausência não afeta uma conta em nada.\n\n### Pastas obrigatórias\n\nToda loja precisa ter, sem exceção, as seguintes pastas no CMS para garantir o correto funcionamento da navegação e da indexação:\n- Busca\n- Categoria\n- Departamento\n- Login\n- Produto\n\nVeja abaixo estas pastas básicas no CMS:\n\n![2 1](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tracks/módulos-vtex-primeiros-passos/cms/cms-portal-legado_3.png)\n\nEstas pastas vêm por padrão no ambiente de todas as lojas VTEX.\n\n> ⚠️ Atenção: os nomes das pastas obrigatórias **não** devem ser alterados.\n\nComo as pastas se referem a páginas dinâmicas, seus nomes não aparecem na navegação do cliente. \n\nIsso significa que a edição dos nomes ser vetada não afeta o texto final das suas URLs nem, portanto, a internacionalização do seu site.\n\nDesse modo, os nomes dos layouts podem ser editados sem nenhum problema.\n\n### Pastas importantes\n\nAlgumas pastas do CMS não são obrigatórias, mas são úteis. Por isso, indicamos que você não as exclua.\n\nSão elas:\n- `/account`: conta do cliente\n- `/account/orders`: pedidos do cliente\n\nPara estas duas pastas, o que importa é o controle ou placeholder que lê o conteúdo delas. Seus nomes delas podem ser livremente editados.\n\n> ℹ️ Tanto `/account` quanto `/account/orders` são pastas privadas. Por isso, ambas requerem autenticação. Veja no artigo [Exigir autenticação em páginas da loja](/pt/tutorial/exigir-autenticacao-em-paginas-da-loja) como garantir que elas estejam configuradas para pedir autenticação do usuário.\n\n### Pastas úteis\n\nHá pastas que, embora não sejam tão importantes quanto as anteriores, costumam ser úteis para grande parte das lojas. \n\nSão elas:\n- `/sistema/buscavazia`: pasta para onde o usuário é direcionado caso a busca não encontre resultados.\n- `/sistema/{codigoHTTP}`: pasta que renderiza páginas de erros de acordo com os códigos de status HTTP, tais como 404 (página não encontrada), 401 (não autorizado) e 500 (erro de servidor).\n- `/marcas`: pasta que contém layouts de páginas de marca, que podem ser customizadas com um layout exclusivo. Se não houver layout específico para marcas, estas páginas serão renderizadas iguais à pasta busca. Para entender como funcionam páginas de marca, veja o artigo [Como funciona a busca da VTEX](/pt/docs/tutorials/como-funciona-a-busca-da-vtex).\n\n## Controles nativos da VTEX\n\nControles são trechos de código que você pode utilizar nos templates do seu site para realizar ações específicas.\n\nNa VTEX, você encontra uma série de controles nativos para renderizar diversas funcionalidades.\n\nPor exemplo, usando o controle `<vtex.cmc:productName/>` em uma página de produto, o sistema fornecerá o nome do produto para ser exibido na tela.\n\nPara adicionar um controle, basta colá-lo no código. O resultado será renderizado na posição do código onde ele for adicionado.\n\n### Lista de controles nativos da VTEX\n\nVocê pode conferir todos os controles nativos disponíveis e seus respectivos usos no artigo [Lista de controles para templates](https://developers.vtex.com/docs/guides/list-of-controls-for-templates).\n\n## Referências\n\n- [Layout](/pt/subcategory/layout--2g6LxtasS4iSeGEqeYUuGW)\n- [Configurações](/pt/subcategory/configuracoes-de-cms--6kovkwzMRyeOOc2iEC4suM)\n- [O que são templates?](/pt/docs/tutorials/o-que-sao-templates)\n- [O que é um web site?](/pt/docs/tutorials/o-que-e-um-web-site)\n- [O que são controles?](/pt/docs/tutorials/o-que-sao-controles)\n- [O que são layouts?](/pt/docs/tutorials/o-que-sao-layouts)\n- [O que são prateleiras?](/pt/docs/tutorials/o-que-sao-prateleiras)\n- [O que é binding?](/pt/docs/tutorials/o-que-e-binding)\n\n## Guides\n- **[Criar e editar um template de página](/pt/docs/tutorials/como-criar-um-template-de-pagina):** Aprenda a criar template de página. O template de página é um modelo criado para definir uma estrutura HTML para apresentação do conteúdo das páginas.\n\n- **[Associar um template a um layout](/pt/docs/tutorials/associando-um-template-a-um-layout):** Associe um template a um layout usando a pasta Sites e canais.\n\n- **[Gerenciando placeholders](/pt/docs/tutorials/gerenciandoplaceholders):** Um placeholder é um trecho de código configurável que atende a condições definidas pela loja. Insira e configure um placeholder, por exemplo, um banner na sua loja.\n\n- **[Usando controles nativos da VTEX](https://developers.vtex.com/docs/guides/list-of-controls-for-templates):** Controles são trechos de código que você pode utilizar nos templates do seu site para realizar ações específicas, por exemplo, um controle em uma página de produto para exibir o nome do produto na tela.\n\n- **[Para que serve o Controle Customizado?](/pt/docs/tutorials/para-que-serve-o-controle-customizado):** Além dos controles nativos da VTEX, você pode criar seus próprios controles.\n\n## Controles\n- [Lista de controles para templates](https://developers.vtex.com/docs/guides/list-of-controls-for-templatesor-templates)\n- [Controle de Busca - fulltextSearchBox](/pt/tutorial/controle-de-busca-fulltextsearchbox--tutorials_549?&utm_source=autocomplete)\n- [Controle de destaque de coleção](/pt/docs/tutorials/controle-de-destaque-de-colecao)\n- [Controle de breadcrumb](/pt/docs/tutorials/controle-de-breadcrumb)\n- [Controles do template de prateleira](/pt/tutorial/controles-do-template-de-prateleira--tutorials_550?&utm_source=autocomplete)"}