OK, I have been working on this all day and I feel like I am getting a little closer but I still cannot get it to work. here is what I think I need to do:
Put this part of the code at the end of the tpl_modules_product_listing.php or the product_listing.php file:
Code:
<style>
#listingProductImage {
background:url("<? echo $product_list_image_rollover;?>") no-repeat;
background-size:<?php echo IMAGE_PRODUCT_LISTING_WIDTH;?>px <?php echo IMAGE_PRODUCT_LISTING_HEIGHT;?>px;
background-position:left top;
}
#listingProductImage a, #listingProductImage a:link, #listingProductImage a:visited {
display:block;
}
#listingProductImage a:hover img {
visibility:hidden;
}
</style>
Now, this is the part I am having trouble with. I cannot figure out where this part of the code goes and exactly what the red code should be. I think I have it right now, but still not sure
Code:
$product_list_image_rollover = str_replace('images','images/rollover', $products_image);
Bookmarks