Stopping a tooltip appearing in a repeater?

Ask the community
,
1

I’ve managed to get a related products section working on my website thanks to the guides and posts in this forum. There is one thing I can’t work out though, when someone hovers over the product image in the repeater a tooltip appears “file.png”. Is there a way to stop this?

I’ve tried adding a tooltip to the placeholder images but they aren’t carried through to the live data.

1287×535 135 KB

2

https://support.wix.com/en/article/adding-a-tooltip-to-an-image

3

Thanks, but like I said, I’ve already tried adding a tooltip to the placeholder images, it didn’t carry through to the live site when the placeholder images are swapped out with product images.

4

Note:
To remove the tooltip, follow the instructions above but in step 3, delete the text.

You will need to do this to the original picture and not simply the element inside the repeater that you are using for images.

5

The original images are pulled from the stores product database. The tooltip that is coming up is pulled from their file name which are all “file.png” which as far as I can tell is automatically named and un-editable in the database?

1044×774 128 KB

6

Is it an image in a gallery or just an image?

7

It is an image in a repeater, not a gallery, see the image below showing the bit of code that deals with it. Is there any js I can add that prevents the tooltip on mouseover?

1118×848 129 KB

8

Try;

$w.onReady(function () {
  $w("#dataset1").onReady( () => {
  $w("#image1").tooltip = "";
} );
});
9

Yes, however you must have had the images in your Media Manager to begin with so that you can use them in your product collection.

Have a read here about alt text.
https://support.wix.com/en/article/adding-alt-text-to-your-product-images
https://support.wix.com/en/article/adding-product-images-gifs-and-videos-in-wix-stores
Note:
Google uses your product name as alt text for SEO purposes, unless you manually enter different text.

10

Might have to use .alt instead of tooltip as they are both the same.

$w("#myImage").alt = "";

https://www.wix.com/corvid/reference/$w.Image.html#alt
https://www.wix.com/corvid/reference/$w.Image.html#tooltip

11

I think they just didn’t put an example of .tooltip in the documentation, but it does work.

12

I’ve just double checked, all my products have alt text added, it’s just not displaying it. Never mind though, J. D had the solution! Thanks for trying to help though.

13

This worked perfectly J. D. Thanks!

14

No problem :slight_smile:

15

@jonatandor35 Hi, this worked for me but when I toggle the page the tooltip returns on all the images. Any idea why?

16

@michaelcl what do you mean by " toggle the page " ?

17

@jonatandor35 there are many items in the repeater so i have a pagination set up with it. when i go to page 2 etc the tooltips return

18

@michaelcl if it’s a repeater you can try:

$w("#repeater1").onItemReady(($item, itemData, index) => {
    $item("#image").alt = "";
})

If this is not enough for pagination (I don’t have time to test), then you should run something also on pagination change.
Pagination - Velo API Reference - Wix.com

19

I want to do this on a pdf button. It’s telling me: ‘tooltip’’ does not exist on '#document1" which is the pdf button.

20

alt does not work either