Search Results for 'filter style'

[Anonymous]

Ross,
I found a solution that saves time to us.
In this moment the filter have the style=”display:none”.
For change “filter” you can use the main menu.
I send at you a private mail thit the screenshot.

I hope you youd the bug.
Andrea.

[Ross]

Hey Josh

Sorry for the delay on this..

So I took a look and makes sense.

As you mentioned, it seems like the taxonomy may not be initialised properly – can I ask, how is this taxonomy created and on what action/filter is it hooked onto?

I believe taxonomies should be added on the init action – which should work for S&F ajax requests like this..

BTW have you done anything at all to the search form, such as add on JS that styles the search form, or even edited any plugin files?

I guess you already came to the same conclusion which is that it looks like our JS is not finding a HTML element it expects to be there (within the ajax request), and this is because the taxonomy is not initialised yet so the html is not generated.

BTW if you add define("SEARCH_FILTER_DEBUG", true"); to your wp-config so we will be using the uncompressed JS files so we can get a better idea of exactly where the JS error is coming from.

Thanks

[Anonymous]

I’m not quite sure I understand what you need, but this is the code related to S&F that I have going:

On the page itself (within the WordPress editor):

[searchandfilter slug="sort-articles"]
<hr/>

<div id="dynamic-articles">

The enqueue action within my functions.php file:

add_action( 'wp_enqueue_scripts', 'child_theme_styles');

function theme_js() {
    wp_enqueue_script( 'theme_js', get_stylesheet_directory_uri() . '/js/sf-pro-ajax-events.js', array( 'jquery' ), '1.0', true );
}

add_action('wp_enqueue_scripts', 'theme_js');

The archive template I’m using (which works when AJAX is disabled):

<?php
/*
* Template Name: Search & Filter
* Description: Only to be used on homepage
*/

get_header(); // Loads the header.php template. ?>

		<div class="container">

			<div id="content">

				<?php get_template_part( 'loop' ); // Loads the loop.php template. ?>

			</div><!-- #content -->

		</div><!-- .container -->
		
<?php get_footer(); // Loads the footer.php template. ?>

[Trevor]

Ah, OK. I understand. The data is there in an array, so the actual terms need will vary according to your form and the fields you have used. This thread may give you some ideas:

https://support.searchandfilter.com/forums/topic/how-to-style-the-search-data/

[Trevor]

What would you do if the search has many fields, or is it a single search box only? The code will vary according to use, but this thread migh help guide you:

https://support.searchandfilter.com/forums/topic/how-to-style-the-search-data/

[Trevor]

It is possible, but you would need to do some coding, and I can tell you that the last time I did it, it was quite hard and time consuming.

This thread was when I last tried:

https://support.searchandfilter.com/forums/topic/how-to-style-the-search-data/

[Anonymous]

Please see the base structure
http://tinypic.com/view.php?pic=2uid5d4&s=9#.WBOI18f_qM8

Since buttons need to be styled a lot, it’s hard to use a tab plugin or Search&Filter from.
(i.e. collapsible child buttons, change to dropdown on mobile device and so on)

[Anonymous]

I would like to put heavily styled navigation buttons(it might be even flyout menu or tabs) and control Search&Filter result container from it.
Result would be only one.

Something like ajax page loader with navigation buttons.

[Anonymous]

Hello!

First, really awesome plugin!

When filtering by taxonomies there are lots of options, for example display count.
I want to filter by post types and show the display count for each option, is that possible?

Also, when using taxonomies as checkboxes, a selected box gets set as checked and you can style it with css. But when filtering by post types with checkboxes, selecting a box reloads the page so the checked = “checked” disappears from the html. Is there a way to make it stay checked when selected?

Kind regards, Christoffer

[Anonymous]

Hello Trevor,

Thanks for your help.

Have a look at this page please: initially, when page is loaded, you see correct styling. But suddenly it changes. http://www.sustainablepackagingcommunity.com/portfolio/

Can you tell me why?

This is custom css code:

<style type=”text/css”>

1
/* Add your CSS code here.
2

3
For example:
4
.example {
5
color: red;
6
}
7
​
8
For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp
9
​
10
End of comment */
11
​
12
.searchandfilter > ul > li .sf-input-text,
13
.searchandfilter > ul > li .sf-input-select {
14
min-width: 300px;
15
}