Make entire product listing box a link to product info

[longstockings]

Hi

I'm trying to make the div container around the products link through to the product info page. I think the best way is to use javascript but the code I have tried does not appear to work. http://css-tricks.com/snippets/jquer...div-clickable/

I've tried playing around with /includes/modules/specials_index.php without success. Some help with this would really be appreciated.

[longstockings]

So to do this you have to create a new javascript file in your templates jscript folder named jscript_WHATEVER.js

In this file paste this code

$(document).ready(function(){
$(".centerBoxContentsSpecials.centeredContent a").click(function(e){
e.stopPropagation();
});
$(".centerBoxContentsSpecials.centeredContent").click(function(){
document.location=$(this).find('a:first').attr('href');
});

$(".centerBoxContentsNew.centeredContent a").click(function(e){ e.stopPropagation(); });
$(".centerBoxContentsNew.centeredContent").click(function(){ document.location=$(this).find('a:first').attr('href'); });

$(".centerBoxContentsFeatured.centeredContent a").click(function(e){ e.stopPropagation(); });
$(".centerBoxContentsFeatured.centeredContent").click(function(){ document.location=$(this).find('a:first').attr('href'); });
$(".categoryListBoxContents a").click(function(e){ e.stopPropagation(); });
$(".categoryListBoxContents").click(function(){ document.location=$(this).find('a:first').attr('href'); });
});

That's it