Search Results for 'filter style'

[Ross]

Hi Michael

Follow the instructions here – http://www.designsandcode.com/wordpress-plugins/search-filter-pro/docs/#docs-new-ajax – to copy the template files in to your theme – this means you can start customising your layout.

Once that is done, you can treat it just like any other WP template, or template part – so in terms of what you want to achieve a quick google turned these up:

https://www.nosegraze.com/display-wordpress-posts-2-3-columns/
http://www.wpbeginner.com/wp-themes/how-to-create-a-grid-display-of-post-thumbnails-in-wordpress-themes/

Unfortunately customising layouts/style is not included in support.

Thanks

[Anonymous]

ok i included it manually

so if anyone else has a yootheme with warp7 framework, the way to do this is:

open theme.config.php in your style

and find comment // add scripts

at the bottom just add

$this[‘asset’]->addFile(‘js’, ‘/wp-content/plugins/search-filter-pro/public/assets/js/search-filter-build.js’);

this will load this js on every page, unfortunately i cannot figure a better way out 🙁

[Ross]

Hey Nemanja

I understand – but its the only way to isolate an issue – however if you are using a test environment then I would just create a backup of this and restore once testing is complete – that way you’ll have your widgets etc reverted after testing.

I think it is possible to manually load a script – but the best bet is normally to identify the problem, rather than just work around it.

If you did want to go this way then you will need to check examples on how to load scripts in your theme:

http://codex.wordpress.org/Function_Reference/wp_enqueue_script
http://www.wpbeginner.com/wp-tutorials/how-to-properly-add-javascripts-and-styles-in-wordpress/

And for your reference, I believe the only essential JS file to load from S&F is located:

wp-content/plugins/search-filter-pro/public/assets/js/search-filter-build.js

Which has a jQuery dependency (jQuery must already be loaded)

Thanks

[Anonymous]

Well,

I still have all the ads (filter on the meta doesn’t works).
But I do not have any more a drop down menu used to order manually the results.

More over I have an additional question :
In the “display results” tab under template options do I have to tick “Use a custom template for results?” to make sure that the php file in “Enter the filename of the custom template:” is used ?

When I tick this box with search.php the results are without any style.
If I don’t the results are shown correctly. But The default php page must be search.php so I would have the same design in both case ?

Thanks.

[Anonymous]

Great,

So at this time I have renamed the search.php to search-filter.php and change the line <?php get_template_part( ‘loop’, ‘ad_listing’ ); ?> to <?php get_template_part( ‘loop’, ‘ad_listing_sf’ ); ?>.
Then I have duplicated loop-ad_listing.php and renamed it to loop-ad_listing_sf.php.

So the filenames that you gave me were corrects.

And as far as I have understand, now I have to modify the following content (I am not sure for the line to be removed) :

<?php
/**
* Main loop for displaying ads
*/
global $cp_options;
?>

<?php allthemes_before_loop(); ?>

<?php if ( have_posts() ) : ?>

<?php while ( have_posts() ) : the_post(); ?>

<?php allthemes_before_post(); ?>

<div class=”post-block-out <?php cp_display_style( ‘featured’ ); ?>”>

<div class=”post-block”>

<div class=”post-left”>

<?php if ( $cp_options->ad_images ) cp_ad_loop_thumbnail(); ?>

</div>

<div class=”<?php cp_display_style( array( ‘ad_images’, ‘ad_class’ ) ); ?>”>

<?php allthemes_before_post_title(); ?>

<h3>“><?php if ( mb_strlen( get_the_title() ) >= 75 ) echo mb_substr( get_the_title(), 0, 75 ).’…’; else the_title(); ?></h3>

<div class=”clr”></div>

<?php allthemes_after_post_title(); ?>

<div class=”clr”></div>

<?php allthemes_before_post_content(); ?>

<p class=”post-desc”><?php echo cp_get_content_preview( 160 ); ?></p>

<?php allthemes_after_post_content(); ?>

<div class=”clr”></div>

</div>

<div class=”clr”></div>

</div><!– /post-block –>

</div><!– /post-block-out –>

<?php allthemes_after_post(); ?>

<?php endwhile; ?>

<?php allthemes_after_endwhile(); ?>

<?php else: ?>

<?php allthemes_loop_else(); ?>

<?php endif; ?>

<?php allthemes_after_loop(); ?>

<?php wp_reset_query(); ?>

[Anonymous]

This topic was marked as resolved but you waited for no response before marking it as such.

I need a function to remove your default jQuery UI stylesheet ( ‘search-filter.min.css’ ) that is causing me conflict issues. I have my own which I’d like to implement.

The default unregister/dequeue options are not working.

Thank you in advance and please do not mark as resolved until the issue is 🙂

[Anonymous]

Hi Ross!

Thank you for getting back to me quickly 🙂

It isn’t the jQuery I was after, it is the jQuery UI stylesheet ( ‘search-filter.min.css’ ) that is causing me the issue, I have my own which I’d like to load so if you could please give me the function to remove yours I’d very much appreciate it.

I do not want to override it, I would like it gone.

Thank you 🙂

[Anonymous]

Hi Ross,

I’m having some trouble with modifying the “Look and feel” from the Range Slider.
I’m still experimenting to build my website on a localhost (with WAMP) so I have to send you some pictures to show you the example I’m struggling with.

I’m using a theme called Flatsome and have installed Woocommerce and your Search-filter-pro plugin.

As seen on the first picture the minimum and maximum numeric fields under the h4 header called “Voor welke prijsklasse?” are aligned underneath each other with as separator an underscore in between.

I did some Photo shopping in picture 2 to let you see how I like the alignment to be.

I did some experimenting in the next CSS files:
<link rel=’stylesheet’ id=’search-filter-chosen-styles-css’ href=’http://localhost/ww/wp-content/plugins/search-filter-pro/public/assets/css/chosen.min.css?ver=1.4.0&#8242; type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’search-filter-plugin-styles-css’ href=’http://localhost/ww/wp-content/plugins/search-filter-pro/public/assets/css/search-filter.min.css?ver=1.4.0&#8242; type=’text/css’ media=’all’ />
But I could not find the Class called “meta-range” these items refer to.

Possibly these numeric fields and there CSS is hard baked somewhere in the PHP files but since I’m a novice in PHP, I’m not able to find them.

Can you be so kind to give me some pointers or CSS examples on how I can line up these numeric fields like the example in the second picture?

For the rest your plugin is working great and it does exactly where I’m looking for.
Easy to configure and straight to the point. Good job!

Thanks in advance for your cooperation.

Regards,
Jeroen van Eck

[Anonymous]

Hi,

the forms show – class=”searchandfilter”. Where can i add another class? I ask because we use a frontend framework named ui-kit and would love to execute all readymade styles for form elements.

Thanks,
Stefan

[Ross]

PS the alternative is to use a shortcode for results – which you can place anywhere – but you must be confident with html/css to style the results yourself 🙂