Menu
Feedback
Start here
Tutorials
Developer portal

Known Issues
Support Rules
Troubleshooting

Frequently Asked Questions
Announcements
Tutorials
Tutorials
Explore in-depth tutorials for operating your VTEX store.
Tutorials
Storefront
Layout
Controls for displaying the brand name
Controls for displaying the brand name

There are two controls that render the brand name:

  • $product.BrandName
  • $product.Brand

Both are shelf controls, that is, they only work on pages that use shelf templates.

The difference between the two is as follows:

  • 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.
  • 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}</p>, where {brand} is the brand name.
Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Was this helpful?
Yes
No
Suggest Edits (GitHub)
Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
On this page
Still got questions?
Ask the community
Find solutions and share ideas in the VTEX community.
Join our community
Request support from VTEX
For personalized assistance, contact our experts.
Open a support ticket
GithubDeveloper portalCommunityFeedback