[SOLVED] Disable mouseover event

[jodoe]

Hello,

 

I am running an online store and on the main page there's a mouseover event which is when fired, shows short description or you can say small caption on the product's thumbnail.

I wanted that disabled and tried finding that event code in a some files but I couldn't succeed.

 

Prestashop version is 1.4.0.17

 

Any help will be appericiated.

 

Thanks!

Edited October 26, 2013 by jodoe (see edit history)

[jodoe]

No one?

[vekia]

hello

 

as far as i remember prestashop default theme in version 1.4.x hasn't got any animation / rollover effect.

can you shed some light on this? Url will be helpful in this case

[jodoe]

hello

 

as far as i remember prestashop default theme in version 1.4.x hasn't got any animation / rollover effect.

can you shed some light on this? Url will be helpful in this case

This is the website: http://www.fastslimz.com/

And I am using the theme: http://www.templatemonster.com/prestashop-themes/34477.html

Edited October 26, 2013 by jodoe (see edit history)

[vekia]

this animation is a part of homefeatured module

from homefeatured module (from your theme/YOUR_THEME/modules/homefeatured) remove div class="prod-info"

or remove functions here: http://www.fastslimz.com/themes/theme155/js/hover.js

[jodoe]

this animation is a part of homefeatured module

from homefeatured module (from your theme/YOUR_THEME/modules/homefeatured) remove div class="prod-info"

or remove functions here: http://www.fastslimz.com/themes/theme155/js/hover.js

Thanks a lot vekia for your help.

One more thing I want to know is that how I can make that animation visible by default instead of while hovering mouse over the product?

[vekia]

hmm so you want to shoow contents of this animated block always? not only after mouseover?

that's correct?

[jodoe]

hmm so you want to shoow contents of this animated block always? not only after mouseover?

that's correct?

Yes.

[vekia]

in this case remove only scripts, dont remove the code from .tpl file

 

and in addition to this, in global.css in line 829 change this:

div#featured-products_block_center ul li .prod-info {
position: absolute;
top: 300px;
left: 11px;
width: 184px;
background: #ed145b;
padding: 6px 0 14px 22px;
}

to this

div#featured-products_block_center ul li .prod-info {
position: absolute;
top: 200px!important;
left: 11px;
width: 184px;
background: #ed145b;
padding: 6px 0 14px 22px;
}

[jodoe]

Thanks a lot vekia. 

It working as expected now.

[vekia]

i can confirm that everything is okay. I inspected your website once again in several browsers (firefox, chrome, ie, opera) and everything works well.

 

in my opinion it looks much better now 

 

 

thank you for markin topic as solved,

 

with regards,

Milos