Difference between revisions of "Replacing Default Avatar"

Latest revision as of 10:29, 1 April 2014

Overview

One of the "hidden" functionalities which really is a gem and life saver for every admin that wants their sites to rise above other is the ability to easily change the default avatars and maintain that change with ease. A common belief is to replace avatars in their original location, and while this would obviously work because its just an image that is being replaced, it is not a good practice to do that as your custom avatars will be overridden with every upgrade of JomSocial
In this article, we will show you how to properly replace the avatars on your JomSocial web site.

Files That You Want To Change

Most of the files you want to modify are located in this folder
ROOT/components/com_community/assets
It contains all of the default avatars for both, male and female users, groups, events, but also for videos and photos too. We will list them all now

Male Avtar - user-Male.png
Male Avatar Thumbnail - user-Male-thumb.png
Female Avatar - user-Female.png
Female Avatar Thumbnail - user-Female-thumb.png
Album Picture - album_thumb.jpg
Photo Thumbnail - photo_thumb.png
Video Thumbnail - video_thumb.png
Group Avatar - group.png
Group Avatar Thumbnail - group_thumb.png
Event Avatar - event.png
Event Avatar Thumbnail - event_thumb.png

Location Where to Change Them

Do NOT change anything in assets folder

Create this folder if it don't already exist
ROOT/templates/YOURTEMPLATE/html/com_community/images
Copy and paste all files mentioned above.
You can now start editing your overridden avatars.

TIP: if you create your own template you can put those avatars in your_template/images folder as well

Replacing Default Covers

Since JomSocial 3.2

Its the same thing with covers for profiles, groups and events.
Again, go to the assets folder, copy these files, and paste them into your_template/images folder

cover-male-default.png
cover-female-default.png
cover-undefined-default.png
cover-group-default.png
cover-event.png

@@ Line 1: / Line 1: @@
-{{alert|<center>This page requires review. You don't have to be UDA to use a different avatar - its just an image </center>|alert-success}}
+==Overview==
+One of the "hidden" functionalities which really is a gem and life saver for every admin that wants their sites to rise above other is the ability to easily change the default avatars and maintain that change with ease.
+A common belief is to replace avatars in their original location, and while this would obviously work because its just an image that is being replaced, it is not a good practice to do that as your custom avatars will be overridden with every [[Upgrading|upgrade]] of JomSocial <br />
+In this article, we will show you how to properly replace the avatars on your JomSocial web site.
-'''Extra Default Avatar Sets for Unlimited Developer Access'''.
+==Files That You Want To Change==
+Most of the files you want to modify are located in this folder<br />
+'''ROOT/components/com_community/assets'''<br />
+It contains all of the default avatars for both, male and female users, groups, events, but also for videos and photos too. We will list them all now<br />
-As an Unlimited Developer Access(UDA) member, you will be able to download extra sets of default avatars for your site.
+* '''Male Avtar''' - user-Male.png
-How to replace a default avatar:
+* '''Male Avatar Thumbnail''' - user-Male-thumb.png
+* '''Female Avatar''' - user-Female.png
+* '''Female Avatar Thumbnail''' - user-Female-thumb.png
+* '''Album Picture''' - album_thumb.jpg
+* '''Photo Thumbnail''' - photo_thumb.png
+* '''Video Thumbnail''' - video_thumb.png
+* '''Group Avatar''' - group.png
+* '''Group Avatar Thumbnail''' - group_thumb.png
+* '''Event Avatar''' - event.png
+* '''Event Avatar Thumbnail''' - event_thumb.png
- Download avatar sets from the download page.
+==Location Where to Change Them==
- Unzip the file. Each folder contains one set of avatars.
+{{alert|<center>'''Do NOT change anything in assets folder'''</center>|alert-danger}}
- Select all image files in one of the folder.
+Create this folder if it don't already exist<br />
- Upload the image files to /components/com_community/assets/
+'''ROOT/templates/YOURTEMPLATE/html/com_community/images'''<br />
- This will replace the existing images with the new ones.
+Copy and paste all files mentioned above.<br />
+You can now start editing your overridden avatars.
+{{alert|'''TIP:''' if you create your own template you can put those avatars in '''your_template/images''' folder as well|alert-info}}
-{{alert|<strong>Note:</strong> You can only use one set of avatars at a time since the new files will replace the old ones. You may mix and match (or build one of your own). Just make sure that the file names are the same.|alert-info}}
+==Replacing Default Covers==
+{{alert|<center>'''Since JomSocial 3.2'''</center>|alert}}
+Its the same thing with covers for profiles, groups and events.<br />
+Again, go to the assets folder, copy these files, and paste them into '''your_template/images''' folder
+* '''cover-male-default.png'''
+* '''cover-female-default.png'''
+* '''cover-undefined-default.png'''
+* '''cover-group-default.png'''
+* '''cover-event.png'''
+==See Also==
+* [[Customizing Template]]