-
AuthorSearch Results
-
April 11, 2016 at 10:07 am #42248
AnonymousInactiveHi Ross,
I just wanted to check when there might be some update on this one? Sorry to chase, it’s just due to the mobile problem on the combo-boxes it sadly won’t work for what I need it as it stands and I really don’t want to not use your plugin as that aside it’s perfect! Don’t worry I still have development time so just wanted to get an idea :).
I also spotted this related issue ticket too https://support.searchandfilter.com/forums/topic/scrollbars-missing-in-combobox-on-ipad/ and notice you are thinking of going for an option to choose which JS library to use for these multi-select dropdowns which makes sense for existing users and sounds great for variability too.
With that in mind do you think that option I suggested could be included too, you can see it working here http://www.novipropertymallorca.com on the Areas box, as you can see it has a great UI, responsive, and you can highly style it to match your site ever so well which is great, and sadly I feel I’m also struggling to do from a style perspective on the current set-up too.
As I say, more than happy to help you test, etc.
Many thanks 🙂
April 2, 2016 at 9:52 am #41340In reply to: Issues displaying search form horizontally in Avada
TrevorParticipantSdaly, the Avada samples do one thing that I cannot easily do, which is to add style to the select box dropdown arrow/button. This is controlled by the user’s OS/Browser. What Avada does is to place a div element after the select box and then list this back up and over the arrow that is underneath, to ‘disguise’ it. This I cannot do, as it requires code in the plugin to do this.
So, as best as time permits, add this to the CSS I already gave you:a.chosen-single div { padding-top: 7px; } .chosen-search input { border: 1px solid #dadada !important; color: #aaa9a9 !important; } .chosen-container .chosen-results li.active-result { display: list-item !important; color: #aaa9a9 !important; } .chosen-container .chosen-results li.active-result.highlighted { color: #fff !important; background: #39f !important; } .searchandfilter select.sf-input-select, a.chosen-single { height: 38px !important; background: #fff !important; -webkit-appearance: none; text-overflow: ''; border: 1px solid #dadada !important; cursor: pointer; outline: none; padding: 6px 15px !important; text-indent: 0.01px; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -o-border-radius: 0 !important; color: #aaa9a9 !important; } form.searchandfilter > ul { padding-left: 0; } form.searchandfilter > ul > li { margin: 0 8px; } .sf-input-select { font-size: 13px; }
Let me know how this looks (not so good with the dropdowns).
March 30, 2016 at 4:55 pm #41028In reply to: Custom Results Page Using Search.php
AnonymousInactiveThank you for your reply. I’m sorry for not being more clear.
Requirements:
1. Place search results and search on the same page.2. Use the same formatting of results from my theme that display when I use the Archive display method with my default custom template Search.php Example
I’ve already completed this task from documentation
Copy the file wp-content\plugins\search-filter\templates\results.php from the templates folder in to the newly created folder in your theme – wp-content\themes\your-theme-name\search-filter\results.php
But I can’t figure out how to edit the file provided Results.php file to return the same styled results as my theme’s Search.php
Thank you for your help,
Joshua
March 17, 2016 at 11:56 pm #39738In reply to: Ajax not working in the first search
RossKeymasterHi there
To change the style of checkboxes, you do not need to modify S&F files:
You simply need to add CSS to your theme – most themes this will be in
style.css
, however some themes work differently, and require you to paste custom CSS code in a specific sections, like in theme options in admin.Refer to your theme manual for the correct place to add this.
Thanks
March 16, 2016 at 9:36 am #39511In reply to: How to make submit button inline?
RossKeymasterHi Kathryn
You must not edit any files within Search & Filter – this is the wrong place to add the code.
You must find the right place (in your theme) to add custom CSS.
Usually, this is in your theme folder and called
style.css
, but some themes do this differently – this is something you need to find out.Once you know this, you can add the above code.
Thanks
March 14, 2016 at 3:34 pm #39390In reply to: Problem to display the form correctly
RossKeymasterHi there
Yes it looks like the CSS is loaded fine, but it seems the styles are overwritten by the styles of your theme.
Probably the best thing to do would be to re-include the S&F CSS after your themes CSS.
The easiest way to do this would be to copy everything from:
wp-content\plugins\search-filter-pro\public\assets\css\search-filter.min.css
And copy it at the very end of your theme’s style sheet – or somewhere in your theme where you can place custom CSS.
Thanks
March 8, 2016 at 9:38 pm #39019In reply to: S&F custom design
AnonymousInactiveHey Ross,
Thank you for your response.
A: I have Divi theme and in the theme options they have the custom css area where I normally put the css codes but now when I put your codes there is no change in the filter list. However I do prefer not to use codes if there is another way to do it.
So if I want to have the filter list better looking and adjust the line space, font and other features I could style them with my divi themes built in stylesheet? Is it like the plugin will follow automatically the style of my theme?
I saw in your video tutorial (2:06) that you had a template setting section where you specified a php file as template. Is that the place you make this adjustment? If that is the place which of my themes files I should put there? http://prnt.sc/acu31o
B: Did you use a plugin for displaying the movie review lists in that layout? (Movie image on left and the movie information+ranking stars+button on right side).
Thank you again,
March 7, 2016 at 10:11 pm #38914In reply to: S&F custom design
RossKeymasterHey Kania
Really you are looking to use CSS to style your buttons – there is nothing built in.
In the demos, I didn’t add a single line of code for the styling of the buttons, however, the buttons were styled by the themes built in stylesheet.
To add your own CSS styles you would just need to target like:
.searchandfilter input[type=submit] { background-color:#666666; color:#fff; padding:10px; }
Of course, adding in any styles you want to apply.
You should probably add the above code to your themes
style.css
in the theme folder (at the bottom of the file), however, some themes prefer to add custom CSS in different way – refer to your theme for instructions on how to add custom CSS.Thanks
February 25, 2016 at 3:13 pm #37944In reply to: Site crashed after updating to 2.0.1
AnonymousInactiveHello Ross.
First I want to say thank you for helping me.
I added this:
add_filter(‘body_class’,’add_body_class_to_search_filter’);
function add_body_class_to_search_filter($classes) {global $searchandfilter;
if($searchandfilter->active_sfid()){
$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;
}and it is still crashing my staging site. Anything else that needs to be changed?
Thanks
February 24, 2016 at 7:43 pm #37853In reply to: Site crashed after updating to 2.0.1
AnonymousInactiveHello Again.
So if there is no way to use the Woocommerce display and remove the “shop” part of the URL I am stuck with the archive method. Only issue is when I follow your instructions to remove $sf_form_data with $searchandfilter like below:
add_filter(‘body_class’,’add_body_class_to_search_filter’);
function add_body_class_to_search_filter($classes) {global $searchandfilter;
if ($searchandfilter->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;
}it still breaks my staging site, what else do I need to fix to get it to work properly? I tried only replacing the first instance of $sf_form_data with $searchandfilter and that didn’t work either.
Thanks
-
AuthorSearch Results