scrolling in results in isotope layout

[alainf]

Hi,

i would like to use Isotope display layout but inside a scroll box like vertical layout. please check this screenshot :

vertical mode scrolling OK
https://imgur.com/Jnq0E7O

Isotope mode no scolling
https://imgur.com/cKs4dK9

I want to scroll inside the result box, in isotope layout the scroll is on the page not inside the result box. how to do that please ?

you can try it here : https://art.wallprint.fr

the infinite scroll is done by my template i think (flatsome). I can’t desactivate it as i use it on product pages. And i will be fine to be able to scroll inside the result div.. like in vertical layout 🙂

Another question : is it possible to have full history of seachs in a list or datatable (sortable) ? is sould be fine. with : search, number of searchs for that keyword, number of results, etc.

Thanks for your work and your help !

• This topic was modified 7 years ago by alainf.
• This topic was modified 7 years ago by alainf.
• This topic was modified 7 years ago by alainf.
• This topic was modified 7 years ago by alainf.

[Ernest Marcinko]

Hi,

It is unfortunately not possible to add a scrollbar to the isotopic results list, there is only a pagination option for it. By default the browser scrollbar would display, but you have the search in a fixed position container, and fixed elements does not trigger the browser scroll. This would only work, if you had the results somewhere within the page content, outside of that fixed container.

Currently there is no search history, however we are working on a feature for a future release for better statistics. That will include all of this information 🙂

[alainf]

Hi,

Thanks for your answer.

For the scroll inside isotopic layout, is it possible to use the class or something like that of the vertical layout ? because in vertical layout it works fine in fixed container 🙂

Ok for the statistics, cool 🙂

[Ernest Marcinko]

Hi,

Well, you could maybe try this custom CSS:

.results {
    overflow-y: auto !important;
    max-height: 300px;
}

It may work, although I am not sure how much I would recommend doing this. Make sure to test it in every case.

[alainf]

Hi,

It works well thank you.

You shloud add that option on the extension 🙂 it’s much better than pagination for me, but both solutions are great.

you can try it here : https://art.wallprint.fr/

• This reply was modified 7 years ago by alainf.

[Ernest Marcinko]

Thanks for the feedback! I will definitely consider this as an option.

[alainf]

thanks for you help. have a nice day

[Ernest Marcinko]

You cannot access this content.

[Author]

Posts