(solved) Skype and Website doesn't have a contact panel button - bar

[Mandi]

The core phpBB profile fields of Skype and Website didn't have the button - bar. Adding these missing items requires the following additions.

Go to ext/pgreca/pgsocial/styles/all/template and open this file pg_social_profile.html

Locate (approx line 95) which looks like this:

Code: Select all

{% for custom_fields in loops.custom_fields %}

Below it add:

Code: Select all

{% if custom_fields.PROFILE_FIELD_IDENT == 'phpbb_website' %}<dd class="{{ custom_fields.PROFILE_FIELD_IDENT }}"><a target="_blank" href="{{ custom_fields.PROFILE_FIELD_VALUE }}"><i class="fa fa-globe" aria-hidden="true"></i> Website</a></dd>{% endif  %}

Locate (approx line 99) which looks like this:

Code: Select all

{% if custom_fields.PROFILE_FIELD_IDENT == 'phpbb_instagram' %}<dd class="{{ custom_fields.PROFILE_FIELD_IDENT }}"><a target="_blank" href="https://instagram.com/{{ custom_fields.PROFILE_FIELD_VALUE }}"><i class="fa fa-instagram" aria-hidden="true"></i> Instagram</a></dd>{% endif  %}

Below it add:

Code: Select all

{% if custom_fields.PROFILE_FIELD_IDENT == 'phpbb_skype' %}<dd class="{{ custom_fields.PROFILE_FIELD_IDENT }}"><a target="_blank" href="skype:{{ custom_fields.PROFILE_FIELD_VALUE }}?userinfo"><i class="fa fa-skype" aria-hidden="true"></i> Skype</a></dd>{% endif  %}

Locate (approx line 264) which looks like this:

Code: Select all

{% for custom_fields in loops.custom_fields %}

Below it add:

Code: Select all

{% if custom_fields.PROFILE_FIELD_IDENT == 'phpbb_website' %}<dd class="{{ custom_fields.PROFILE_FIELD_IDENT }}"><a target="_blank" href="{{ custom_fields.PROFILE_FIELD_VALUE }}"><i class="fa fa-globe" aria-hidden="true"></i> Website</a></dd>{% endif  %}

Locate (approx line 268) which looks like this:

Code: Select all

{% if custom_fields.PROFILE_FIELD_IDENT == 'phpbb_instagram' %}<dd class="{{ custom_fields.PROFILE_FIELD_IDENT }}"><a target="_blank" href="https://instagram.com/{{ custom_fields.PROFILE_FIELD_VALUE }}"><i class="fa fa-instagram" aria-hidden="true"></i> Instagram</a></dd>{% endif  %}

Below it add:

Code: Select all

{% if custom_fields.PROFILE_FIELD_IDENT == 'phpbb_skype' %}<dd class="{{ custom_fields.PROFILE_FIELD_IDENT }}"><a target="_blank" href="skype:{{ custom_fields.PROFILE_FIELD_VALUE }}?userinfo"><i class="fa fa-skype" aria-hidden="true"></i> Skype</a></dd>{% endif  %}

Save

Now go to the location ext/pgreca/pgsocial/styles/all/theme and open the file pg_social.css
Locate (approx line 1831 - 1833) which looks like this:

Code: Select all

#pg_social .panel .colum dl.social_networks dd.phpbb_github {
	background-color: #333;
}

Below it add:

Code: Select all

#pg_social .panel .colum dl.social_networks dd.phpbb_skype {
	background-color: #00aff0;
}

Locate (approx line 1839 - 1841) which looks like this:

Code: Select all

#pg_social .panel .colum dl.social_networks dd.phpbb_twitch {
	background-color: #6441a5;
}

Below it add:

Code: Select all

#pg_social .panel .colum dl.social_networks dd.phpbb_website {
	background-color: #886cc4;
}

Save

Go to ACP and purge - reset the cache for the changes to show up.