Just a few problems with visualization

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Just a few problems with visualization

This topic contains 5 replies, has 2 voices, and was last updated by Ernest Marcinko Ernest Marcinko 4 years, 7 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #15475
    Mohrloja
    Mohrloja
    Participant

    Hello,

    i have a few problems which i don’t know how to solve. I have a few posts in different subcategories of one main category. Now i want to filter them for the subcategoeries. At the moment it looks like this:
    https://www.earningpeople.com/geld-verdienen/freelancer/
    My first problem is, i can’t activate the drop-down-menu for this filter. There are just checkboxes available for the categorie filter.
    The second problem is, the result-boxes should have a bigger width and i can’t find the option to fix that. Also they should not displayed as slider. I want them in more rows and columns and all results with the same height, like a grid.
    And is it possible to hide or rename the text “Filter by”?

    I hope my english is good enough to understand my issues.

    Thank you very much in advance.

    Bes regards
    Jan Mohrlok

    #15489
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Hi Jan,

    Can you please check the URL you have sent? It leads me to a ‘page not found 404’ error page. Thank you!

    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #15497
    Mohrloja
    Mohrloja
    Participant

    Hey,

    yeah i’m sorry. Here is the right URL
    https://www.earningpeople.com/verdienen/freelancer/

    Best regards
    Jan Mohrlok

    #15512
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Hi Jan,

    Thanks! I see you managed to change the filter layout to a drop down.

    The horizontal layout you currently use does not support a multi row layout, only as a slider, similarly to the vertical layout.
    However with a custom CSS you might be able to achieve that the scrollbar never actually activates and the items will wrap into lines:

    div.ajaxsearchpro .mCSBap_horizontal.mCSBap_inside > .mCSBap_container {
        width: 100% !important;
    }

    ..additionally, if you want a flexible layout, that shrinks/grows items on window size, then:

    .horizontal .results .item {
        flex: 1 1 220px;
        max-width: 320px
    }
    
    .horizontal .resdrg {
        display: flex !important;    
        flex-wrap: wrap;
    }

    ..of course you might need to experiment with the numbers there. This will result in something like this: https://i.imgur.com/GkXakmS.png

    I hope this helps.

    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #15515
    Mohrloja
    Mohrloja
    Participant

    It worked perfectly! Thank you very much!

    Is there a way to make the width of the drop down menu a bit smaller?

    Best regards
    Jan Mohrlok

    #15523
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    You are welcome!

    I believe the width is adjusted based on the text, but it should be possible:

    .searchsettings select {
        max-width: 200px !important;
    }
    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.