Forums Forums Search Search Results for 'filter style'

Viewing 10 results - 141 through 150 (of 496 total)
  • Author
    Search Results
  • #229146

    Anonymous
    Inactive

    <h3>My code taxonmy category is: </h3>

    
    <?php
    /**
     * Taxonomy Case Study Categories Template
     *
     * @package timomedia
     */
     
    get_header(); ?>
    <div class="case-study-category case-study-inner">
    <div class="container">
    <?php
    if ( has_nav_menu( 'theme-menu' ) ) {
     ?>
        <div class="skt-menu">
        <?php
          wp_nav_menu( array( 
              'theme_location' => 'theme-menu', 
              'container_class' => 'theme-menu' ) ); 
          ?>  
        </div>
     <?php } ?>
    <div class="skt-search">
      <?php echo do_shortcode('[searchandfilter id="7448"]');
    ?>
    </div>
    <div class="rt-case-study-box element-two row">
    			<?php
    			global $wp_query, $meta ,$paged ,$post;
    			$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
    			$term = $wp_query->get_queried_object();
    			$term_id = $term->term_id;
    			$args = array ( 'post_type'  	=> 'case-studies',
                               	'posts_per_page'	=> '12',
                               	'paged' => $paged,
                               	'orderby' => 'date',
                               	'order' => 'DESC',
                              	'tax_query' 	 	=> array(
                                                            array(
                                                              'taxonomy' 	=> 'case-study-category',
                                                              'field' 	=> 'ID',
                                                              'terms' => $term_id 
                                                        )));
    			$my_query = null;
    			$my_query = new WP_Query($args);
    			if( $my_query->have_posts() ):
    			while ($my_query->have_posts()) : $my_query->the_post();					   				$link = get_post_meta( get_the_ID(), 'skt_link_demo', true );
    			?>
                <div class="rt-case-study-box-item col-lg-3 col-md-3 col-sm-4 col-xs-12">
                   <div class="holder">
                      <!--Post-thumbnail -->
                         <div class="pic">
                            <img src="<?php echo  plugins_url( 'radiantthemes-addons/assets/images/Blank-Image-100x70.png' ) ;?>" alt="No Image Found" data-no-retina="" width="400" height="264">
                            <a class="placeholder" href="<?php  echo $link ;?>" style="background-image:url(<?php echo get_the_post_thumbnail_url( get_the_ID(), 'theme-size' ); ?>)" target="_blank"></a>
                         </div>
                      <!-- Post-thumbnail -->
    
                      <!--Post-Button -->
                         <div class="post-btn btn-demo">
                            <a href="<?php echo $link; ?>" class="post-button" target="_blank">Xem Thực Tế</a>
                         </div>
                         <div class="post-btn btn-dk">
                            <a href="#" class="post-button">Tư Vấn Ngay</a>
                         </div>
                      <!--post-Button -->
    
                       <!--post-Data -->
                         <div class="data matchHeight">
                            <h3 class="title"><a href="<?php echo $link; ?>" target="_blank"><?php the_title();?></a></h3>
                         </div>
                    <!--post-Data -->
                   </div>
                </div>
    			<?php endwhile;?>
             </div>
    		 <div class="col-md-12">
    		<?php
    		if (function_exists("pagination")) {
    		pagination($my_query->max_num_pages);} 
    		?>
    		</div>
            <?php else : ?>
              <?php get_template_part( 'content', 'none' ); ?>
                <?php endif; ?>
                  <?php wp_reset_postdata(); ?>
    </div>
    </div>
    <?php get_footer(); ?>
    
    #228617

    In reply to: AJAX


    Anonymous
    Inactive

    Hello Trevor,

    Regarding HTTPS no we haven’t recently switched.

    You can see the issue in question here – https://helenavalleylifestyle.com.au/homes/?_sfm_village=36

    If you move one of the filters on the left, the whole page re-loads instead of updating through AJAX.

    Thanks,

    Richard Gill

    #228345

    Anonymous
    Inactive

    Hi Trevor,

    After following your suggestions on media queries and consulting several forum threads on CSS styling I’m pleased with the result: casos.fen.uchile.cl/casos (the site is public now)

    I designed a style for smartphones and another for desktops, may be in the future I’ll design another for the tablet intermediate size.

    I’ll post the final CSS that worked for me here, in case it’s useful for someone (I assume it’s not the cleanest code and probablly some lines could be ommited 😛 ):

    .searchandfilter > ul > li.sf-field-search input {
     padding: 8px 14px 6px 14px;
    	font-size: 16px;
    	  border: 2px solid #999;
    	  overflow: hidden;
    	  position: relative;
    	width: 210px;
    	font-family: "Roboto";
       font-weight: 400;
    	border-radius: 4px;
    	color: #000000;
    	margin: 0px 0px 0px 0px;
    }
    
    .searchandfilter ul > li:before {
    	content: none;
    }
    
    h4 {
       font-family: "Roboto";
       font-weight: 500;
    	color: #333;
     }
    
    .sf-input-select {
    	padding: 8px 14px 8px 10px;
    	font-family: "Roboto";
       font-weight: 400;
    		width: 210px;
    	
    	height: 45px;
    	border: 2px solid #999;
    	font-size: 16px;
    	border-radius: 4px;
    	background-position: 100px;
    	-webkit-appearance: none;
    	appearance: none;
    	background-color: #fff;
    	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    	background-repeat: no-repeat, repeat;
    	background-position: right .7em top 50%, 0 0;
    	background-size: .65em auto, 100%;
    }
    
    @media (max-width:767px){
    	.searchandfilter > ul > li {
    	display:block !important;
    	text-align: center;
    	margin: auto;
    	}}
    
    @media (min-width:768px){
    	.searchandfilter > ul > li {
    	display:inline-block !important;
    	text-align: center;
    	}}
    
    .searchandfilter li.sf-field-search {
      width: 30% !important;
    }
    
    @media (max-width:767px){
    	.searchandfilter li.sf-field-search {
      width: 100% !important;
    	}
    }
    
    .searchandfilter li.sf-field-tag {
      width: 30% !important;
    }
    
    @media (max-width:767px){
    	.searchandfilter li.sf-field-tag {
      width: 100% !important;
    }
    }
    	
    .searchandfilter li.sf-field-category {
        width: 30% !important;
    }
    
    @media (max-width:767px){
    	.searchandfilter li.sf-field-category {
        width: 100% !important;
    }
    }
    
    .filters {
    	margin:auto;text-align:center;
    }
    
    .comment-content ul>li, .entry-content ul>li {
        list-style: none;
        position: relative;
    }
    
    .searchandfilter ul li {
        list-style: none;
        display: block;
        padding: 10px 0;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
    }

    Thank you very much for your kind support!

    #228131

    Anonymous
    Inactive

    Hello –
    Do you know what I’m doing wrong here?
    I’m trying to display the two below ACF custom fields in my search results, but they don’t show up. What is the correct way to display them?

    Thanks!

    name: employer Type: Relationship
    name: salary Type: Text

    <?php the_field(’employer’); ?>
    <?php the_field(‘salary’); ?>

    —-

    <?php
    /**
     * Search & Filter Pro
     *
     * Sample Results Template
     *
     * @package   Search_Filter
     * @author    Ross Morsali
     * @link      https://searchandfilter.com
     * @copyright 2018 Search & Filter
     *
     * 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() )
    {
    ?>

    <h5 style=”#70757a”>Found <?php echo $query->found_posts; ?> Results<br /></h5>
    Page <?php echo $query->query[‘paged’]; ?> of <?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 class=”job-search-results”>
    <h2>“><?php the_title(); ?></h2>
    <?php
    if ( has_post_thumbnail() ) {
    echo ‘<p>’;
    the_post_thumbnail(“small”);
    echo ‘</p>’;
    }
    ?>        
                            <div class=”search-results-employer”><h5>Employer Name: <?php the_field(’employer’); ?> </h5></div>
                            <div class=”search-results-employer”><h5>Salary: <?php the_field(‘salary’); ?> </h5></div>
                            <div class=”search-results-location”><h5><?php the_terms( 0, ‘city’); ?>, <?php the_terms( 0, ‘job_country’); ?></h5></div>
                            <div class=”search-results-skills”><h5>Skills: <?php the_terms( 0, ‘job_expertise’); ?> </h5></div>
    <div class=”search-results-date”><h5><small><?php the_date(); ?></small></h5></div>
    </div>

    <hr />
    <?php
    }
    ?>
    Page <?php echo $query->query[‘paged’]; ?> of <?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”;
    }
    ?>

    #227993

    Anonymous
    Inactive

    Thanks for reply!
    Yes!! I’m using W3TC with minifications disabled.

    I have discovered this difference in frontend: if W3TC is enabled, the element div.meta-slider is empty:
    <div class=”meta-slider”></div>

    If W3TC is disabled, the element div.meta-slider is this:
    <div class=”meta-slider noUi-target noUi-ltr noUi-horizontal”>
    <div class=”noUi-base”>
    <div class=”noUi-connects”>
    <div class=”noUi-connect” style=”transform: translate(0%, 0px) scale(1, 1);”></div>
    </div>
    <div class=”noUi-origin” style=”transform: translate(-100%, 0px); z-index: 5;”><div class=”noUi-handle noUi-handle-lower” data-handle=”0″ tabindex=”0″ role=”slider” aria-orientation=”horizontal” aria-valuemin=”0.0″ aria-valuemax=”100.0″ aria-valuenow=”0.0″ aria-valuetext=”0″></div>
    </div>
    <div class=”noUi-origin” style=”transform: translate(0%, 0px); z-index: 4;”><div class=”noUi-handle noUi-handle-upper” data-handle=”1″ tabindex=”0″ role=”slider” aria-orientation=”horizontal” aria-valuemin=”0.0″ aria-valuemax=”100.0″ aria-valuenow=”100.0″ aria-valuetext=”1.000″></div>
    </div>
    </div>
    </div>

    So, I suppose the promblem is on a JS files.
    I’ll try to exclude search-filter-build.min.js from minification.

    #227569

    Trevor
    Participant

    Hi. I am having a problem, in that the link you give is re-directing to the home page?

    When I edit that insights page in the admin editor, it is empty?

    Did you add this script to the page (with the ID changed to your Post Grid ID):

    (function ( $ ) {
    	"use strict";
    	/* Replace the ID <code>123456</code> with the ID of your grid */
    	var my_grid_id = '#post-grid-123456'; //alternatively use <code>.post-grid</code> for a less targeted approach
    	
    	var $my_grid = {};
    	var $grid_items = {};
    		
    	$(document).on("sf:ajaxfinish", ".searchandfilter", function(){
    		
    		$my_grid = $(my_grid_id);
    		$grid_items = $my_grid.find('.grid-items');
    		
    		if($grid_items.length>0){
    			if($grid_items.hasClass("masonry")){
    				$grid_items.removeClass("masonry");
    				$grid_items.masonry('destroy');
    			}
    			$grid_items.removeAttr('style');
    			$grid_items.masonry({isFitWidth: true});
    		}
    	});		
    }(jQuery));

    If on its own and inline, it needs to be in script tags.

    #227478

    Anonymous
    Inactive

    i create search form, i use shortcode, i create page with my shortcode but the results not good,
    i use like this:

    function select_artist_in_filter_page() {
    	$args = array('post_type' => 'artist','posts_per_page' => -1);
        $my_query = new WP_query($args);
       if($my_query->have_posts()) {
    		echo '<div class="elementor-container elementor-column-gap-default">
    		<div class="elementor-row">
    				<div class="elementor-element elementor-element-80b276a elementor-column elementor-col-100 elementor-top-column" data-element_type="column">
    			<div class="elementor-column-wrap  elementor-element-populated">
    					<div class="elementor-widget-wrap">
    				<div class="elementor-element elementor-element-62b3681 elementor-grid-4 elementor-grid-tablet-4 elementor-grid-mobile-1 elementor-posts--thumbnail-top elementor-card-shadow-yes elementor-posts__hover-gradient elementor-widget elementor-widget-archive-posts" data-element_type="widget" data-widget_type="archive-posts.archive_cards">
    				<div class="elementor-widget-container">
    					<div class="elementor-posts-container elementor-posts elementor-grid elementor-posts--skin-cards elementor-has-item-ratio">';
            while($my_query->have_posts()) { 
    			$my_query->the_post();
                $custom = get_post_custom(get_the_ID());
    			$image = wp_get_attachment_image_src( get_post_thumbnail_id( $args->ID ), 'single-post-thumbnail' ); // the images for the artist	
    			echo '<article class="elementor-post elementor-grid-item post-170 artist type-artist status-publish has-post-thumbnail">
    			<div class="elementor-post__card">
    			<a class="elementor-post__thumbnail__link" href="'.get_permalink($args->ID).'">
    			<div class="elementor-post__thumbnail"><img height="150" src="'.$image[0].'" alt=""></div>
    		</a>
    				<div class="elementor-post__text">
    				<h3 class="elementor-post__title">
    			<a href="'.get_permalink($args->ID).'">'.get_field('artist_name').'</a>
    		</h3>
    				</div>
    				<div class="elementor-post_meta-data" style="text-align: center; background: #d80159;">
    				<a class="elementor-post__read-more" href="tel:'.get_field('Artist_Phone').'">'.get_field('Artist_Phone', $args->ID).'</a>
    				</div>
    				<div class="elementor-post__meta-data">
    					<span class="elementor-post-avatar">
    		המלצות: '.get_comments_number($my_query->ID).'	</span>
    				</div>
    					</div>
    						</article>';
    	   }
    		echo '</div></div></div></div></div></div></div></div>';
    	   wp_reset_postdata();
       }
    }
    
    function select_artist_in_filter_page_reset() { // reset the loop
    	ob_start();
    		select_artist_in_filter_page();
    	return ob_get_clean();
    }

    but i not see the real options, i see all artist i need to see the artist with location i choose in fitlers:
    https://mesibot.linuxisrael.co.il/filterresults/?_sft_location_artist=%d7%9b%d7%9c-%d7%94%d7%90%d7%a8%d7%a5
    this is the url

    way is not working ?

    #227291

    Anonymous
    Inactive

    Hi,
    Would be it be possible to style the form select options with images? EG:
    https://www.thediamondringcompany.co.uk/diamond-pendants/classic-diamond-pendants/blanca-round.html

    I would reimagine the linked page to more of an advanced Filter page, which would just filter down a “Pendants” category. There would need to be anothre Filter on another page that would only filter “Wedding Rings” also.

    Each section on the above link (Cut, Carat range, colour, clarity etc), i would imagine to be all product variations.

    Is anything like that possible with this plugin?

    #226945

    In reply to: Infinite Scroll


    Anonymous
    Inactive

    Hi Trevor,

    Apologies I’ve only just gotten around to trying this out, at the minute I get both messages coming up and I’m not entirely sure why, this is my results.php file.

    <?php
    /**
    * Search & Filter Pro
    *
    * Sample Results Template
    *
    * @package Search_Filter
    * @author Ross Morsali
    * @link https://searchandfilter.com
    * @copyright 2018 Search & Filter
    *
    * 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() )
    {
    ?>
    <div class=”flex-grid” data-aos=”fade-up”>
    <?php
    while ($query->have_posts()){
    $query->the_post();
    ?>
    <div class=”RoleGridWrapper col”>
    <?php if( get_field(‘scrub_colour’) == ‘navy-blue’){ $postcolor = ‘#153F74’; } ?>
    <?php if( get_field(‘scrub_colour’) == ‘cornflower-blue’){ $postcolor = ‘#5184C4’; } ?>
    <?php if( get_field(‘scrub_colour’) == ‘mediterranean-blue’){ $postcolor = ‘#009EC7’; } ?>
    <?php if( get_field(‘scrub_colour’) == ‘ocean-blue’){ $postcolor = ‘#64BFD4’; } ?>
    <?php if( get_field(‘scrub_colour’) == ‘pale-sky-blue’){ $postcolor = ‘#97BADE’; } ?>
    <?php if( get_field(‘scrub_colour’) == ‘dark-green’){ $postcolor = ‘#00A296’; } ?>
    <?php if( get_field(‘scrub_colour’) == ‘mid-green’){ $postcolor = ‘#92CEBD’; } ?>
    <?php if( get_field(‘scrub_colour’) == ‘silver-grey’){ $postcolor = ‘#ABAAAB’; } ?>
    <div class=”roleContWrapper” style=”border-top: solid 10px <?php echo $postcolor; ?>”>
    <div class=”cardTAB”>
    <svg id=”scrubsIcon” data-name=”Layer 1″ xmlns=”http://www.w3.org/2000/svg&#8221; viewBox=”0 0 40 40″><title>Scrubs Icon</title><path style=”fill:<?php echo $postcolor; ?>;” d=”M39.6,7.22a40.13,40.13,0,0,0-13-4.12,1.11,1.11,0,0,0-1.39.72c-.43.91-.88,1.73-.92,1.8-1.72,3.28-3.54,6-4.18,6.19-.66-.16-2.48-2.63-4.25-5.63-.46-.76-.8-1.42-1.25-2.28a1.29,1.29,0,0,0-1.52-.77A37.94,37.94,0,0,0,.4,7.22a.78.78,0,0,0-.32,1L3.47,15a.79.79,0,0,0,.9.41l3.49-.87L6.78,36.11a.79.79,0,0,0,.79.83H32.43a.79.79,0,0,0,.79-.83L32.14,14.57l3.49.87a.79.79,0,0,0,.9-.41l3.39-6.78A.78.78,0,0,0,39.6,7.22Z”/></svg>
    </div>
    “>
    <h3 class=”postHeader”><?php the_title(); ?></h3>
    <div class=”postCATS”>
    <?php
    $categories = get_the_category();
    $parentCatName = get_cat_name($categories[0]->parent);
    if ( ! empty( $categories ) ) {
    ?>
    <span class=”parentCAT”><?php echo esc_html( $parentCatName ); ?></span>
    <?php
    }
    ?>
    </div>
    <p class=”postIntro”><?php the_field(‘brief_role_description’); ?></p>
    <div class=”readmoreWrapper”>
    <p class=”postreadmore” href=”<?php the_permalink(); ?>”>Learn more</p>
    </div>

    </div>
    </div>
    <?php
    }
    }else{
    //figure out which type of “no results” message to show
    $message = “noresults”;
    if(isset($query->query[‘paged’])) {
    if($query->query[‘paged’]>1){
    $message = “endofresults”;
    }
    }
    if($message==”noresults”) {
    ?>
    <div class=’search-filter-results-list’ data-search-filter-action=’infinite-scroll-end’>
    <span>No Results Found</span>
    </div>
    <?php
    } else {
    ?>
    <div class=’search-filter-results-list’ data-search-filter-action=’infinite-scroll-end’>
    <span>End of Results</span>
    </div>
    <?php
    }
    }
    ?>

    Can’t seem to see why it’s not choosing one or the other, the only way at the moment I can get it to find no results is to search for something that I know isn’t available.

    Thank you
    Scott

    #226394

    In reply to: Numeric Pagination


    Trevor
    Participant

    Are you coding you own PHP template, or using our shortcode method?

    For the demo, our developer, Ross, extended the Twenty Seventeen theme by making a child theme to help with the layout etc

    We can share this with you:

    https://drive.google.com/file/d/1GAJBInV2Mty8pHdNkj061SySPRHGEMEe/view?usp=sharing

    Just to note, the templates (archive-sfdc_movie.php) are dependent on the post types that he used to create the demo (in this case sfdc_movie) and the specific custom fields / taxonomies etc he created for this demo.

    Also, the results are displayed using post type archive display method.

    Take a look at the code in either that or the parent Twenty Seventeen theme files.

    The stylesheet (in addition to that of our plugin and the theme) is in this file:

    https://demo.searchandfilter.com/wp-content/themes/twentyseventeen-child/style.css

Viewing 10 results - 141 through 150 (of 496 total)