Search Results for 'filter style'

[Ross]

I looked at your site and looks good – is this issue now fixed?

If you want to style labels differently you could try something like:

.searchandfilter li label
{
    display:inline-block;
    margin-top:-5px;
}

But you will have to try the CSS yourself as some themes put in their own styles.

Thanks

[Anonymous]

I have this in the functions file –

add_filter(‘body_class’,’add_body_class_to_search_filter’);
function add_body_class_to_search_filter($classes) {

global $sf_form_data;

if ($sf_form_data->is_valid_form())
{
$classes[] = “tax-product_cat archive woocommerce woocommerce-page alt-style-default boxed-layout two-col-right width-930 two-col-right-930”;
}
// return the $classes array
return $classes;
}

line 105 is:

if ($sf_form_data->is_valid_form())

[Ross]

Hey David

Please check the FAQs – 3rd question down – http://www.designsandcode.com/wordpress-plugins/search-filter-pro/faqs/ – it looks like the names are incorrect, with an additional -css tagged on to the end of them.

You have actually mentioned a bug in S&F 1.4.3 – I’ve tidied up the CSS for S&F 2.0 (out later on today) so the jQuery UI styles are only applied to Search & Filter forms (they are just used for the datepicker) – I think with the new version there won’t be a conflict.

Thanks

[Anonymous]

Hi

How i can remove all the CSS? There are some major conflicts with jQuery UI library. Following doesn’t do it. Any ideas? Thanks.

add_action( ‘wp_print_styles’, ‘deregister_my_styles’, 100 );

function deregister_my_styles() {
wp_deregister_style( ‘search-filter-chosen-styles-css’ );
wp_deregister_style( ‘search-filter-plugin-styles-css’ );
}

[Anonymous]

I have two search taxonomies – “style” and “mood” that are set up in a search form as checkboxes. Items can have multiple moods, but only one style. The search isn’t working properly, because it’s not screening out empty terms. Here’s a link:

http://violetweddings.com/wedding-styles/

Steps to replicate:

1. Click on the “style” filter up at the top to expand it
2. Check “modern” and “rustic”. That filters out only the items that have modern or rustic styles, and it works properly.
3. Now expand the “mood” filter and click on “whimsical”. Nothing happens because there are no items that are either modern or rustic AND whimsical. So the whimsical choice shouldn’t be an option.

As you can see from the screenshot below, I have the “hide empty terms” box checked, but it doesn’t appear to be working. Is there something else I need to do like check the hierarchical box?

[Anonymous]

Hi there

Great plugin working great.

I have one big issue

I need to have two different resluts.php pages and I cant get it to work.

I know how to style the existing template results.php to my liking, but I need two completly different reults pages that pass different variables (url) to detail pages.

I tried duplicating the ‘results.php page and changing the name to ‘results_two.php’ and then changing the shortcode from

[searchandfilter id=’1046′ show=’results’ ]

to

[searchandfilter id=’1046′ show=’results-two’ ]

But this does not work.

Can you please explain to me how to get this working?

Thanks in advance.

[Anonymous]

For Full code..its here..
Add this new function in class-search-filter-generate-input.php file

public function generate_multiselectcheckbox($dropdata, $name, $defaults, $elem_attr = "",$id="",$all_items_label=null)

    {
        $returnvar = "";

//        if($additionalFeature==false){
//            $returnvar .= '<div style="display:none;" id="div_' . str_replace('/', '', $name) . '">';
//        }
//        else{
//            $returnvar .= '<div style="" id="div_' . str_replace('/', '', $name) . '">';
//        }

        $returnvar .= '<select multiple="multiple" class="postform" name="'.$name.'[]"'.$elem_attr.'id="'.str_replace('/', "", $name).'" slug="'.$all_items_label.'">';
        if(isset($all_items_label))
        {

            if($all_items_label=="")
            {//check to see if all items has been registered in field then use this label
                $returnvar .= '<option selected="selected" class="level-0" value="'.$name.'">'.esc_html($all_items_label).'</option>';
            }
        }
        foreach($dropdata as $dropdown)
        {
            $selected = "";

            if(isset($defaults))
            {
                if(is_array($defaults)) //there should never be more than 1 default in a select, if there are then don't set any, user is obviously searching multiple values, in the case of a select this must be "all"
                {
                    foreach($defaults as $defaultid)
                    {
                        if($defaultid==$dropdown->term_id)
                        {
                            $selected = ' selected="selected"';
                        }
                    }
                }
            }
            $returnvar .= '<option class="level-0" value="'.esc_attr($dropdown->term_id).'"'.$selected.'>'.esc_html($dropdown->cat_name).'</option>';
        }
        $returnvar .= "</select>";

        $returnvar .= '<script src="/wordpress/wp-content/themes/sydney/js/jquery.min.js"></script>
                       <script src="/wordpress/wp-content/themes/sydney/js/jquery.multiple.select.js"></script>
                        <script>
                        $(function() {
                            $("#'.str_replace('/', "", $name).'").change(function() {
                            console.log($(this).val());
                            }).multipleSelect({
                            width: "100%"
                            });
                        });
                        </script>';

        return $returnvar;
    }

choose from the UI which choice_type u want. for example. I choose multi select so Call this function into
if ($values['choice_input_type'] == "multiselect") by referring

$returnvar .= $this->create_input->generate_multiselectcheckbox($countrychildren, $field_name, $defaults, $elem_attr, str_replace('/', '', $field_name), false);

Don’t forget to add the above javascript files and css file.

Keep calm and enjoy coding.. 😉
Cheerssss

[Anonymous]

We are using radio buttons as the filters, these are styled with CSS to look like simple buttons. This CSS is on sf-item-XX li.

We would like to change the background colour and essentially make an active state when then filters checkbox is checked. So the CSS on li item updates. Apologies if there are already solutions to this, I feel like this could be a common request.

Ideally, the solution would not rely on specific item IDs, as new categories can obviously be created and added to this filter. All help and ideas much appreciated.

Thanks very much

[Anonymous]

So I have sort of figured this out – the body classes –

Search and Filter Search Results Page –

<body class=”blog gecko alt-style-default boxed-layout two-col-right width-930 two-col-right-930″>

Woocommerce Archive Product Results Page –

<body class=”archive tax-product_cat term-afghan term-297 woocommerce woocommerce-page gecko alt-style-default boxed-layout two-col-right width-930 two-col-right-930″>

So the Search and Filter template needs those body classes that are missing, I see the code in your link but just so I don’t mess anything up can you confirm what the code should look like in my case?

Thanks so much for your help!

John

[Anonymous]

I was running a check for broken links on my site and discovered quite a few coming from this plugin, all from the CSS file. Here is the list of 404 Not Founds discovered. They appear to all be looking for image files in a folder that were not included with the plugin. I hope this is useful for you.

../plugins/search-filter-pro/public/assets/css/images/ui-bg_glass_100_fdf5ce_1x400.png style: .ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover

../plugins/search-filter-pro/public/assets/css/images/ui-bg_glass_65_ffffff_1x400.png style: .ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active

../plugins/search-filter-pro/public/assets/css/images/ui-bg_highlight-soft_75_ffe45c_1x100.png style: .ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight

../plugins/search-filter-pro/public/assets/css/images/ui-bg_diagonals-thick_18_b81900_40x40.png style: .ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error

../plugins/search-filter-pro/public/assets/css/images/ui-icons_222222_256x240.png style: .ui-icon,.ui-widget-content .ui-icon

../plugins/search-filter-pro/public/assets/css/images/ui-bg_highlight-soft_100_eeeeee_1x100.png style: .ui-widget-content

../plugins/search-filter-pro/public/assets/css/images/ui-bg_gloss-wave_35_f6a828_500x100.png style: .ui-widget-header

../plugins/search-filter-pro/public/assets/css/images/ui-bg_glass_100_f6f6f6_1x400.png style: .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default

../plugins/search-filter-pro/public/assets/css/images/ui-bg_diagonals-thick_20_666666_40x40.png style: .ui-widget-overlay

../plugins/search-filter-pro/public/assets/css/images/ui-bg_flat_10_000000_40x100.png style: .ui-widget-shadow

../plugins/search-filter-pro/public/assets/css/images/ui-icons_ffffff_256x240.png style: .ui-widget-header .ui-icon

../plugins/search-filter-pro/public/assets/css/images/ui-icons_ef8c08_256x240.png style: .ui-state-active .ui-icon,.ui-state-default .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon

../plugins/search-filter-pro/public/assets/css/images/ui-icons_228ef1_256x240.png style: .ui-state-highlight .ui-icon

../plugins/search-filter-pro/public/assets/css/images/ui-icons_ffd27a_256x240.png style: .ui-state-error .ui-icon,.ui-state-error-text .ui-icon