Search Results for 'filter style'

[Anonymous]

NB, I have the whole site under git, so I can always revert mistakes – my own and if someone accidentally updates the plugin/etc. My safety-net 🙂

Ok, so my changes…let me check git diff with the first version to remind me…

1) I added a new widget called ‘multiselect2’, so I have a new file called ‘multiselect2.js’ that implements the widget’s functionality (mostly click handlers).
2) in of-taxonomy-walker.php, I added multiselect2 by duplicating multiselect and modifying; so I have another else in function start_el() that produces the html I want for each option – basically just a label followed by a checkbox (with appropriate classes/etc)
3) in search-filter.php I:
3.1) added an action for my js script,
3.2) in get_search_filter_form() I added a ‘multiSelect2Submit’ class to the submit element (when it’s a multiSelect2 element)
3.3) in build_taxonomy_element() I added some complexity to the h4 element when it’s a multiSelect2
3.4) also added another else for multiselect2 to call generate_wp_multiselect2()
3.5) added generate_wp_multiselect2() to produce different html (not select, but a simple div wrapper)
4) style.css has a bunch more styles to make multiselect2 look how I want (including a couple of animations).

Thanks about it, really.

What do you think?

Max.

[Ross]

Hey Pamella

Thanks, always nice to hear positive feedback 🙂

RE your issues… basically customising the results page is as you mention to do with template development which is slightly out of the ‘realm’ of support for this plugin but I can point you in the right direction.

Basically, the results template works the same as a post archive page, which means that is uses the main loop to display your posts – therfore some of those plugin for sure won’t be compatible, because they run their own queries to get results so bear this in mind when going forward.

RE the post content displaying, take a look at the WordPress documentation about the loop – you can use all the functions/template tags from here (http://codex.wordpress.org/The_Loop) so to display an excerpt rather than the full content replace the_content() with the_excerpt() – just check the docs.

To display results in a grid like fashion I think these tutorials will help:
http://www.wpbeginner.com/wp-themes/how-to-create-a-grid-display-of-post-thumbnails-in-wordpress-themes/

http://www.transformationpowertools.com/wordpress/posts-in-columns-a-new-twist-on-an-old-problem or http://www.transformationpowertools.com/wordpress/playing-with-columns-stacking-posts-grid-style

What I’m sure would be even better would be using a masonry style layout, but this is more difficult and requires more work, so depends on how comfortable you are coding – there are plenty of tutorials out there if you just google “display posts as masonry” – and look for tutorial not plugins which will often not use the main loop.

Thanks

[Ross]

Hey Bernard

Unfortunately this did not make the cut for todays update – right now you can’t customise what happens when loading (only content fades out) but I will be adding in JS events soon so you can detect when loading starts/stops so you can apply your own styles/loaders etc..

Does this sound like something that would work?

Then you would just do something like this in your themes JS file:

$('.searchandfilter').on('beginajax', function(){

    //show custom loader

});

$('.searchandfilter').on('endajax', function(){

    //hide custom loader

});

[Anonymous]

i have got only last question – promise:

this is my search form code-changed as you suggested:

<div id=”search”>
<?php include (TEMPLATEPATH . “/searchform.php”); ?>
</div>

<form class=”search” action=”http://maneuver.nazwa.pl/WWW/nstyle/?sfid=55&#8243; method=”get”>
<input name=”s” type=”text” id=”search” size=”30″ onfocus=”if(this.value == ‘<?php _e(‘Szukaj produktu’, THEME_LANGUAGE_DOMAIN) ?>…’) { this.value = ”; }” onblur=”if(this.value == ”) { this.value = ‘<?php _e(‘Szukaj produktu’, THEME_LANGUAGE_DOMAIN) ?>…’; }” value=”<?php _e(‘Szukaj produktu’, THEME_LANGUAGE_DOMAIN) ?>…” >
<input type=”submit” value=”Search” id=”searchsubmit” class=”hidden” />
</form>

what should i change to display the list correctly (with the template you made)?

[Ross]

Hey Piotr,

You just need to find out what template you want.. and then enter the filename for this template in search & filter settings…

Do you know which template is being used to display

http://maneuver.nazwa.pl/WWW/nstyle/?page_id=308

?
🙂

[Anonymous]

Hi Ross,

I’ve been working a bit on the site, and I hope I didn’t overlap or undo any of your testing parameters.

I really only updated one of the listings and worked on the stylesheet, but when I load the home page in Safari, the page constantly refreshes. If I remove the Search & Filter plugin, the home page loads fine. You may be aware of this, but I just thought I’d point that out in case it’s a clue to the menu disappearance issue.

Thanks