No ajax filtering

-- HikaShop version -- : 1907121821

Hi,

Just installed Hikashop 4.2.0 on localhost and seems cant find ajax filters. Filters are working as it was, reloading the whole page. Looking html i see it has changed... Trying with blank protostar template. Maybe i miss something?

Here are some screenshots:

Same problem with category filtering.

Hi,

Would like give some update here. Updated again with Hikashop 4.2.0 and it got a bit better.

1. It seems that ajax filtering works only with hikashop filter module. If filters are set to show on top of the product listing without module, it doesn't work. Just nothing happens.... You may want to take a look into this.

2. I would suggest to scroll page to the top after filtering is done. If you have a lot of filters on the left or right sidebar it is a pain for the user to scroll each time up. So we get better user experience if we do this...

3. Setting any filtering to submit on click to "YES" and then fast double tap filter (checkbox as example) or button "FILTER", console throws error "ReferenceError: clearTimout is not defined"

Hi,

Thanks for JS fix.

1. It is easy to reproduce the issue:

1. Create some filter, as example sort or something with checkbox
2. Create menu item of product listing or category listing
3. Via that menu item product options settings set Filters display to "YES"
4. Try to filter and see behaviour

Seems i am not the only one who have some issue like this: www.hikashop.com/forum/install-update/89...the-menu.html#308637

2. Sometime when filtering we get blank page with url params in it.

Here is the example which was done like this.

1. Installed Fresh Joomla 3.9.10 and Hikashop 4.2.0 with demo content. Created sort filter with radio. Filtering seems working but after pressing delete button i get this page:

Hi,

It looks a bit better but there are still some issues.

Now filtering for sort does work and if filter type of checkbox is set to submit on click to "YES" this filter does work. However if i set submit on click to "NO" and try to filter with button "FILTER" it doesn't work. Same for reset button. It just nothing happens, no any action...

Here are some screenshots which i hope will help.

Hi,

Nope, no view overrides but i found the issue.

Via Hikashop configuration-> Filter button position, setting it to "Right" or "Left" is fixing the issue.

So checked html and it seems if button position is set to "Inside". "Filter" and "Reset" buttons are missing some html "data-container-div"

Someone forgot to add:

<?php echo $attributes; ?>

Also I would suggest to scroll page to the top after filtering is done. If you have a lot of filters on the left or right sidebar it is a pain for the user to scroll each time up. So we get better user experience if we do this...

Or is there a trigger, after filtering is done, which i could use?

Thanks again

Hi,

Happy to help as much i can.

1. About scrolling. Yes, you right. It depends on a lot of cases. However, even having filters on the top could make seens to scroll page up. As example: Having 2 or 1 product on mobile, i might add filter sticky to the top or bottom of page so after filtering is done, i definitely want page scroll up. Especially while 80% of traffic is mobile, i want user to have best experience i can give here...

Again this is more related to my needs but if you ask me, i would suggest to add extra option to scroll to the top on module and menu item itself. This definitely will be useful for someone else too.

2. Please in the future, if possible, consider adding this new triggers to your development docs, this would make life easier

Thank you

nicolas wrote: Maybe adding an option to scroll to the top upon filtering in the module might make sense.

nicolas wrote: Maybe adding an option to scroll to the top upon filtering in the module might make sense.

nicolas wrote: Hi,

Regarding the triggers, we've added some but the javascript code might change in the future.
You have the trigger filters.updated that you can use with the params:
{el: el, refreshAreas : refreshAreas, resp: resp}
el is the element being clicked on, refreshAreas are the areas refreshed and resp is the response from the server for the submit of the filters data.

window.Oby.registerAjax("filters.updated",function(params){ 
jQuery('.dropdown_size').addClass('open');
});

Hi,

I haven't had an opportunity yet to look at the new Ajax filters, but for your issue wouldn't it be sufficient to simply add a small delay? Like so:

window.Oby.registerAjax("filters.updated",function(params){ 
setTimeout(function(){
    jQuery('.dropdown_size').addClass('open');
},500);
});

Hi,

Thanks GW for replay. I was thinking about it but it doesn't work. If request takes more time than set in setTimeout function then it fails to add class. As example if use 1000ms, so it mostly works but not always, that's why i am looking for the proper solution.

I am also thinking to use localStorage, save and retain it for later after ajax refresh as there are other things i will have to store too. It is easy to do with jQuery ajax request but with Hikashop, without even code example, can't find solution as for now....seems there is no such trigger

Thanks

So i created dynamic click based on filter clicked and moved class away from refresh content. Now it works. Issue solved.

And sorry for off topic.

Thanks again