cambiar imagen dinamicamente

Hola.

Bienvenido al foro de soporte. Lo que buscas es un efecto hover, revisa esta documentación:

Tecnología para desarrolladores web > CSS > :hover

Se puede hacer manualmente etiquetando los bloques de imagen y aplicando luego el efecto deseado.

También hay plugins en el repositorio que te pueden ayudar, por ejemplo:

Image Hover Effects Ultimate (Image Gallery, Effects, Lightbox, Comparison or Magnifier)

Image Hover Effects – WordPress Plugin

Image Hover Effects For WooCommerce Products

Comenta si tienes alguna duda y, por favor, recuerda marcar el debate como resuelto cuando así sea, de esta forma nos ayudas a mantener el foro al día.