Search Results for 'filter style'

[Anonymous]

Dear Sir,

thank you for the replay and my delayed response.

I followed your instructions and i´ve three new questions:

Here the example: http://www.globaleslernen-berlin.de/test/

1) When i start filtering (first select-box “Armut und soziale Sicherheit”) then i see 9 results in the selectbox-counting, but in the list i see only five results. After use the second select (“Grundschule”) i should have 5 Results in the list, like the counting in the select-boxex.

2) After Selecting i have no pictures in my results. Why?

3) Do you know where can i style this resultlist with elementor?

Thanks for your patience.

[Trevor]

You have this custom CSS:

.searchandfilter ul li {
    list-style: none;
    display: inline-table;
    padding: 1px;
    margin: 4px;
}

Change this to this:

.searchandfilter ul li {
    list-style: none;
    display: inline-block;
    padding: 1px;
    margin: 4px;
    float: left;
}
.searchandfilter .sf-field-reset {
    clear: both;
}
.searchandfilter > ul {
    display: table;
    margin: 0 auto;
}

[Trevor]

We do not, as every theme and site needs different style, so what it looks like out of the box is intentionally basic and often will inherit theme CSS. This search will find some snippets:

https://support.searchandfilter.com/forums/search/.searchandfilter+custom+css/

If you show me what you have, and what you want, I can guide you (preferably live examples).

[Ross]

Hi, the problem is you are using 2 search forms..

You cannot do that.

So right now, the results are connected to search form ID 4533, so this will work ok..

But DENSIDAD will not work, because it has different ID.

You need to put both the fields in the same search form, add headings, and style with CSS to make it horizontal – eg:
https://searchandfilter.com/documentation/getting-started/display-search-form/#making-your-search-form-horizontal

Thanks

[Anonymous]

Hi,

Is it possible to style filters to be like in Zalando?

When clicking heading it opens checkbox list and it has Submit and Reset buttons.

[Anonymous]

In prolongation to this thread:

https://support.searchandfilter.com/forums/topic/replicate-setup-seen-in-tutorial-video-results-load-on-same-page-as-filters/

I need to use the search result/blog style setup seen in “https://ba2018.wpengine.com/tvangssalg” (as i have done a lot of manual php and css tweaks to it) and not the default DIVI blog section layout.

How do i set up the plugin, to work with DIVI, but not through the standard blog module seen in DIVI builder, but directly on the archive.php page?

[Anonymous]

Hi,

I’m having an issue where the results display on index.php. I have a search bar on my site that when they enter a search term, WordPress automatically takes them to search.php. In search.php is where I have my Search & Filter Pro shortcode. However, if I change the search term in the shortcode’s search bar, it takes me off of the search.php template.

I noticed it when my styles went wonky (based on a body class) and a custom query (on pre_get_posts) from my theme isn’t kicking in anymore because part of my conditional checks for is_search(). When I error out is_home() in my theme for when I try to submit the form from the search.php file, when it loads, the error out says is_home is true.

The HTML body classes on the page no longer include the “search search-results” classes that WP adds itself based on the template hierarchy. It now has “home” instead and I noticed there are parameters at the end of the search url.

How do I fix it so it remains on the search.php template even if the user chooses filters or changes the search term to submit again?

Here is how my “Display Results” tab is set in my plugin settings:

Display results method: As an archive

Template Options:
Use custom template for results: Checked
Enter the filename of the custom template: search.php
Set a slug? (Left this empty)

Ajax:
Load results using Ajax? (I’ve tried this both checked and unchecked but it didn’t resolve the issue)
Make searches bookmarkable: I had this checked but removed it when I thought it was interfering with the url and therefore where the results showed
Only use Ajax on the results page? Checked
Ajax Container: #search-results-wrapper

[Trevor]

Simply make a form with the search field in it. To alter the position, size and style would require custom CSS.

You need to check in your theme or page builder help or documentation as to how you add this to the landing page:

1. As a widget, OR
2. As a shortcode in a Text/HTML editor/block (looks like [searchandfilter id="1"]), OR
3. By editing the landing page php template file and adding a WordPress php do_shortcode() function.

See here:

https://searchandfilter.com/documentation/getting-started/display-search-form/

[Anonymous]

Okay, so that code it still not working for me. I added it just beneath my original code. See below:

if ( ! function_exists( 'visual_posted_on' ) ) :
/**
 * Integrate Co-Authors Plus with TwentyTen by replacing twentyten_posted_on() with this function
 */
function visual_posted_on() {
    if ( function_exists( 'coauthors_posts_links' ) ) :
        printf( __( '%2$s &nbsp;<span style="color:#999;">/</span>&nbsp; %3$s', 'visual' ),
            'meta-prep meta-prep-author',
            sprintf( '<span class="entry-date">%3$s</span>',
                get_permalink(),
                esc_attr( get_the_time() ),
                get_the_date()
            ),
            coauthors_posts_links( null, null, null, null, false )
        );
    else:
        printf( __( '%2$s &nbsp;<span style="color:#999;">/</span>&nbsp; %3$s', 'visual' ),
            'meta-prep meta-prep-author',
            sprintf( '<span class="entry-date">%3$s</span>',
                get_permalink(),
                esc_attr( get_the_time() ),
                get_the_date()
            ),
            sprintf( '<span class="author vcard"><a class="url fn n" href="%1$s" title="%2$s">%3$s</a></span>',
                get_author_posts_url( get_the_author_meta( 'ID' ) ),
                esc_attr( sprintf( __( 'View all posts by %s', 'visual' ), get_the_author() ) ),
                get_the_author()
            )
        );
    endif;
}
endif;

function filter_function_name($input_object, $sfid) {
  if ($input_object['name'] == '_sft_author') {
    global $coauthors_plus;
    foreach($input_object['options'] as $key => $option) {
      if($option->value=="") {
        $option->label = "All Authors";
      } else {
        $user = $coauthors_plus->get_coauthor_by( 'user_nicename', $option->value );
	$input_object['options'][$key]->label = $user->display_name . ' (' . $option->count . ')';
      }
    }
  }
  return $input_object;
}
add_filter('sf_input_object_pre', 'filter_function_name', 10, 2);

Should I remove the first part of that code and only have the part you gave me?

The “All Authors” dropdown is still not recognizing additional authors, i.e. Wael (only ones in the first position on a post). And the search field is not recognizing them either. Thanks again for your quick responses.

[Anonymous]

Thanks for your quick response, Trevor. However, I had tried that solution before posting here and it did not work for me. I’m using a child of the Visual Theme. When adding the CoAuthors plugin to the site, this was the code I added into my template-tags.php file in my child theme:

if ( ! function_exists( 'visual_posted_on' ) ) :
/**
 * Integrate Co-Authors Plus with TwentyTen by replacing twentyten_posted_on() with this function
 */
function visual_posted_on() {
    if ( function_exists( 'coauthors_posts_links' ) ) :
        printf( __( '%2$s &nbsp;<span style="color:#999;">/</span>&nbsp; %3$s', 'visual' ),
            'meta-prep meta-prep-author',
            sprintf( '<span class="entry-date">%3$s</span>',
                get_permalink(),
                esc_attr( get_the_time() ),
                get_the_date()
            ),
            coauthors_posts_links( null, null, null, null, false )
        );
    else:
        printf( __( '%2$s &nbsp;<span style="color:#999;">/</span>&nbsp; %3$s', 'visual' ),
            'meta-prep meta-prep-author',
            sprintf( '<span class="entry-date">%3$s</span>',
                get_permalink(),
                esc_attr( get_the_time() ),
                get_the_date()
            ),
            sprintf( '<span class="author vcard"><a class="url fn n" href="%1$s" title="%2$s">%3$s</a></span>',
                get_author_posts_url( get_the_author_meta( 'ID' ) ),
                esc_attr( sprintf( __( 'View all posts by %s', 'visual' ), get_the_author() ) ),
                get_the_author()
            )
        );
    endif;
}
endif;

Then, I added the Trial by Fire code after:

// Trial by fire

function filter_function_name($input_object, $sfid) {

	if ($input_object['name'] == '_sft_author') {

		global $coauthors_plus;
		
		//udpate this field before rendering

			foreach($input_object['options'] as $key => $option) {

				if($option->value=="")
					{//the option with no value is always the "all items" or unselected state
						$option->label = "All Authors";
					}

				else {

				$user = $coauthors_plus->get_coauthor_by( 'user_nicename', $option->value );

    			$input_object['options'][$key]->label = $user->display_name . ' (' . $option->count . ')';

    			}

        	}

	}
	
	return $input_object;

}

add_filter('sf_input_object_pre', 'filter_function_name', 10, 2);

But still no dice. I’m not sure what I’m missing here, but what should be happening is that when I search for Wael in the search box or even in the dropdown Authors box he should be appearing. But he is not. I would appreciate any further help you can provide. I am stumped.