%section.group-page-members{aria-labelledby: 'members-card-title'}
  %h2#members-card-title.lmo-card-heading{ translate: 'group_page.members'}
  .group-member-list
    .group-member-list-item{ng-repeat: 'member in group.members() | limitTo:5'}
      .group-member-list-avatar.lg{data-username: '{{member.label}}'}
        %user_avatar{user: 'member', coordinator: 'memberIsAdmin(member)'}
    .group-page__members-placeholder.group-page-placeholder{translate: 'group_page.members_placeholder', ng-if: 'showMembersPlaceholder()' }
  .members-card__invite-members{ng-if: '::canAddMembers()'}
    %a.btn.btn-success.btn-block.lmo-btn-icon{href: '', ng_click: 'invitePeople()'}
      %i.fa.fa-lg.fa-plus>
      %span{translate: 'group_page.invite_people' }
  .members-card__manage-members.show-more.card-minor-action
    %a{href: '/g/{{group.key}}/memberships', translate: 'group_page.manage_members'}

%section.group-page-members{aria-labelledby: 'members-card-title'}
  %h2#members-card-title.lmo-card-heading{ translate: 'group_page.members', translate-value-count: '{{group.membershipsCount}}'}
  .group-member-list
    .group-member-list-item{ng-repeat: 'member in group.members() | limitTo:5'}
      .group-member-list-avatar.lg{data-username: '{{member.label}}'}
        %user_avatar{user: 'member', coordinator: 'memberIsAdmin(member)'}
    .group-page__members-placeholder.group-page-placeholder{translate: 'group_page.members_placeholder', ng-if: 'showMembersPlaceholder()' }
  .members-card__invite-members{ng-if: '::canAddMembers()'}
    %a.btn.btn-success.btn-block.lmo-btn-icon{href: '', ng_click: 'invitePeople()'}
      %i.fa.fa-lg.fa-plus>
      %span{translate: 'group_page.invite_people' }
  .members-card__manage-members.show-more.card-minor-action
    %a{href: '/g/{{group.key}}/memberships', translate: 'group_page.manage_members'}

Add membership count on group page
Add membership count on group page
