Jomsocial karma image

According to Jomsocial support the karma images for Jomsocial is missing from the theme override in M Social:

https://www.jomsocial.com/forum/profile ... mage#98857

" As the jomsocial template overridden by gk_social.
It was supposed to have the karma image at "root/templates/gk_social/html/com_community/images"
So I have copied the images and now it is showing fine. "

You mean this karma image? (screenshot) If yes, the path to this file is components/com_community/templates/default/images/karma-0.5-5.png so it is displayed from original JomSocial installation path like all other images. We don't override any graphics and every single image is loading from original JomSocial files.

Sorry to post under wrong template but it's the same issue.

I'm using University and have same problem. The solution from a JomSocial dev was to upload GIF's into the directory the code is pointing, see here http://www.jomsocial.com/forum/technical-issues/14286-karma-icons-missing#72031 but when viewing the direct URL of the missing image, if I change URL to .png vs. .gif it shows the image.

Can you please assist in me in locating the PHP or CSS file that calls the image(s) so I can modify the code to reference PNG's as intended?

Actual image on server

karma-0.5-5.png

FIle site is showing

karma-0.5-5.gif.png

The Gavick University JomSocial theme uses this path
components/com_community/templates/default/images/karma-0.5-5.gif

While the actual path should be
components/com_community/templates/default/images/karma-0.5-5.png

I thought the problem existed within JomSocial code, but updated from v 3.2.0.5 to JomSocial v3.2.1.4 and the problem still existed, so guessing this is in the University theme code.

Thank you in advance for your time.

Hi

Please tell me the exact url to the page where I can see this problem.

Hi

Please tell me the exact url to the page where I can see this problem.

It's a closed (private) community site so I'll PM you with a URL and credentials to login.

Hi

Can You please lift IP blocking for Poland ?

403: Access Forbidden

Your location (PL) has been blacklisted.

Hi

Can You please lift IP blocking for Poland ?

403: Access Forbidden

Your location (PL) has been blacklisted.

So sorry, I have disabled RSFirewall, you should have full access now... my sincerest apologies!

Hi

That's not a problem

Ok, I've checked every single line in our template override for jomsocial and there is nothing displaying even close to karma image, so I believe it can be either customised in jomsocial configuration or files. Anyway since the change is so small try using a small javascript to fix it. Add this to /layout/blocks/head.php

Code: Select all

<script type="text/javascript">(function($) {$(document).ready(function() {
$('.cFocus-karma img').each(function(){
var karmasrc = $(this).attr('src').replace('.gif','.png');
$(this).attr('src',karmasrc)
});
});})(jQuery)</script>


Works like a charm, thanks!!!

I guess this modification will need re-applied whenever template gets updated, any plans to incorporate it into the theme itself? Regardless, thank you for your time and assistance, as always, it's much appreciated!

Hi

Unfortunatelly not. I've checked the override files in our template and this icon is not loaded from there. I do not know where is the file loading it, because if I do I may be able to add an override.

I recently updated my University template which (naturally) broke this "fix". When I tried to place your code into the noted file again, it gives a syntax error and the site doesn't display. I would be most grateful if you could supply and post an update to the script.

Kind regards and Happy New Year!

Hi

No problem, but please remind me Your ftp access. I must have remove old messages because I cannot find it anywhere.

I just sent you a PM with both site and FTP credentials.

I believe I've located where to look for fix in theme for future updates. The Karma image works (shows) if JomSocial is using the default template. It's only broken (missing) when using the University theme.

And again, thank you for your time and assistance, it's greatly appreciated.

Hi

Code:

Code: Select all

<script type="text/javascript">(function($) {$(document).ready(function() {
$('.cFocus-karma img').each(function(){
var karmasrc = $(this).attr('src').replace('.gif','.png');
$(this).attr('src',karmasrc)
});
});})(jQuery)</script>


copied to the very end of /layout/blocks/head.php file. Images works again.