How to customize the display of the related information bar inside the pages

Problem:
When we created a page with a related information bar without content, in the right column of the page an empty related information bar was displayed.

Solution:
In order to avoid the display of an empty related information bar, we edited the typoscript of the homepage template in the following way (in the setup field):


###############
### RELATED ###
###############

lib.related = COA
lib.related.5 < lib.rel_info_bar
lib.related.stdWrap {
wrap = <div id="right-col"><h2>Highlights</h2><div id="right-col-content"> | </div></div>
required = 1
}