no alt information for images

Hello everyone,

I hope you guys are fine and doing well.
I am using same template as refreshed news template with NSPGK 5 and 4.
Recently I have realized that NSP 5 doesnt take alt information from K2 images.
Situation is same also on your demo site.

For example

Code: Select all

<img class="nspImage" src="https://demo.gavick.com/joomla3/news/modules/mod_news_pro_gk5/cache/k2.items.cache.077ab55046ce80eaf9a3ddea999597ca_Genericnsp-192.jpg" alt="">

How can I fix this?

Thanks a lot
Regards
Okan

Hi

Solution will depend from style You are using. Can I please see this module on live site ? Or just tell me the style.

I have a similar problem. No alt information for images.
I use NSPGK with standard mode.

Please, help!

Frontpage Header
Module style: gk_style under Gk_news
Module mode: New News - Slider
Module Position: header

Code: Select all

<div class="gkImageArea" style="background-image: url('http://www.hvacspider.com/media/k2/items/cache/d9ce752361d454057c245a6d830e76f3_XL.jpg');"></div>

Top banner - GK5
Module style: gk_style under Gk_news
Module mode: New News - Slider
Module Position: bannertop

Code: Select all

<img class="gkImage" src="http://www.hvacspider.com/media/k2/items/cache/b02aa2a324e02550b2c16c7a3489589f_S.jpg" alt="" height="120" width="120">

Latest News
Module style: gk_style under Gk_news
Module mode: standart mode
Module Position: mainbody_top

Code: Select all

<img class="nspImage" src="http://www.hvacspider.com/media/k2/items/cache/633ad04911b9ff78ce6e391fd459409b_XL.jpg" alt="">

Hi

A fix to that would require changes to every style and every source supported. I'll let programmers know, but it may take some time. Meanwhile, please show me a page with example modules so I'll come up with a script to reuse article title for image.

I sent PM to you

Hi

Try add this to /layout/blocks/head.php

Code: Select all

<script type="text/javascript">(function($) {$(document).ready(function() {
$('img').each(function(){
if( $(this).attr('alt') == '' || $(this).attr('alt') == undefined ) {
    $(this).attr( 'alt', $(this).parent().parent().find('.nspHeader a, .gkTitle a').html() );
}
});
});})(jQuery)</script>


Hi,
Unfortunately it doesn't work.
I also tried to add to layouts/default.php

I don't know did you check or not but it is so interesting that NSP Gk4 is working well. It shows alt info.

Hi

So You mean NSP has started to work after adding my script ? I was designed to only add "alt" to NSP, so if You have same problem in other places please tell me where. Also send me an access to ftp, so I'll be able to test it live.

It is my bad. Sorry. I had to explain properly.

After tried your code I deleted from
/layouts/default.php
/layout/blocks/head.php

I was trying to say without any change and any code NSP Gk4 works well. It shows alt information.
It didn't happen after add your code.

Hi

I'm completely lost right now. Wasn't this question asked because NSP was not showing "alt" informations ?? ;/

Tell me exactly in which module You want to show this "alt", best with a screenshot and send me an access to FTP.

Dear teitbite,

I have NSP4 and NSP5
NSP4 working well and shows alt information.
But NSP5 doesn't work. I mean all NSP5 modules which I use on my website.

I sent admin panel information by PM.

You can check it by your self.

Maybe you missed, in my first message I said also your demo page has same problem. You can fix there and come with solution to here.

Code: Select all

<img class="nspImage" src="https://demo.gavick.com/joomla3/news/modules/mod_news_pro_gk5/cache/k2.items.cache.077ab55046ce80eaf9a3ddea999597ca_Genericnsp-192.jpg" alt="">

Regards

Hi

So I understood You correctly and my code was exactly to help with that problem. I've just copied it to /layout/blocks/head.php and "alt" works just fine. Please check.

Thats awesome.

Thank you so much.

Regards

Hi
Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro

Hy teitbite,
it's possible to know how to solve the image missing alt tag on thumbs?
thanks in advance,
Luke

here an example: https://www.toptourofitaly.com/best-tou ... -from-rome

Hy,
i've added the code by myself into head.php as you suggestet to abbath..
and it's working fine...
sorry for asking you before try?

Hi

No problem. Script should work on any site with NSP, but I believe there are module styles with a different build where this still may not work, so I'm leaving this thread open in case someone will need to ask me for such case.

Hy Teitbite,
sorry for asking you again, but you're right...
with the module mode "product gallery 2" the script doesen't work...
You can check into the home page of www.toptourofitaly.com
Thanks in advance,
Luke

Hi

Here same code adjusted for ProductGallery2 NSP style:

Code: Select all

<script type="text/javascript">(function($) {$(document).ready(function() {
$('img').each(function(){
if( $(this).attr('alt') == '' || $(this).attr('alt') == undefined ) {
    $(this).attr( 'alt', $(this).parent().parent().find('.nspHeader a, .gkTitle a, h4 a').html() );
}
});
});})(jQuery)</script>


Great
Thanks!
L.

Hi
Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro