Search Results for 'filter style'

[Ross]

Yes exactly

By default, when a page loads, your content is hidden.

Then your theme (probably) runs a script when a page loads, and fades in your content in a nice style.

Now as I explained before, when making an ajax request, S&F (or any other plugin) will fetch that page, grab the results, and put them inside the results area.

But, because it is an ajax request, the script used by your theme to “fade in” your projects when the page loads is not run.

Any plugin loading your content via ajax will have this issue, the content is hidden.

So you have 2 options:

1) disable ajax, so whenever a form is submitted, your page will refresh and load the scripts from your theme

2) when S&F completes its ajax request (and loads the results, which are still hidden) run a script to show your results. This is something you would need to write yourself, or, something that may be accessible from the theme as simple as a function call.

As a really last after thought, if it was a plugin and not your theme causing this fading effect then you could disable the plugin.

To be honest, if you want to use a theme/template file for displaying your results I think you will run in to the same issue with any plugin if you also wish to use Ajax

Thanks

[Anonymous]

SO if I understand correctly, you DO want the “reset” button to show on the results page?

Probably the best solution is to copy the default “results.php” to a new template. Name the template with the ID of your form (eg. if your form has the ID of 215, your new template would be named 215.php)

Put this file in a sub-folder of your Theme, named search-filter. This is where the plugin will look for custom search results template files.

Then in your new template, surround the results with a DIV that has a class that you can style however you want, and you can target that button in that style.

Lastly, use the Shortcode method, and insert the shortcode into the Page Template where you want results to show….enter that Page into the box shown when you select “shortcode” in the plugin settings under Display Results.

In my case, I have the form and results on a custom page template I created, and I have a Page that uses that Template.

In that custom page template, I put the shortcode where I want it (there is other content above and below my search results and form)….e.g. echo do_shortcode(‘[searchandfilter id=”102″ show=”results”]’); (surrounded by the PHP open/close tags, which I don’t think will show here).

In the settings for my form, I select “use shortcode” and enter my Page (URL) in the box (e.g. “http://www.mysite.com/myPage/”).

I hope this helps – by customizing the page on which your form and results display, you have more opportunity to declare your own style selectors, and then style things however you like.

[Anonymous]

Hey Ross,

I know support is going to be limited this week, but hopefully this is something small that I’m doing wrong. I’m using a Dropdown Filter (Combobox) and everything is working great except when I view my website in IE9. The styles are missing, and everything looks different. I’m using BrowserStack to test the site, so I opened up Firebug Lite and noticed the markup was a bit different. The <form> tag is inside of a <p> tag, so the rest of my inputs aren’t directly nested under the form so none of my styles are being picked up.

Here are some screenshots:

Do you know why this would be happening? Is there something I can do to fix this?

Thanks!

[Ross]

Ok

I added a plugin which detects which template is being used to display the current page…

So now on (in the admin bar):

http://www.talan.fr/en/?sfid=4668

You can see it is using the correct template for your results.

The problem is that the results are not being styled correctly or how you want them to – this is likely because of some conditional CSS or something in your theme or the template – I would ask your theme developer how to use this template/layout in other locations in your site and it maintain the two column layout.

Just to be clear – it seems as though S&F is working fine – the problem you are having is getting the results to look how you want – I’ve listed the pros & cons of this here and what options you have available:

http://www.designsandcode.com/wordpress-plugins/search-filter-pro/docs/display-results/

Some themes make this easy and follow WP standards in this regard – so its as simple as putting in the filename and you’re good to go. But some themes like Avada have their own layout builders and internal templating systems – which will need some custom development to get setup.

Modifying your theme and creating a two column layout is out of the realm of support – I cannot offer our users this level of customisation.

I created these two tests to show that S&F is actually working correctly:

http://www.talan.fr/sf-test/
http://www.talan.fr/en/sf-test/

There is one issue you mention about the URL updating – it is not updating on the French side – this is a bug I’m looking into but could be a conflict with another plugin – I would advise to disable all other plugins to isolate the issue – in the meantime I will test for this bug once S&F 2.0 is released.

Thanks

[Ross]

Hi there

To answer your questions:

1) This is not supported, but you could implement this using js/css – there is some futher info here:
https://support.searchandfilter.com/forums/topic/stop-searching-on-page-load/#post-14509

2) In the meta field, where you have all your values listed, you can simply drag the values up and down to change the order using the little handle on the left of them

3) This is in your custom template – you need to make modifications to this in order to remove it

4) The default results template doesn’t close some html tags properly – this is a bug I will fix, but you will also need to manually fix any custom templates you’ve already created.

5) This is a theme issue – you theme is styling the dropdowns and I guess removing the arrows. You would need to do some CSS hacking and restore the default styles to them – alternatively you could try ticking the “combobox” option in your fields for a different type of field – which may or may not be suited to what you need.

Thanks

[Anonymous]

Hello Ross,

I had found some issues with the search and filters pro plugin, so I need you to help me with them.

1) All the results list loads at once.
I don’t want the list to load at once, I want only after the filters selection from the dropdown menu, to see the results that I selected. How is it possible this issue to fix it? Below I have the code I use in my webpage URL: http://glass-mig.the-glass-co.com/about-dinnerware/

 
<p style=”text-align: left;”><span style=”font-size: 25px; line-height: 25px; color: #955dc3;”>Our Customers</span></p>
<span style=”font-size: 17px; line-height: 20px;”>View our impressive client list.</span>

<hr />

<div class=”search-and-filter-move-up”>[searchandfilter id=”13601″]</div>

<hr />

[searchandfilter id=”13601″ show=”results”]

As you see, the results page loads in the same page with the filters.

2) Hotel Chain filter to order items Alphabetic by Title.
In the same URL: http://glass-mig.the-glass-co.com/about-dinnerware/ , the first filter I named it “HOTEL CHAIN” and these are my clients list. I want the order to be Alphabetic by Title. I have to mention that this filter is a post_meta I named it eg-search-and-filter-pro.

3) How to remove the “Tags:” that appears before every result in my Continent filter. For example as you see the results are: Tags:Europe , Tags:Americas e.t.c.

4) The Footer of my page URL: http://glass-mig.the-glass-co.com/about-dinnerware/ , somehow moved left after I put the [searchandfilter id=”13601″ show=”results”] , shortcode to that page. When I remove the shortcode, then it works fine, but I want the results to appear in the same page.

5) How it could be possible to have in the right area of every field an arrow, for understanding that this is a drop down list? I mean like the arrows you have in the images of your following link: https://wordpress.org/plugins/search-filter/screenshots/

Thank you, I am waiting for your reply.

[Anonymous]

One more question, how do I style results.php file? I see it uses search-filter.min.css file is that the one I need to modify or I can just add new styling to the style.css in my child theme?

Thanks again,
D.

[Anonymous]

Here’s the issue I’m having. I want to display search results using one of my template pages (blog masonry style).
I’ve tried both FREE version and PRO. Actually FREE version worked fine even w/o any template modifications, but the problem is it doesn’t allow to selectively display categories and the daterange field doesn’t work (yes I tried it in latest ver. of Chrome and Firefox). In your demo site the datarange fields are working which makes me believe there’s some conflict with either my theme or one of the plugins I’m using.

So I’d pretty happy with FREE version if it had options to control which categories appear in the results and I need datefields to work.

Anyway that was with FREE version, now PRO version works partially and only using shortcode method. The results page displays every post I have, it doesn’t filter them by category or tag. When I change the category or tag then results page reloads but it displays all posts every time.

Using archive page doesn’t work at all no mater what custom template I tries, search.php, archive.php, and a coupe others. I guess these need to be modified per your suggestion in FAQ to remove custom query but it’s a bit complicated (it includes some extra functions to allow user selected options in the admin panel of the theme). So I don’t feel qualified enough to do this change myself. Should I send you my template pages for you to look at? And, as I said the daterange fields are not working (perhaps there’s jQuery conflict with another plugin?).

So please can you take a look and give me your advice? The test site url link is : http://rsdasa.5notedesign.ninja/classes/

I can send you my WP login details so you can check my setup.

Thank you,
Dmitriy

[Anonymous]

hello! I am trying to style the filters as what they do on Architizer: http://architizer.com/projects/q/ . How and where I can do that?

many thanks!
Ema

[Ross]

Hey Dennis

When you are using the shortcode to place you results, it basically loads in a template file from within the S&F plugin folder.

This is a really basic template. with little to no styling… To customise the html, layout, style etc – add CSS to your own theme and modify the template by following the instructions here:

http://www.designsandcode.com/wordpress-plugins/search-filter-pro/docs/display-results/with-a-shortcode/

If you wanted to use a regular template from your theme (like search.php) you could use the archive method – but this is not without its own caveats – it can be a bit trickier to setup and ajax searching is a little slower – I have noticed other user around the forums mention the divi theme so I’m assuming they’ve managed to get it setup alright.

Thanks