AnonymousInactive
Hi,
Congratulations for your job.
I am very happy with your plugin, it’s very powerful!
I have a doubt, I am using my filter in one page and I show results by shortcode below the filter. The results are displaying in one column list (each one occupy the full width of the container), but I want to display them in 4 columns. Is it possible? Is it necessary make it with css or there are any setting done??
Thank you very much!!
Best regards, Pau.
AnonymousInactive
I have a client request to display only the titles of the search results. It is currently returning the full post/above the read more tag.
How can we achieve this? Below is my current search.php code:
<?php
get_header();?>
<?php
global $smof_data;
$layout = isset($smof_data['main_layout']) ? $smof_data['main_layout'] :"";
switch ($layout) {
case 'rightsidebar':
$position ="float:left";
break;
case 'leftsidebar':
$position ="float:right";
break;
default:
$position ="";
break;
}
?>
<?php get_template_part('includes/header_inner'); ?>
<!-- content section start here -->
<section id="content-wrapper">
<div class="row">
<div class="<?php if($position){echo'eight column';}else{echo 'twelve column';}?>" style=" <?php echo $position;?> ">
<?php if ( have_posts() ) : ?>
<?php while ( have_posts() ) : the_post(); ?>
<?php get_template_part( 'content-search' ); ?>
<?php endwhile;?>
<?php if ( $wp_query->max_num_pages > 1 ) : ?>
<?php if(function_exists('wp_pagenavi')) { ?>
<?php wp_pagenavi(); ?>
<?php }else{ ?>
<div class="blog-pagination">
<nav class="navigation">
<div class="nav-previous alignleft"><?php next_posts_link( __( '← Older posts', 'indonez' ) ); ?></div>
<div class="nav-next alignright"><?php previous_posts_link( __( 'Newer posts →', 'indonez' ) ); ?></div>
</nav>
</div>
<?php }?>
<?php endif; ?>
<?php else : ?>
<?php get_template_part( 'content', 'none' ); ?>
<?php endif; // end have_posts()?>
</div>
<?php if ($position) { ?>
<div class="four column widget_area">
<?php echo do_shortcode('[searchandfilter id="2688"]'); ?>
<?php get_sidebar(); ?>
</div>
<?php } ?>
</div>
</section>
<!-- content section end here -->
<?php get_footer(); ?>
You could make a form with just the search box on and add that to the menu using a shortcode? Then on the results page, have a bigger form (which must have a search box plus any other fields you need. I think it is possible to style the submit button to have a search icon. For now just test it with the letter ‘S’ and somewhere on this forum is an example how to have a search icon instead. Ah, here:
https://support.searchandfilter.com/forums/topic/icon-instead-of-text-in-submit-button/
It has changed a lot. With Avada, it is necessary to use the Shortcode Display Results method now, and the edit, modify and style the results.php to meet your needs, or use a page builder to make a page, one that is supported by Search & Filter, as the CodeCanyon Page Builder plugin from WPBakery is.
AnonymousInactive
Hi,
I made several changes. In the one I entered above, I added
$args[‘exclude’] = “1,3”; on lines 1376 and 1450, to exclude certain categories from the search.
I also added some classes to specific items, so they could be styled properly:
– class “searchbox” to a list item on line 1099
– class “search-button” to a list item on line 1138
– class “search-tag to a list item on line 1312
It would be great if I could add all these changes using filters, instead of php file customizations. That would save me the trouble of changes the files again after each update!
Thanks
Boris
AnonymousInactive
Everything is already set up and styled with my existing code. The client wanted to add in the filter after it was complete. So, it’s partially to save time, and partially because I can’t seem to find whether S&F has a numerical pagination option.
Does Divi not have a custom CSS panel? If not, then in the stylesheet for the Child theme, yes. Not in the Search & Filter CSS file. Make sure any caches you have running are cleared also
AnonymousInactive
Hello,
so I use with custom template…
Here my configuration:
http://prntscr.com/i0ppzn
http://prntscr.com/i0pqoc
here the code inside search.php
<?php get_header(); ?>
<h1>Search.php</h1>
<?php echo do_shortcode('[searchandfilter id="1793"]'); ?>
<pre style="direction: ltr;text-align: left;">
<?php print_r($_GET); ?>
</pre>
<div class="container" id="main">
<div class="row">
<div class="list">
<?php
$count_news = 0;
$query = new WP_Query(array(
"post_type" => "news",
"search_filter_id" => 1793
));
if ($query->have_posts()): while ($query->have_posts()): $query->the_post();
$count_news++;
?>
<div class="col-xs-4">
<article <?php post_class(); ?>>
<?php if(has_post_thumbnail()): ?>
<img src="<?php the_post_thumbnail_url() ?>" class="img-responsive" />
<?php else: ?>
<img src="/wp-content/uploads/2018/01/slider_placeholder.jpg" class="img-responsive" />
<?php endif; ?>
<?php the_title("<h1 style='font-size:20px;font-weight:bold;'>", "</h1>"); ?>
<?php echo mb_substr(get_the_content(), 0, 150) . "..." ?>
</article>
</div>
<?php if($count_news % 3 == 0): ?>
<div class="clearfix"></div>
<?php endif; ?>
<?php endwhile;
endif; ?>
<?php echo paginate_links() ?>
</div>
</div>
</div>
<?php get_footer(); ?>
can’t make it work…
what I’m doing wrong?
Thank you.
AnonymousInactive
it not avada theme code its wp theme code. i dont use masonry.
here is the results.php
<?php
/**
* Search & Filter Pro
*
* Sample Results Template
*
* @package Search_Filter
* @author Ross Morsali
* @link http://www.designsandcode.com/
* @copyright 2015 Designs & Code
*
* Note: these templates are not full page templates, rather
* just an encaspulation of the your results loop which should
* be inserted in to other pages by using a shortcode – think
* of it as a template part
*
* This template is an absolute base example showing you what
* you can do, for more customisation see the WordPress docs
* and using template tags –
*
* http://codex.wordpress.org/Template_Tags
*
*/
if ( $query->have_posts() )
{
?>
<?php echo $query->found_posts; ?> Ergebnisse gefunden<br />
Seite <?php echo $query->query[‘paged’]; ?> von <?php echo $query->max_num_pages; ?><br />
<div class=”pagination”>
<div class=”nav-previous”><?php next_posts_link( ‘Older posts’, $query->max_num_pages ); ?></div>
<div class=”nav-next”><?php previous_posts_link( ‘Newer posts’ ); ?></div>
<?php
/* example code for using the wp_pagenavi plugin */
if (function_exists(‘wp_pagenavi’))
{
echo “<br />”;
wp_pagenavi( array( ‘query’ => $query ) );
}
?>
</div>
<?php
while ($query->have_posts())
{
$query->the_post();
?>
<div>
<h2>“><?php the_title(); ?></h2>
<?php if( have_rows(‘bilder’) ): ?>
<div class=”acf-gallery col-sm-12 col-xs-12 col-md-3″>
<div class=”fusion-gallery fusion-gallery-container fusion-grid-1 fusion-columns-total-10 fusion-gallery-layout-grid” style=”margin: -5px; position: relative; height: 1889.1px;”>
<?php $tmp=0;
while( have_rows(‘bilder’) ): the_row();
$image = get_sub_field(‘url’);
if ($tmp==0) : ?>
<div style=”padding: 5px; display: block; position: absolute; left: 0px; top: 0px;” class=”fusion-grid-column fusion-gallery-column fusion-gallery-column-1 hover-type-zoomin”><div class=”fusion-gallery-image”>” class=”fusion-lightbox” data-rel=”iLightbox[d2dfb9cbd4d28f5c119]” data-caption=””>” alt=”” title=”” aria-label=”” class=”img-responsive wp-image-397″></div></div>
<div class=”clearfix”></div>
<?php $tmp++; ?>
<?php endif; ?>
<?php endwhile; ?>
</div>
</div>
<?php endif; ?>
<div class=”col-sm-12 col-xs-12 col-md-9″><?php the_content(); ?></div>
<p><?php the_category(); ?></p>
<p><?php the_tags(); ?></p>
<div class=”clearfix”></div>
</div>
<div class=”clearfix”></div>
<hr />
<?php
}
?>
Seite <?php echo $query->query[‘paged’]; ?> von <?php echo $query->max_num_pages; ?><br />
<div class=”pagination”>
<div class=”nav-previous”><?php next_posts_link( ‘Older posts’, $query->max_num_pages ); ?></div>
<div class=”nav-next”><?php previous_posts_link( ‘Newer posts’ ); ?></div>
<?php
/* example code for using the wp_pagenavi plugin */
if (function_exists(‘wp_pagenavi’))
{
echo “<br />”;
wp_pagenavi( array( ‘query’ => $query ) );
}
?>
</div>
<?php
}
else
{
echo “No Results Found”;
}
?>
Making the search bar horizontal will require some custom CSS. The precise CSS required will depend on the style you need to match your theme. I can give you general pointers in how this is done, be referring to code snippets on this forum. You can search for horizontal CSS
, but this is the typical base CSS required:
.searchandfilter > ul > li {
display: inline-block;
margin-right: 20px;
float: left;
}
.searchandfilter > ul > li:last-child {
margin-right: 0;
}
.search-filter-results {clear: both;}
As to the appearance of results, are you able to send me a live link/URL to your search page so I can take a look?