добавление изображения при наведении в настраиваемом поле в избранные изображения в цикле WordPress через файл функций

У меня есть сайт wp со страницами, отображающими продукты в сеточном формате, например, портфолио. Моя тема использует стандартную страницу index.php для цикла и файл функций для вывода фактического содержимого в зависимости от типа сообщения и настроек. Я хотел бы навести указатель мыши на изображение в макете сетки моего портфолио, чтобы показать другое изображение, которое я поместил в настраиваемое поле с именем «hover-thumb». Я искал по всей сети, и ниже я пришел к выводу, что это лучший способ, но я не могу понять, почему источник при наведении изображения пуст, когда я смотрю на выведенный исходный код. Кажется, что эффект наведения будет работать, если заполнить только изображение. Я не программист, так что для меня это очень сложно. Я надеюсь, что кто-то там мог прояснить это.
Я изменил код (в файле функций) ниже, добавив php внутри тега span et_overlay ниже …
(если вы проверите сайт, вы увидите в исходном коде, что SRC = «» пустой
http://eyemajic.staging.wpengine.com/matte-finish/
спасибо за любые предложения
еще лучше, я хотел бы, чтобы это было в моем собственном файле функций в моей дочерней теме, но я понятия не имею, как я могу просто добавить свои модификации или какой объем исходного кода мне нужно будет включить в мой файл функций.

<?php
$thumb = '';

$width = 'on' === $fullwidth ?  1080 : 400;
$width = (int) apply_filters( 'et_pb_portfolio_image_width', $width );

$height = 'on' === $fullwidth ?  9999 : 284;
$height = (int) apply_filters( 'et_pb_portfolio_image_height', $height );
$classtext = 'on' === $fullwidth ? 'et_pb_post_main_image' : '';
$titletext = get_the_title();
$thumbnail = get_thumbnail( $width, $height, $classtext, $titletext, $titletext, false, 'Blogimage' );
$thumb = $thumbnail["thumb"];

if ( '' !== $thumb ) : ?>
<a href="<?php the_permalink(); ?>">
<?php if ( 'on' !== $fullwidth ) : ?>
<span class="et_portfolio_image">
<?php endif; ?>
<?php print_thumbnail( $thumb, $thumbnail["use_timthumb"], $titletext, $width, $height ); ?>
<?php if ( 'on' !== $fullwidth ) : ?>
<span class="et_overlay"><?php $hover_image = get_post_meta($post->ID, 'hover-thumb', true); ?>
<img class="hover-img" src="<?php echo $hover_image; ?>" /> </span>
</span>
<?php endif; ?>
</a>