Return to previous page

Missing alt tag on Swap Images - by Royalty

This topic has 27 replies, 4 voices, and was last updated 9 years, 11 months ago ago by Jack Richardson

Royalty

Participant

November 7, 2015 at 09:34

Hello,
I’ve noticed that the hover effect images (Swap) dont’t have alt tags, although I have given alt tags to every image in my media library. It seems that the theme ignores these and thats a problem if I want to share one of these hover images via Pinterest. Because if there is no alt tag, Pinterest grabs the Yoast Seo Title of the current post or if there is no Yoast Seo installed, it grabs the image title tag of the current post. but not the image title tag that was given to the shared image itself.
I will give you some more details to check live this in Private Content.

Could you please help me and tell me how to add the image alt tags to the Hover Images?
Many thanks in advance!

Please, contact administrator
for this information.

#98241 Copied

26 Answers

Eva Kemp

Participant

November 9, 2015 at 11:25

Hello,

We’ll fix this issue in the next theme update.

Please take our apologies for inconveniences.

Regards,
Eva Kemp.

#98399 Copied

Royalty

Participant

November 9, 2015 at 12:35

Ok, so it will definetly be fixed in the next update? Can you already estimate when the update will be out?
Thank you.

#98416 Copied

Eva Kemp

Participant

November 11, 2015 at 10:38

Hello,

We’ll pass this issue to our developers and they will include the fix in the theme update.
A new version should be released approximately in a week or earlier.

Regards,
Eva Kemp.

#98820 Copied

Royalty

Participant

November 12, 2015 at 14:30

Ok great, looking forward for it. Thank you!

#99093 Copied

Eva Kemp

Participant

November 12, 2015 at 14:34

Hello,

You’re welcome.

Regards,
Eva Kemp.

#99095 Copied

jaarsmacommunicatie

Participant

November 16, 2015 at 00:05

Yes, I Found the same, Alt tags appear to be missing for all product images.

#99532 Copied

Eva Kemp

Participant

November 16, 2015 at 10:17

Hello @jaarsmacommunicatie,

This bug will be fixed in the next theme update.

Please take our apologies.

Regards,
Eva Kemp.

#99570 Copied

Royalty

Participant

November 28, 2015 at 14:36

Hello,
as there hasnt been an update to fix this yet, I wanted to ask when it will be out?
Thank you.

#101776 Copied

Eva Kemp

Participant

November 29, 2015 at 10:25

Hello @Royalty,

Our developers are working on the theme improvement and it should be released in short time.
We appreciate your patience and understanding.

Thank you.

Regards,
Eva Kemp.

#101820 Copied

Royalty

Participant

December 15, 2015 at 13:02

Thank you for fixing this. But instead of the product title, I would like to show the image alt tag. How do I have to edit the code to achieve this?
Many thanks in advance!

#104352 Copied

Eva Kemp

Participant

December 16, 2015 at 09:47

Hello,

You need edit the file wp-content/themes/royal/woocommerce/content-product.php in line 79 and change the code <img src="<?php echo $hoverImg['url']; ?>" alt="<?php the_title(); ?>" class="show-image"> to this one <img src="<?php echo $hoverImg['url']; ?>" alt="<?php alt_text(); ?>" class="show-image">

Regards,
Eva Kemp.

#104501 Copied

Royalty

Participant

December 16, 2015 at 17:11

Thank you. But for my needs, I need to edit wp-content/themes/royal/woocommerce/content-product-slider.php on line 90 too. But when I insert the provided code, it breaks the layout. Any suggestions?
Many thanks in advance!

#104618 Copied

Eva Kemp

Participant

December 17, 2015 at 14:04

Hello @Royalty,

Please provide us with FTP and wp-admin panel credentials in Private Content.

Regards,
Eva Kemp.

#104752 Copied

Royalty

Participant

December 19, 2015 at 23:46

Isnt it possible to help me without giving out my credentials?
I tried to replace <img src="<?php echo $hoverImg['url']; ?>" alt="<?php the_title(); ?>" class="show-image"> on line 90 of content-product-slider with <img src="<?php echo $hoverImg['url']; ?>" alt="<?php alt_text(); ?>" class="show-image"> but this breaks the layout. Any help how to edit the code would be really appreciated.
Many thanks in advance.

#105094 Copied

Royalty

Participant

December 19, 2015 at 23:51

Update: Dont know why but now it works. But its still showing the product title instead of the image alt tag. I’ve made the changes in content-product.php and in content-slider.php. Is there any part of the code that I have missed to edit?

#105095 Copied

Royalty

Participant

December 19, 2015 at 23:54

Sorry, I wanted to edit my last post but it always says “You cannot reply to this topic.”. My last post was wrong. The provided code still breaks the layout in content-slider.php.

#105096 Copied

Jack Richardson

Support staff

December 22, 2015 at 09:23

Hello,

Please provide us with FTP (FTP host, FTP user, FTP password) credentials in private content.

Best regards,
Jack Richardson.

#105392 Copied

Royalty

Participant

December 28, 2015 at 14:32

Hello,
please find temporary ftp credentials in private content. Please note that you have to make changes in themes/royalchildtheme/woocommerce because I have copied the edited woocommerce files into my childtheme folder.
Many thanks in advance!

Please, contact administrator
for this information.

#106005 Copied

Jack Richardson

Support staff

December 29, 2015 at 20:24

Hello,

Alternative text (alt tag) is only meant to be shown when the image cannot be displayed and title text is for tooltip. Set image title the same as alt text.

Best regards,
Jack Richardson.

#106227 Copied

Royalty

Participant

December 30, 2015 at 11:28

Thanks but your answer has nothing to do with my question. I was not asking for changing the tooltip text but for changing the share text when you share a swap image via the Pinterest share button. It shows the PRODUCT TITLE and I want it to show the IMAGE ALT TEXT.

#106298 Copied

Jack Richardson

Support staff

December 30, 2015 at 13:00

Hello,

Could you please show us on a screenshot what exactly wrong when you share a product via Pinterest? Thank you.

Best regards,
Jack Richardson.

#106318 Copied

Royalty

Participant

January 2, 2016 at 11:09

Hello Jack,
please find a screenshot in private content. The red marked texts of the swap/hover images are the Product title but I want them to be the image alt text. Maybe Eva can help too as she understood the problem and asked for the credentials.
Many thanks in advance.

Please, contact administrator
for this information.

#106423 Copied

Eva Kemp

Participant

January 4, 2016 at 15:13

Hello,

Thank you for the screenshot.
Unfortunately title can’t be replaced with alt text when sharing a page.
As my colleague said “Alternative text (alt tag) is only meant to be shown when the image cannot be displayed”.

Please take our apologies.

Regards,
Eva Kemp.

#106578 Copied

Royalty

Participant

January 4, 2016 at 15:15

Thanks Eva, but how is it possible that the other pictures show the Alt Text when shared and only the swap images show the product title? I am sure that there must be a way to output the image alt tag otherwise other plugins wouldnt be able to do so.
Any ideas?

#106580 Copied

Royalty

Participant

January 5, 2016 at 12:39

Found a solution for this.
As there is no alt_text() function in wordpress, I replaced
<img src="<?php echo $hoverImg['url']; ?>" alt="<?php the_title(); ?>" class="show-image">
with
<img src="<?php echo $hoverImg['url']; ?>" alt="<?php $thumb_id = get_post_thumbnail_id(get_the_ID()); $alt = get_post_meta($thumb_id, '_wp_attachment_image_alt', true);?><?php echo $alt; ?>" class="show-image">
This shows the image alt text as share text instead of the product title.

#106714 Copied

Jack Richardson

Support staff

January 5, 2016 at 14:07

Hello,

We’re glad you managed to resolve the issue.

Have a nice day.

Best regards,
Jack Richardson.

#106724 Copied
Viewing 27 results - 1 through 27 (of 27 total)