How to change image when mouseover in home featured products ?

[srm200]

Hello,

 

I have managed to make the products image change (to second image) when mouseover on list view, but only in categoies, discounts...

 

I do not know exactly what i must do to make it work also in home, at fetured products ?

 

Could anyone help me out with this ?

 

My website is:

 

http://genti-accesorii-online.ro/

 

Thank you.

[vekia]

You want to add rollover effect only to products in special price? (product listing in categories + home featured module) Am I right?

[srm200]

Hello Vekia,

 

I want to add the rollover efect to all products listing (categories, special price etc.) including to the home featured products.

 

Thank you very much for your time.

[srm200]

Any idea ?

 

Thanks.

[vekia]

hello

 

if you want to create it for both:

1. all product lists
   
2. homfeatured module on homepage
   

you have to:

 

for all product list:

- edit the classes:

Product

functions: getNewProducts(); getPricesDrop();

 

ProductSale

function: getBestSales();

 

Category

function: getProducts();

 

you have to add sql query that will get the image id of product cover + additional image to rollover effect, then

 

in product-list.tpl file you have to use:

<img src="{$link->getImageLink($product.link_rewrite, $image, 'home_default')} />

 

then is necessary to create javascript for rollover efect, something like:

 

$(".img_0").mouseover(function(){

$(this).hide();

}

 

 

$(".img_1").mouseout(function(){

$(this).hide();

})

 

 

2) for homefeatured

 

the same situation but you have to edit homefeatured.php file and homefeatured.tpl template

 

 

as you see - it isn't as simple as it seems - a lot of work

[srm200]

Your right it is not that simple.

 

I'm new to this so i will have to learn more about it and do it afterwords.

 

Anyway, thank you for your time and for the informations.

 

Chears.

[srm200]

I forgot to mention that in all other kinds of list view (categorie, products sale, etc.) it works but just in the home fetured products it dosen't.

 

Thats what i tryed to say exactly.

 

Is there any way to do this if I have the roleover efect allready in all the other lists view except home featured products?

 

Thank you.

[vekia]

it's because default homefeatured is a separate module and don't use effect that you've got in product-list.tpl

(homefeauter use own completly different template file)

 

i thought that you havent got this effect anywhere

[srm200]

Yes i imagined thats what you thought

 

Is there a simple way to make the effect work on home featured if i have the efect working on all other lists view?

 

Thank you very much.

[vekia]

I don't know what kind of code you use to achieve this

you've got own modification?

[srm200]

I've copyed the code and follow the steps from the roleover topyc that can be found here

 

http://www.prestashop.com/forums/topic/96085-rollover-image-in-product-list/page__st__80

 

As you can se the effect work great on any list view except in the home fetured products.

 

My web site: http://genti-accesorii-online.ro/

 

Thank you.

[kochanie]

Hi,

 

where I can find module home featured product with effect like this http://www.freshmode.fr/ ?

 

Thank you in advance.

[vekia]

i think that this is personal customization of the default module. but of course i might be wrong...

anyway, i don't know any module with this effect.