Query about combination of html and hubl in id

Developer Support CMS Development
1

I saw a div id that combines both HTML and hubl inside a free module that provided by Hubspot ( Parallax_Hero_Banner)

id="hs-hero-{{ name }}

I wonder what id the {{name}} in hubl.

And

Why does it need to combine both HTML and hubl?

2

Welcome to the community @kyKaq!

the {{ name }} variable prints out the unique widget ID in the frontend. It will be used to make specific calls to this specific widget. Basicly if you have multiple “Parallax Hero Banner” on one page, each of them is going to have it unique widget ID, in this case to use seperate stylings (overlay color, overlay opacity and text color)

I hope this helps you.

- Chris