{"section":"tutorials","requestedLocale":"pt","requestedSlug":"controles-para-exibir-o-nome-da-marca","locale":"pt","slug":"controles-para-exibir-o-nome-da-marca","path":"docs/pt/tutorials/storefront/layout/controles-para-exibir-o-nome-da-marca.md","branch":"main","content":"Existem dois controles que renderizam o nome da marca:\n- `$product.BrandName`\n- `$product.Brand`\n\nAmbos são controles de prateleira, ou seja, funcionam apenas em páginas que usam templates de prateleira.\n\nA diferença entre os dois é a seguinte:\n\n- O controle `$product.BrandName` exibe o nome da marca conforme ela está cadastrada no catálogo da loja. Por exemplo, se você cadastrou uma marca como \"Sucos Oliveira\", ao usar este controle, o __nome da marca__ será renderizado do mesmo modo: \"Sucos Oliveira\". Este controle renderiza apenas a string pura. Para manipulá-la no front-end, você pode inserir o controle em um elemento HTML, como um div ou span, com a classe que desejar.\n- O controle `$product.Brand` exibe o nome da marca em um __formato indicado para compor URLs__. Isto porque caracteres em caixa alta serão substituídos por seus equivalentes em caixa baixa, e espaços serão substituídos por traço. Por exemplo, se o nome da marca cadastrado no catálogo é \"Sucos Oliveira\", este controle vai renderizar o seguinte: \"sucos-oliveira\". Neste caso, o código HTML renderizado tem o seguinte formato: `<p class=\"texto brand {brand}\">{brand}`, onde \\{brand\\} é o nome da marca."}