Search Results for 'filter style'

[Ross]

Hey Megan

S&F does not do the layout design work for you, it keeps things very basic so you can customise.

The problem you are describing is pretty much a generic html/css question which I can’t really provide an answer for unless I’m writing specific code for your site.

So first, to make the whole form horizontal you would need to do the following (may not work in all themes):

https://support.searchandfilter.com/forums/topic/horizontal-layout/#post-6143

And then you would need to figure out the rest of the CSS changes you want to make yourself.

Theres plenty of info out there – what you want to be looking for is using CSS to style unordered lists (ul – which is what all the fields are contained in) and I guess heading tags (h4).

Thanks

[Ross]

Hi Serge

I do not know what the edit would be superficially for your theme.

Basiscally, you need to re-order your CSS files in your theme, or get them to load before S&F – S&F uses a pretty standard hook to do this, I think your theme might be forcing itself to be loaded last which doesn’t help.

Anyway, for this you would need to look at the FAQs and the question How do I remove CSS/JS files when I don’t need them?

Then you would need to find a way to load these same scripts after your themes CSS.

If this all sounds a bit tricky, I would suggest just putting the CSS from Search & Filter at the end of you theme’s CSS file which can be found:

search-filter-pro\src\public\assets\css

You would need to copy the contents of first chosen.min.css and then search-filter.css – basically you add the Search & Filter CSS to your own stylesheets, after everything else 🙂

Thanks

[Anonymous]

Hey!

I started working with Search and Filter Pro last week (I asked the question on the FAQ about Post/Portfolio taxonomies).

In draft preview, the plugin works pretty much exactly how I was hoping. I’m using the shortcode method and have edited the PHP file to have it look/function close to how the final product will look (still more futzing to do).

However, when I publish the page that the plugin lives on, the whole thing malfunctions. The title of the page changes from Advanced Search (my own setting) to Blog (which is inactive on the site). The dropdown menus that appear and function in the draft version disappear. All of the posts and portfolio entries that I would expect to see on the initial load all appear, but in a completely different style.

Is there something I’m missing? Even when I enable public preview, log out of my account, and view the public preview as an external viewer the page seems to work fine. It’s only when I change the page to Published do things start to go haywire.

Any insight?

[Ross]

Hi Serge

We are using chosen for those – https://harvesthq.github.io/chosen/

I can see this issue, it looks like some styles from your theme are interferring with the chosen styles.

I can in your source code, that the Chosen styles are loaded before your theme, you might want to try switching the loading order around:

<link rel='stylesheet' id='search-filter-chosen-styles-css'  href='http://newsite.creativeconnections.org/cc/wp-content/plugins/search-filter-pro/public/assets/css/chosen.min.css?ver=1.4.3' type='text/css' media='all' />
<link rel='stylesheet' id='search-filter-plugin-styles-css'  href='http://newsite.creativeconnections.org/cc/wp-content/plugins/search-filter-pro/public/assets/css/search-filter.min.css?ver=1.4.3' type='text/css' media='all' />
<link rel='stylesheet' id='krown-style-parties-css'  href='http://newsite.creativeconnections.org/cc/wp-content/themes/goodwork/css/third-parties.css?ver=4.2.2' type='text/css' media='all' />
<link rel='stylesheet' id='krown-style-css'  href='http://newsite.creativeconnections.org/cc/wp-content/themes/goodwork/style.css?ver=4.2.2' type='text/css' media='all' />

Thanks

[Anonymous]

Hi,

I’m looking to implement a filtering system on my website. Right now I’ve got my Filter page styled like: http://dev.branded.tv/by-campaign/technology/

The results page currently looks like: http://dev.branded.tv/results/?_sft_type=content-marketing

I want the results page to look the same as the filter page, but I want it to keep the filter on the side similar to the Movies demo page: http://demo.designsandcode.com/sfpro-movie-reviews/ And have it update accordingly.

How do I achieve this?

Thanks!

[Anonymous]

Is the only chance to change permalinks in WP settings or there is another possible solution?
For example, pagination in Search & Filter on tracers.ru/archive works in other way. Everything is ok except case when i am going from page 2 to page 1 (page style is broken).

[Anonymous]

Hi and thanks for a great search plugin. I have 2 questions.

1. I wonder if you could steer me in the right direction for styling. Right now it does not look good and we are trying with custom CSS with not real luck. We are using one horizontal and also vertical search bar in a sidebar.

I went through your forum and it looks you are working in some style templates. Is this happening any time soon?

2. Have you got any tips of how to make the search results page look a bit better with the option of filtering results to further help users find what they are after. Do you have shortcodes we could use. We use S&F with Woocommerce products only and would like the result page looks similar to a woosearch and have 3 or 4 columns with thumbnails and a short description.

I am happy to invest in any other of your plugins or addons if needed.

Thanks for your help.

Regards
Alberto Nilsson
+61427522220

[Ross]

Hey Rupert

I’m not sure what your original problem was, but using the shortcode method does make it easier for setting up ajax – check out the pros and cons of each method here:

http://www.designsandcode.com/wordpress-plugins/search-filter-pro/docs/display-results/

To customise the results generated by the shortcode method see here:

http://www.designsandcode.com/wordpress-plugins/search-filter-pro/docs/display-results/with-a-shortcode/

This should be what you need, any custom CSS you create should go in the right place in your theme – usually style.css.

Thanks

[Anonymous]

Hi there,

I’m using JS to set a cookie to switch between grid and list views on http://development-client-server.com/elk/cabins/ (see text links on top of the listings – not styled yet). They work great and will force reload the page to the new view. However, after I select a filter item, or use the pagination (using the AJAX option), my view switcher no longer works, and seems to jump to the top. Any suggestions on how to prevent this?

Here’s the JS for the view switcher (using JS Cookies plugin)

// View Switcher Cookies

$('#list-view').click(function(e) {
   e.preventDefault();
   Cookies.set('listingType', 'list', { expires: 7 });
   window.location.reload(); 
});

$('#grid-view').click(function(e) {
   e.preventDefault();
   Cookies.set('listingType', 'grid', { expires: 7 }); 
   window.location.reload();
});

and then using a simple if/else to switch the style of posts inside the loop:

<?php if(isset($_COOKIE['listingType']) && $_COOKIE['listingType'] == 'list') { ?>

[Anonymous]

Hi, can u check this web
http://www.graficohosting.cl/MyV1/fitosanitarios-y-nutricion-vegetal
Make a filter, and then try to select “Pagina siguiente”
It doesn´t work well.

Can u help me?

Thanks