Для изменения свойств интерактивных областей следует на странице редактирования объекта добавить код в разделе CSS стили шахматки :
Настроим смещение надписи "Секция" для секции с ID 48 - правее на 5px и выше на 50px:
:root { --chess-interaction-sections-48-label-offset: 5px 50px; }
Настроим смещение надписи "Секция" для секции с ID 48 на интерактиве объекта с ID 100 - правее на 5px и выше на 50px:
:root { --chess-interaction-sections-48-on-gprojects-100-label-offset: 5px 50px; }
Добавим ярлык "NEW" для дома с ID 31:
.buildings-31-label.object-label:before {
content: 'NEW';
background: #ec6372;
color: #FFF;
font-size: 9px;
padding: 5px;
border-radius: 5px;
position: absolute;
right: 0px;
transform: translate(50%, -35%);
}
Добавим подпрыгивание надписи "Дом 1" для дома с ID 31:
@keyframes bounce {
0% {
transform: translateY(0%);
}
100% {
transform: translateY(-20%);
}
}
.buildings-31-label.object-label {
animation-duration: 0.8s;
animation-name: bounce;
animation-iteration-count: infinite;
animation-direction: alternate;
}
Заменим текст надписи "Дом 7" на "Коттедж 2" для дома с ID 32 и зададим размер шрифта 11px:
.buildings-32-label.object-label .label-type-value {
font-size: 0px;
}
.buildings-32-label.object-label .label-type-value:after {
content: "Коттедж 2";
font-size: 11px;
}
.buildings-32-label.object-label .label-name {
display:none;
}
Пример https://web.flatris.com.ua/custom_badge.html
Для скрытия всех надписей домов:
.buildings-label.object-label {
display:none;
}