Что бы показать балун с максимумом информации, можно воспользоваться вот таким примером
Внутри балуна можно назначить свои классы для элементов и сверстать как того требует дизайн сайта.
| Код |
|---|
<?
while($ar_fields = $restorants->GetNext()){ // Вывод ресторанов (получаем выше CIBlockElement::GetList)
$mapPosition = explode(',', $ar_fields['PROPERTY_ATT_MAP_VALUE']);
$img_path = CFile::GetPath($ar_fields["PREVIEW_PICTURE"]);
$wFrom = $ar_fields['PROPERTY_ATT_ORDER_FROM_VALUE'];
$wTo = $ar_fields['PROPERTY_ATT_ORDER_TO_VALUE'];
?>
.add(new ymaps.Placemark([<?=$mapPosition[0]?>, <?=$mapPosition[1]?>], {
balloonContentHeader: '<strong><?=$ar_fields['NAME']?></strong>' +
'<span><b>Время работы:</b><br> <?echo $wFrom ? 'c ' . $wFrom . ':00 ' : '';?> <?echo $wTo ? 'до ' . $wTo . ':00': '';?></span>',
balloonContentBody: '<img class="baloon_img" src="<?=$img_path?>" width="120">',
balloonContentFooter: '<a href="/mobileapp/restorants/?ELEMENT_ID=<?=$ar_fields['ID']?>">Посмотреть меню</a>' +
'<a href="/mobileapp/restorants/?ELEMENT_ID=<?=$ar_fields['ID']?>">Бронирование столика</a>',
hintContent: 'пустой блок'
}, {
preset: 'islands#blueCircleDotIconWithCaption',
iconCaptionMaxWidth: '20'
}))
<?}?>
|
