{"section":"tutorials","requestedLocale":"en","requestedSlug":"controls-for-displaying-the-brand-name","locale":"en","slug":"controls-for-displaying-the-brand-name","path":"docs/en/tutorials/storefront/layout/controls-for-displaying-the-brand-name.md","branch":"main","content":"There are two controls that render the brand name:\n- `$product.BrandName`\n- `$product.Brand`\n\nBoth are shelf controls, that is, they only work on pages that use shelf templates.\n\nThe difference between the two is as follows:\n\n- The `$product.BrandName` control displays the brand name as it's registered in the store catalog. For example, if you registered a brand name like \"Oliveira Juices\", when you use this control, the __brand name__ will be rendered in the same way: \"Oliveira Juices\". This control renders only the pure string. To manipulate it on the front end, you can insert the control into an HTML element, such as a div or a span, with the class you want.\n- The `$product.Brand` control displays the brand name in a __format specified to compose URLs__. This is because uppercase characters will be replaced by their lower case equivalents, and spaces will be replaced by dash. For example, if the brand name registered in the catalog is \"Oliveira Juices\", this control will render the following: \"oliveira-juices\". In this case, the rendered HTML code has the following format: `<p class=\"texto brand {brand}\">{brand}`, where \\{brand\\} is the brand name."}