Дополнение
после выполнения вышеуказанных шагов , перейти:
Шаблоны --> core --> front --> profile --> profileHeader и найти:
{{if $member->pp_main_photo and ( mb_substr( $member->pp_photo_type, 0, 5 ) === 'sync-' or $member->pp_photo_type === 'custom' )}}
<a href="{file="$member->pp_main_photo" extension="core_Profile"}" data-ipsLightbox class='ipsUserPhoto ipsUserPhoto_xlarge'>
<img src='{$member->photo}' alt=''>
</a>
{{else}}
<span class='ipsUserPhoto ipsUserPhoto_xlarge'>
<img src='{$member->photo}' alt=''>
</span>
{{endif}}
Изменит на :
{{if $member->pp_main_photo and ( mb_substr( $member->pp_photo_type, 0, 5 ) === 'sync-' or $member->pp_photo_type === 'custom' )}}
<a href="{file="$member->pp_main_photo" extension="core_Profile"}" data-ipsLightbox class='ipsUserPhoto ipsUserPhoto_xlarge'>
<img src='{$member->photo}' data-groupID='{$member->member_group_id}' alt=''>
</a>
{{else}}
<span class='ipsUserPhoto ipsUserPhoto_xlarge'>
<img src='{$member->photo}' data-groupID='{$member->member_group_id}' alt=''>
</span>
{{endif}}
В custom.css добавит:
.ipsUserPhoto_xlarge img, img.ipsUserPhoto_xlarge, .ipsUserPhoto_xlarge[data-group_id="4"] { border: solid 3px #e74c3c; padding:2px;}