Problema efecto hover con imagen de producto.

[albadistribucion]

Hola, a ver si alguien puede ayudarme porque después de romperme la cabeza sigo igual. Tengo un problema con el efecto hover en las imágenes de producto cuando estoy en cualquier categoría. El problema viene cuando aplico un filtro y cambia el enlace, "por ejemplo de http://www.albadistribucion.es/19-champagne"   a  "http://www.albadistribucion.es/19-champagne#/precio-26-63.13". Aquí es donde el efecto hover deja de funcionar. 

 

La parte del tpl que ejecuta esta acción es (la parte subrayada):

 

<a class="product_img_link" href="{$product.link|escape:'html':'UTF-8'}" title="{$product.name|escape:'html':'UTF-8'}" itemprop="url">

<img class="replace-2x img-responsive" src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')|escape:'html':'UTF-8'}" alt="{if !empty($product.legend)}{$product.legend|escape:'html':'UTF-8'}{else}{$product.name|escape:'html':'UTF-8'}{/if}" title="{if !empty($product.legend)}{$product.legend|escape:'html':'UTF-8'}{else}{$product.name|escape:'html':'UTF-8'}{/if}" itemprop="image" />

<span class="product-additional" data-idproduct="{$product.id_product}"></span>

</a>

 

 

Y el js que ejecuta el efecto es el siguiente:

 

function highdpiInit()

{

if($('.replace-2x').css('font-size') == "1px")

{

var els = $("img.replace-2x").get();

for(var i = 0; i < els.length; i++)

{

src = els.src;

extension = src.substr( (src.lastIndexOf('.') +1) );

src = src.replace("." + extension, "2x." + extension);

var img = new Image();

img.src = src;

img.height != 0 ? els.src = src : els.src = els.src;

}

}

}

 

Realmente tampoco entiendo casi nada de js, puede que simplemente haya que variar algo en esa parte del código...

 

A ver si alguien puede arrojarme algo de luz, muchas gracias a todos.