Search Results for 'filter style'

[Trevor]

To answer them in turn:

#1 No
#2 Both
#3 Our plugin does not affect the style of the Divi Blog grid, so that should not be an issue.

Note that, when using this integration method, it needs to be used on a real page in WordPress, not an archives page.

I do not support the free version, but I would have guessed that it should be something like:

[searchandfilter empty_search_url="http://mysite.com/blog/"]

This option was added at v1.2.11, so I assume you have that or later installed?

Add New Note to this Reply

[Trevor]

Our plugin needs for the form to use certain HTML structure, so what you are trying is unlikely to work.

Instead, use Select2 to make the select boxes. You may need to make some changes.

Go to wp-admin -> Search & Filter -> Settings -> Combobox Script

Change this from Chosen to Select2 – we’re dropping support for Chosen in v3, because it has too many issues on mobile.

Next, in the form field settings, select the combobox option for each.

There is an alternate way of doing this, but this is the easiest. Now you can style the resulting select as it is not a select!

Add New Note to this Reply

[Sandra Khumalo]

Hi Trevor,
I’m about to transition from Search and Filter (free plug-in) to Search and Filter Pro.

The reason we’re upgrading is because with Search & Filter, the search was returning Pages as well as Posts, and I didn’t know how to fix that. Also, with no search parameters selected, if you clicked the Search button,things went wonky. S&F Pro seems to have fixed those issues.

So I have some basic questions…for a WordPress site running Divi 4:

1. Do I need to deactivate or delete Search and Filter before I install Search and Filter Pro?

2. Do I install BOTH Search and Filter Pro AND the Divi S&F Pro Extension, or only the Divi S&F Pro Extension?

3. Will all those lines of CSS I wrote to style the Divi Blog Module (Grid format) still work?

Thanks!!

Add New Note to this Reply

[Werner Zwingl]

And one more thing: the search form disappears from top of the page after the results show.

See: https://www.imschneidersitz.at/videos-fuer-dich-2/?_sfm_style=Meditation

This means it is not possible to filter any forther. But Ajax works this time. 🙂

Add New Note to this Reply

[Marcel Westerhoff]

I also found out that the grid items do not show up after filtering on mobile devices on all pages with search and filter forms. I checked the the pages in Firefox Developer tools and this div has no height and width:

<div class="vc_gitem-zone vc_gitem-zone-a vc-gitem-zone-height-mode-auto vc-gitem-zone-height-mode-auto-1-1 vc_gitem-is-link" style="background-image: url('https://sunrentals.k-dushi.com/wp-content/uploads/2020/09/DJI_0223C1.jpg') !important;>

Add New Note to this Reply

[Frode Dahl]

Hi
I bought the pro version which works fine.
However it has little old-school style.

Is it possible to make it look like the images i have provided with the request?

Also want the number of posts to show in the buttons.

Thanks

Add New Note to this Reply

[Wilson Muh]

hi,

saw that you have this previous post on thrive architect integration:

https://support.searchandfilter.com/forums/topic/style-results-page-with-thrive-architect/

is the code that you posted able to let me edit the page as if i were using thrive architect as well? thrive architect lets me customize the look of each post listing on the post grid with ACF info and that is what I am looking for: to be able to totally customize the info shown per post on a post grid with acf info.

thanks!

Add New Note to this Reply

[Marcel Westerhoff]

And this also doen’t work:

<script>(function ( $ ) {
 "use strict";
 $(document).on("sf:ajaxformstart", ".searchandfilter", function(){
	elem.style.display = 'none';
 });
 $(document).on("sf:ajaxformfinish", ".searchandfilter", function(){
	elem.style.display = 'block';
 });
}(jQuery));</script>

Like I said, I’m not really good at javascript… Sorry!

Add New Note to this Reply

[Trevor]

The output, style, layout and appearance of results is handled by your theme, theme archive templates (if your theme uses them), or page builder plugin/functions.

As this varies enormously from site to site, it is not practical to try to make universal examples for you to use.

The simple way to produce a post grid is to use this method:

https://searchandfilter.com/documentation/3rd-party/post-grid/

If you have standard versions of WPBakery Page Builder or Elementor pro, we have extensions and guides for them:

https://searchandfilter.com/documentation/3rd-party/wpbakery-page-builder-formerly-visual-composer/
https://searchandfilter.com/documentation/3rd-party/elementor/

If you are considering using a Page Builder plugin, but have not yet purchased one, the more flexible (powerful) choice might be Elementor Pro, but your circumstances may dictate otherwise, so please research before making any decisions, as there are many options to choose from.

Add New Note to this Reply

[prandam]

Hi,

Just bought the Pro version, I think the filtering capabilities are great. I was wondering if one could find custom templates (for usual usage like the one in your website) to use and edit. I’m working with the shortcode but I can’t even put the results in two columns. Any resource where we could see this in more detail? like actual php files with multiple columns or other styles?

Thanks a lot.

Add New Note to this Reply