Display image title in product > show_block_img

I want to display the current images title in the product > show_block_img view. I was able to achieve this on page load by adding

<div id="title"><?php echo $image->file_name ?></div>

Thank you so much! That's what I needed to get this done.

For future reference:

On line 201 of the image.php file, where the function hikashopChangeImage is defined, you need to add a way to dynamically change the innerHTML of the element that contains the ID of the title of your image. So for my <div id="title"><?php echo $image->file_name ?></div> that I added to my product > show_block_img view to change with the new displayed image, I added:

title = document.getElementById(\'title\');
	if(title){
		if(nAlt) title.innerHTML=nTitle;
	}

Could you have not added to the show_block_img;

<div id="ImgTitle" onmouseover="showTitle();" onmouseout="hideTitle();"><?php echo $image->file_name ?></div>

Then just add a function to your base Index Template of;

function showTitle()
{
   var ImgTitle = document.getElementById('ImgTitle');
   ImgTitle.style.display = 'block';
}

function hideTitle()
{
   var ImgTitle = document.getElementById('ImgTitle');
   ImgTitle.style.display = 'none';
}

If you put the onmouseover event in the div containing the title, then the title wouldn't change unless the user moused over that title - not the thumbnail. If you put the onmouseover event in the thumbnail (like the hikashopChangeImage function is) then it doesn't work for some reason - probably something to do with the PHP on the page setting the attributes you are pulling. I had to actually include it in the hikashopChangeImage function defined in the php file "image.php".

Hmm good point, sorry about that mistake.
However you can still get around it by placing the 'show_image_block' within a <div id="ShowImgTitle" onmouseover="showTitle();" onmouseout="hideTitle();"><?php "show_block_image" ?></div>
Then using the same function code as above, it will result in a Hover Div display over the Image but will be triggered by the image itself essentially.

.: ETA :.
Though to be honest, your code is a whole lot simpler to achieve the same result.
That being said, you'll just need to take note of "how, where and what" you did to get the result for when you update HikaShop next.

I have a similar issue with my modifications I have done to Kunena.

It's a pain in the arse.

That might actually work... except it might try to trigger before the thumbnail changes the image since the thumbnails are contained in show_block_image. This would result in it pulling the title tag for the old image.

Either way, the simple adjustment to the php worked just fine.

Yeah, you'd have to add a subsection for the Thumbnail version and you'd need to parameterize the ShowImgTitle.
So if you had multiple of img blocks, it wouldn't trigger all of their div popups