Return to previous page

Single Product Page – Hide Thumbnail Title?

This topic has 11 replies, 2 voices, and was last updated 10 years, 7 months ago ago by Eva Kemp

khoavo

Participant

April 22, 2015 at 20:42

Hi there, could you give me the custom css to HIDE the image/thumbnail title on the Single Product Page? When you place the cursor over the thumbnail underneath the main image, I noticed the title displays. I would like to hide that.

See my page example link provided. Thanks.

Please, contact administrator
for this information.

#58843 Copied

10 Answers

khoavo

Participant

April 22, 2015 at 21:20

Hey, could you also take a look at the page link I’ve added? Noticed the first page, the Zoom Effect doesn’t seem to work. I’m using the exact same image sizes. The others work but for some reason this particular product page doesn’t. Thanks.

Please, contact administrator
for this information.

#58850 Copied
Eva Kemp

Participant

April 23, 2015 at 10:14
Hello,

Add this code in footer.php before </body>:

<script type="text/javascript"> jQuery('document').ready(function($){ $('[title]').removeAttr('title'); }); </script>

I’ve enabled zoom effect in Theme Options > Single Product Page and it’s working for both images. Please clear browser cache and check again.

Thank you.
Regards,
Eva Kemp.
#58961 Copied
khoavo

Participant

April 23, 2015 at 16:40

The new script you provided also hides the Title Attribute for my LOOK BOOK on the main menu, so it’s not going to work. I want the Title Attribute on my main menu to display. We’ve discussed this before for the Single Images. Where you’ve successfully provided me with the script below. Which works great, since it hides the Title on all Single Images. So now I just need a new scrip that will hid the thumbnail images in the Product Pages 🙂

I already have this script in my footer.php.

<script type=”text/javascript”>
jQuery(‘document’).ready(function($){
$(‘.wpb_single_image img’).removeAttr(‘title’);
});
</script>

As for the Zoom Effect, I had disabled it last night so my Client can not view it. But apparently it’s working now, so that’s odd, but great! Thanks.

#59223 Copied

Eva Kemp

Participant

April 23, 2015 at 17:32

Hello,

You can try this code instead of the previous one:
http://webplantmedia.com/starter-themes/wordpresscanvas/how-to-remove-all-image-titles-when-hovering-over-pictures-in-site/

Regards,
Eva Kemp.

#59253 Copied

khoavo

Participant

April 23, 2015 at 17:49

Almost, but not quite! Click on my example page link. With your new script, the Title Attribute still shows when you place the cursor over the FIRST thumbnail under the large image. But it’s hidden on all other thumbnails after the first one 🙂

Also, how come the Zoom Effect on my example page doesn’t work like the rest? See my example link provided. Thanks again.

Please, contact administrator
for this information.

#59260 Copied

Eva Kemp

Participant

April 23, 2015 at 19:55

Hello,

Zoom effect isn’t working on your example page because original sizes of the image are 510px × 510px, which are too small. You should reupload the image with dimensions more than 800px.
Try to disable 3rd-party plugins and check images titles after that.

Thank you.
Regards,
Eva Kemp.

#59287 Copied

khoavo

Participant

April 23, 2015 at 19:58

But the Accessories Photos are the same size at 510px and those seem to be zooming fine.

And what should I do about the Title Attribute Scripts? Will you be providing me a new one? Since the last one didn’t quite work 100%. Thanks.

#59288 Copied

Eva Kemp

Participant

April 24, 2015 at 14:52

Hello,

Concerning Title Attribute you can visit WordPress forums as this query isn’t theme related.
Concerning zoom effect, your image sizes should be larger, as for the product “REILLY PYTHON” where featured image has dimensions 901px × 900px and zoom effect is working there perfectly.

Thank you.
Regards,
Eva Kemp.

#59509 Copied

khoavo

Participant

April 24, 2015 at 19:23

Thanks. Go ahead and close this one out.

#59566 Copied

Eva Kemp

Participant

April 24, 2015 at 20:52

Hello,

You’re welcome.

Regards,
Eva Kemp.

#59581 Copied
Viewing 11 results - 1 through 11 (of 11 total)

The issue related to '‘Single Product Page – Hide Thumbnail Title?’' has been successfully resolved, and the topic is now closed for further responses

Single Product Page – Hide Thumbnail Title?

Explore our best WordPress WooCommerce Themes collection