Product title suddenly shown on hover in products collection grid

[backfliprecords]

Hi there, 

I'm using the Reformation theme from Fuel themes, and something weird happened all of a sudden.

The product title (not the image name, and there is no alt text in the image) appears on hover in any product collection grid and any product.

I've already contacted Fuel themes, but their support is awful. 

Thanks for helping me 

Federica

[suyash1]

@backfliprecords - can you please share the page link where you are getting this issue?

[backfliprecords]

Thank you, this is the link:

https://backflip-records.com/collections/all

I'm attaching a screenshot too

[suyash1]

@backfliprecords  - css can not hide title attribute but using javascript removeAttribute() method you can remove the title , if you are not familiar with javascript then you will need someone who can do it for you, or if you want then you can ignore this title  part as it will not whos up on all times

[backfliprecords]

Thanks a lot for your help.

Why has it never happened before, but all of a sudden this week? And I did nothing to the theme.

Thanks again

[backfliprecords]

Do you also have a Java code that I can use?

Thanks again

[suyash1]

@backfliprecords - add this javascript to the end of your theme.liquid file, before </body> and check

<script>
function myFunction() {
  document.getElementsByTagName("a").removeAttribute("title"); 
}
</script>

[backfliprecords]

Thank you, I tried but it doesn't work

[backfliprecords · Accepted solution]

I just solved the problem by adding this before </body> in the theme.liquid file

<script>
  document.addEventListener("DOMContentLoaded", function () {
    document.querySelectorAll('.product-card--featured-image-link').forEach(function(el) {
      el.removeAttribute('title');
    });
  });
</script>