Documentation
Feedback
Guides
Storefront Development

Storefront Development
(Legacy) CMS Portal
How product name control works

The <vtex.cmc:productName/> control renders the product name as registered in the catalog.

Therefore, it works only on product pages.

The name rendered by this control is that of the product, not the SKU.

This is an example of the HTML code rendered by the Product Name control.


_10
<div class="fn productName Oculos-de-natacao-Speedo-Glypse ">Óculos de natação Speedo Glypse</div>
_10
<input id="___rc-p-id" type="hidden" value="2">
_10
<input id="___rc-p-dv-id" type="hidden" value="39,1">
_10
<input id="___rc-p-sku-ids" type="hidden" value="2">
_10
<input id="___rc-p-kit-ids" type="hidden" value="">

Notice that the product name appears inside a <div> tag, which receives the productName class.

You don't have to worry about the four <input> tags also rendered by the control. They have internal function to the platform.

Contributors
1
Photo of the contributor
+ 1 contributors
Was this helpful?
Yes
No
Suggest edits (Github)
Contributors
1
Photo of the contributor
+ 1 contributors
On this page