Forums Forums Search Search Results for 'filter style'

Viewing 10 results - 241 through 250 (of 496 total)
  • Author
    Search Results
  • #165913

    Anonymous
    Inactive

    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.

    #161555

    Anonymous
    Inactive

    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( __( '&larr; Older posts', 'indonez' ) ); ?></div>
                                            <div class="nav-next alignright"><?php previous_posts_link( __( 'Newer posts &rarr;', '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(); ?>
    
    #159151

    Trevor
    Participant

    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/

    #159138

    Trevor
    Participant

    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.


    Anonymous
    Inactive

    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

    #153576

    Anonymous
    Inactive

    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.

    #152993

    In reply to: form fields positions


    Trevor
    Participant

    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

    #152534

    Anonymous
    Inactive

    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.

    #152154

    In reply to: avada theme


    Anonymous
    Inactive

    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”;
    }
    ?>


    Trevor
    Participant

    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?

Viewing 10 results - 241 through 250 (of 496 total)