[SOLVED] Jquery not working after changing product view

[crpereyra1]

Hello,

 

I have some custom jquery on my global.js file.  All it does is show the product name when you hover over the product image. This is when the view is in grid view.  When I change to list view it is shown as normal.   It works fine when I first load the page and I am in grid view.  However, if I go to list view and then back to grid view, my jquery no longer works.  Or if I start from list view and go to grid view it no longer works.  I believe it has something to do with the click href="#"  I have tried inserting an alert to see if it is even going into the function but it is not.  

 

Any ideas what could be going on, or should I place my jquery in some other file?

 

Thank you,

[vekia]

you have to run this function (to add hover effect) each time you will change product display method

[crpereyra1]

What file would I do that in? Thank you

[vekia]

let me know what prestashop version you use :-) and also, what theme

everything depends on these two things

[crpereyra1]

Sorry. Version 1.6.0.6. Using the default theme that comes with install. Thanks again

[vekia]

/themes/default-bootstrap/js/global.js near line 175

there is a function: function bindGrid()

 

add it there

[crpereyra1]

I've added it where you said but it is still doing the same thing.  I also put an alert on the bindgrid() function and it only fires once.

[vekia]

sorry that i missed one important thing

you have to add this code inside funcitons:

	$(document).on('click', '#grid', function(e){
		e.preventDefault();
		display('grid');
	});

	$(document).on('click', '#list', function(e){
		e.preventDefault();
		display('list');
	});

these funcitons are a part of bindgrid() function

[crpereyra1]

That worked! Thank you very much!

[vekia]

you're welcome :-)

i can go ahead and mark topic title as solved.

with regards,

Milos