Search Results for 'filter style'

[Anonymous]

I bought the pro version and it did not work for me like the free version because the pro version reads only shortcodes like [download] and i have custom php page for downloads.
Alright if there is a way to do it, let’s start from the basic’s step by step. I might as well use the shortcode [download] and create a separate template for it, but i’ll be facing a new problem the view of the products and the player which i doubt ajax will read mp3 files after search refresh, which will create new script problems for all browsers and devices..

1. How to to add class on the pro ver like on the free ver? I tried to do the same thing like on free ver and it did not work. I have my own css style for select.
1.1 or How to edit css file if there is on pro ver? and will it read and place auto my custom select script.

2. How to create filter by price , popularity, sales and date.

3. When i have setup everything my categories displays 0 products and whatever i choose on the search filter it does not show anything just 404 page nothing found.

4. Is there a way to make S&F Pro like the free version which can be placed in a php custom page and read php custom downloads code.

P.s the last thing: S & F Pro has so many options and visualization which i do not need, i need more basic like the free version just plane code.

[Ross]

Strange, I just checked the link again, on FF, Chrome and IE (all windows) and I don’t see that button at all, after a search.

I tried to start on the page, then type “global” and wait for the results to update – no “checkout” button here….

I do see the styles change a little on the buttons though.

This is likely because you are using ajax.

If you disable ajax does the effect go away? If so, then you need the info from the first question here:

https://www.designsandcode.com/wordpress-plugins/search-filter-pro/faqs/

Thanks

[Anonymous]

I haven’t changed any of the settings but all of a sudden I get “No Results” when I add ANY filters. Here are my settings:

Products post type
posts per page: -1
maintain search form state : 1
AND relationship
Update search form on user interaction
On: Post type Archives, Tag, Category & taxonomy archives

Not sure what other information you might need. here is a link to our site:
http://goldengoodsusa.com/our-bodystyles/

PLEASE LET ME KNOW ASAP what else you might need or what I can do. I tried rebuilding the cache – it had no effect.

[Anonymous]

Seems like I found the culprit, at least in my case.

There has been a new label-tag added around each filter element. Since label doesn’t have any classes whatsoever it is kind hard to style elements within search form differently.

Any particular reason for adding that label-tag?

Cheers

Georg

[Ross]

Thanks for the update, I follow what you mean.

RE the price slider, would you believe that this is the first time this has come up?

Its actually not something I’ve considered before either. For me the price (range sliders) remaining fixed would be ideal – eg:

http://www.asos.com/men/sale/jackets-coats/cat/pgecategory.aspx?cid=2112&ctaref=shop|salehub|jacketsandcoats#parentID=Rf989&pge=0&pgeSize=36&sort=-1&state=Rf989%3D4865

Imagine I want a coat, and I know I have a £30 budget – and I want to filter through some options such as styles etc – one thing I would certainly not expect is for the price slider to be jumping around on my searches, possibly even jumping out of the range I’ve set.

But I do like the idea!

I’ll give it some thought on how I could implement it and how complex it would be to do – but as no one else has asked for it it there are other updates that will be taking priority for now.

Thanks

[Anonymous]

Hello,

I’m wanting to customize the results code a bit via CSS. Is there a reason that there is HTML just floating in the main div with no classes? For instance, my output looks like this:

<div class="search-filter-results" id="search-filter-results-760">	
	Found 1 Results<br>
	Page 1 of 1<br>
	
	<div class="pagination">

There’s not an easy way to target the Found Results or page count text!?! These should be wrapped in a div/span/something with classes so we can style I think?

Is there a way to modify that output HTML?

[Anonymous]

Hi there!

I am using the free version but I was wondering if it is possible to hide a few of the categories.
I set it up with the check-box style filtering on categories and tags, but I would need to hide a couple of categories. Is that possible?

Also, I would need the categories and tags (that the user has to check before searching) to be in a column. Is this possible?

Looking forward your reply.

Thank you!

[Anonymous]

Hi Ross,

Got a filter for a property website and some taxonomies work and some do not? Very strange.

If you have a look at this link: http://towncountry.betastaging.co.uk/property (still very much in development) and select the filters at the top some work and some do not. For example Property Type works and Property style does not but they both update the URL.

I have checked the posts to check they have the taxonomies on them and they do?

[Ross]

Hey Edward

Ok, this is more a developer feature for now until I add something via the UI to make this easier.

Essentially, what you want to do is the following:

1) Create your loader and add it to your page / site.

So as a really basic example (by no means comprehensive or complete) – edit your themes “footer.php”.

Before the closing </body> tag add the following html code:

<div class="sf-loader" style="display:none">
Loading...
</div>

This will add an element to your page to use as a loader. This will need to be customised via CSS, such as centering it on the page etc but for now thats not important.

2) Add the loader code.

In your themes main JavaScript file, scroll the to very end, and after everything else add:

jQuery(document).ready(function($) {
	$(document).on("sf:ajaxfinish", ".searchandfilter", function(){
		$('.sf-loader').hide();
	});

	$(document).on("sf:ajaxstart", ".searchandfilter", function(){
		$('.sf-loader').show();
	});
});

now you will see an element on your site being shown/hidden when being loaded. As mentioned you will need to style it up.

Hope that helps!

Thanks

[Ross]

Hi Idan

Ok so to answer your questions:

2) yes the code has been designed to work with labels – so styling labels based on checked state is built in. If you want to style the li element that the checkbox is contained in then you will need to write some custom javascript to add / remove classes based on whether the checkbox is ticked.

Something like (untested, and will need some adaptation, this is just for the general idea):

jQuery(document).on("change", ".searchandfilter .yourfieldclass li input[type='checkbox']", function()
{
    if(jQuery(this).prop("checked")==true)
    {//then update the background colour
        jQuery(this).parent().css("background-color", "#f00");
    }

});

In the code above you will need to update .yourfieldclass with the name of the class on the field element.

It will likely need some work to do what you want but I think its a decent indication of the direction to take.

3) This again is some custom code that is out of the scope here really.

You would need to detect a click on the LI, and then set any checkbox elements inside to “checked”

jQuery(document).on("click", ".searchandfilter .yourfieldclass li", function(){
   //detect a click on an  LI element within a specific field.
   //then set the checked state to true
   jQuery(this).find("input[type='checkbox']").prop("checked", true);
});

You can use the code above as a basis for solving your tasks but its not officially supported within the plugin itself.

Thanks