Forums › Forums › Search & Filter Pro › I need to add a div wrapper to items in filter area

Viewing 10 posts - 1 through 10 (of 16 total)
1 2
  • Anonymous
    (Private)  June 17, 2020 at 10:34 am #249078

    Hello,

    I need to add a div wrapper to <select> items in filters area, in order to further style by css.

    Can you tell me where I can find the templates or files where the select fields live?

    Thanks,
    Florin

    Trevor
    (Private)  June 17, 2020 at 1:01 pm #249117

    To do that would likely break the plugin, as it relies on the existing structure. However, we do allow you to use Select2. see this post:

    https://support.searchandfilter.com/forums/topic/configure-harvesthq-in-elementor-pro/#post-238775

    Anonymous
    (Private)  June 17, 2020 at 3:35 pm #249139

    Hi Trevor,

    Thanks, this is exactly what I needed. Only issue that after applying Select2 in Settings, now there’s a delay on the frontend. Meaning, the filter dropdowns appear with a different styling for 1 second and then they change to my new styling.

    What could it be?

    Thanks,
    Florin

    Trevor
    (Private)  June 17, 2020 at 3:46 pm #249143

    It will be the different stylesheets loading at different times. Whilst not a good idea when developing, any cache or optimization plugin is likely to have a ‘Combine CSS Stylesheets’ option. That would likely fix that.

    Anonymous
    (Private)  June 17, 2020 at 4:20 pm #249150

    Hi, Trevor,

    I’ve turned off combine css, emptied the entire cache and deleted all the Chosen related css in search-filter-min.css

    The issue still persists.

    Florin

    Trevor
    (Private)  June 17, 2020 at 4:32 pm #249154

    Turned OFF the combine CSS? I was suggesting this should be ON?

    Anonymous
    (Private)  June 17, 2020 at 4:38 pm #249162

    It was on by default and the issue was happening, even with emptying cache for a few times.

    The select2 styling is being applied some time after the page is loaded. This causes a switch in the appearance of the fields.

    This is how initially is shown:

    https://imgur.com/d3pL6Mj

    And after 1 second:

    https://imgur.com/GUWAknG

    Florin

    Trevor
    (Private)  June 17, 2020 at 5:08 pm #249189

    Is the combine feature also combining JavaScript? I realized that the CSS only gets applied when the Search & Filter JavaScript loads, and by default that is loading in the footer (last).

    Please note that we are now closed for the day as it is gone 5PM here in the UK. For any further replies, I will be back on again tomorrow.

    Anonymous
    (Private)  June 17, 2020 at 5:11 pm #249199

    Hi, Trevor,

    Sorry for the back and forth. JS combine has been off for the whole time. Yup, the css is applied after page load.

    Thanks and talk to you tomorrow. Enjoy your evening!

    Florin

    Trevor
    (Private)  June 17, 2020 at 5:31 pm #249217

    Just checking in before I shut down my PC. What happens if JS combine is ON?

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 16 total)
1 2