Page 37 – Search & Filter Support

Viewing 10 results - 361 through 370 (of 496 total)

Author

Search Results

June 6, 2016 at 11:59 pm #47647

In reply to: Custom Post Type only displaying 1 result

Anonymous

Inactive

Ok problem solved. Since the wp_queries do not work in the custom template, all that is needed is the <?php while (have_posts()) : the_post(); ?>
Don’t know why I didnt realize that sooner. Thank you for your support during this time of great personal distress. You are the man!

For anyone following this, here is my custom post template.

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">

<?php wp_head(); ?>
</head>

<body <?php body_class(); ?> <?php hybrid_attr( 'body' ); ?>>

<div id="page" class="site">

	<div class="headbar">
<div class="logo-image"><img src="http://realhopeforcdh.com/cms/wp-content/uploads/2016/05/real-hope-logo.jpg"></div>
</div>

	<div class="search-area">
		<div class="wide-container">
			<?php get_search_form(); // Loads the searchform.php template. ?>
		</div>
	</div>

	<?php get_template_part( 'menu', 'primary' ); // Loads the menu-primary.php template. ?>

	<div id="content" class="site-content">
		<div class="wide-container">

 <?php echo do_shortcode('[searchandfilter id="423"]'); ?>

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

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

			
<!---TITLE What shows before click -->
<div class="collapseomatic noarrow" id="<?php the_ID(); ?>" title="Trigger 1">

	<div class="mid-line"> <h2><?php the_title(); ?></h2></div>
		<div class="post-image">
			<?php the_post_thumbnail( 'large', array( 'class' => 'entry-thumbnail', 'alt' => esc_attr( get_the_title() ) ) ); ?>
		</div>
</div>
<!---END What shows before click -->

<!---TITLE What shows AFTER click -->
<div id='swap-<?php the_ID(); ?>' style='display:none;'>

		<div class="mid-line"> <h2><?php the_title(); ?></h2></div>
		<div class="post-image">
			<?php the_post_thumbnail( 'large', array( 'class' => 'entry-thumbnail', 'alt' => esc_attr( get_the_title() ) ) ); ?>
		</div>
</div>
<!---END What shows after click -->

<!---BEGIN EXCERPT What shows before click -->
<div id="excerpt-<?php the_ID(); ?>" class="collapseomatic_excerpt "><?php the_excerpt(); ?> 

	<div class="collapseomatic noarrow" id="<?php the_ID(); ?>" title="Trigger 1"><div class="toggle-read-more">Read More</div></div>

	<hr> 

</div>
<!---END What shows before click -->

<!---BEGIN CONTENT What shows before click -->
<div id="swapexcerpt-<?php the_ID(); ?>" style="display:none;">
	<?php the_content(); ?> 

<div class="collapseomatic noarrow" id="<?php the_ID(); ?>" title="Trigger 1"><div class="toggle-read-less"> Read Less</div></div>
	<?php echo do_shortcode('[ssba]'); ?>
	<div class="grad-info">
		<h2 class="alignleft">CDH diagnosis</h2>
		<table>
				<tr>
					<td><span>ECMO Required: </span></td>
					<td><span><?php the_field('ecmo_required'); ?></span></td>
				</tr>
				<tr>
				<td><span>CDH Side: </span> </td>
				<td><span><?php the_field('left_or_right_side'); ?></span></td>
			</tr>
			<tr>
				<td><span>Liver Orientation: </span></td>
				<td><span><?php the_field('liver_up_or_liver_down'); ?></span></td>
			</tr>

			<tr>
				<td><span>LHR: </span></td>
				<td><span><?php the_field('lung_to_head_ratio'); ?></span></td>
			</tr>

		</table>
	</div>

</div>
<!---END What shows after click -->

		<?php endwhile; ?>

		<div class="navigation">
			<div class="alignleft"><?php next_posts_link('&laquo; Older Entries') ?></div>
			<div class="alignright"><?php previous_posts_link('Newer Entries &raquo;') ?></div>
		</div>

	<?php else : ?>

		<h2 class="center">Not Found</h2>
		<p class="center">Sorry, but you are looking for something that isn't here.</p>
		<?php get_search_form(); ?>

	<?php endif; ?>
	
	
	
		
		<hr />
		 </center>
		
	
	<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>
		
	</div>
	
	<?php get_footer(); ?>

June 3, 2016 at 6:04 pm #47436

In reply to: Custom Post Type only displaying 1 result

Anonymous

Inactive

Ah sorry I should have explained, the search.php pulls in the content-blog-list.php so the results appear the same as the post list.

Search.php

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">

<?php wp_head(); ?>
</head>

<body <?php body_class(); ?> <?php hybrid_attr( 'body' ); ?>>

<div id="page" class="site">

	<div class="headbar">
<div class="logo-image"><img src="http://realhopeforcdh.com/cms/wp-content/uploads/2016/05/real-hope-logo.jpg"></div>
</div>

	<div class="search-area">
		<div class="wide-container">
			<?php get_search_form(); // Loads the searchform.php template. ?>
		</div>
	</div>

	<?php get_template_part( 'menu', 'primary' ); // Loads the menu-primary.php template. ?>

<!--END HEADER-->

	<div id="content" class="site-content">
		<div class="wide-container">

	<div id="primary" class="content-area">

	<center>	<?php echo do_shortcode('[searchandfilter id="423"]'); ?> </center>

		<main id="main" class="site-main list" role="main" <?php hybrid_attr( 'content' ); ?>>

		
	
	
	<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>
		
	</div>
	
	
		<div>
			<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
			
			<p><br /><?php the_excerpt(); ?><p>
			<?php 
				if ( has_post_thumbnail() ) {
					echo '<p>';
					the_post_thumbnail("small");
					echo '</p>';
				}
			?>
			
		</div>
		
		<hr />

	</div>
</div>

		<?php get_footer(); ?>

and content-blog-list.php


<!---TITLE What shows before click -->
<div class="collapseomatic noarrow" id="<?php the_ID(); ?>" title="Trigger 1">

	<div class="mid-line"> <h2><?php the_title(); ?></h2></div>
		<div class="post-image">
			<?php the_post_thumbnail( 'large', array( 'class' => 'entry-thumbnail', 'alt' => esc_attr( get_the_title() ) ) ); ?>
		</div>
</div>
<!---END What shows before click -->

<!---TITLE What shows AFTER click -->
<div id='swap-<?php the_ID(); ?>' style='display:none;'>

		<div class="mid-line"> <h2><?php the_title(); ?></h2></div>
		<div class="post-image">
			<?php the_post_thumbnail( 'large', array( 'class' => 'entry-thumbnail', 'alt' => esc_attr( get_the_title() ) ) ); ?>
		</div>
</div>
<!---END What shows after click -->

<!---BEGIN EXCERPT What shows before click -->
<div id="excerpt-<?php the_ID(); ?>" class="collapseomatic_excerpt "><?php the_excerpt(); ?> 

	<div class="collapseomatic noarrow" id="<?php the_ID(); ?>" title="Trigger 1"><div class="toggle-read-more">Read More</div></div>

	<hr> 

</div>
<!---END What shows before click -->

<!---BEGIN CONTENT What shows before click -->
<div id="swapexcerpt-<?php the_ID(); ?>" style="display:none;">
	<?php the_content(); ?> 
	<?php echo do_shortcode('[ssba]'); ?>
	<div class="grad-info">
		<h2 class="alignleft">CDH diagnosis</h2>
		<table>
				<tr>
					<td><span>ECMO Required: </span></td>
					<td><span><?php the_field('ecmo_required'); ?></span></td>
				</tr>
				<tr>
				<td><span>CDH Side: </span> </td>
				<td><span><?php the_field('left_or_right_side'); ?></span></td>
			</tr>
			<tr>
				<td><span>Liver Orientation: </span></td>
				<td><span><?php the_field('liver_up_or_liver_down'); ?></span></td>
			</tr>

			<tr>
				<td><span>LHR: </span></td>
				<td><span><?php the_field('lung_to_head_ratio'); ?></span></td>
			</tr>

		</table>
	</div>

<div class="collapseomatic noarrow" id="<?php the_ID(); ?>" title="Trigger 1"><div class="toggle-read-less"> Read Less</div></div>

</div>
<!---END What shows after click -->

May 21, 2016 at 9:34 am #46244

In reply to: Checkbox layout: Side by side, not long lists?

Anonymous

Inactive

Ah, nevermind. its inline block. Should anyone ever have the same question, stick this in your custom CSS:

.searchandfilter li[data-sf-field-input-type=checkbox] label {padding-right:10px;padding-left:0px}
.searchandfilter ul li{list-style:none;display:inline-block;padding-left:0px;padding:0px 0;margin:0}
.searchandfilter ul li li{padding:0px 0}

Am a bit surprised about these differences. Why keep a different layout as standard in free and pro? For me, I got the pro because I liked the free, and ended up having to stick my nose in the code. The point of getting pro quite often is to just pay instead of go through the misery of finding the right lines of code.
Happy with the plugin, but this was surprising

May 21, 2016 at 8:51 am #46241

In reply to: Checkbox layout: Side by side, not long lists?

Anonymous

Inactive

Actually, not there just yet.
Have a few tweaks that I just can’t seem to figure out.
In below image its A: reduce this distance. B: increase this distance. C: make checkboxes stick on one line with their text.

In very short; I really just want it to look like the free version.

Currently working with
.searchandfilter p{margin-top:1em;display:block}
.searchandfilter ul{display:block;margin-top:0;margin-bottom:0}
.searchandfilter ul li{list-style:none;display:inline;padding-left:0px;padding:0px 0;margin:0}
.searchandfilter ul li li{padding:0px 0}
.searchandfilter ul li ul li ul{margin-left:0px}

May 20, 2016 at 3:13 pm #46150

In reply to: Filter on Thrive Theme Builder post grid

Trevor

Participant

Got the files. I will post the results.php here for others to use if they wish, with their copy of Ignition and Thrive Visual Builder:

<?php
/**
 * Search & Filter Pro 
 *
 * Sample Thrive Results Template
 * 
 * @package   Search_Filter
 * @author    Trevor Nelmes
 * @link      http://www.designsandcode.com/
 * @copyright 2016 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() )
{
	?>
	
	Found <?php echo $query->found_posts; ?> Cars<br />
	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( 'Previous Page of Cars', $query->max_num_pages ); ?></div>
		<div class="nav-next"><?php previous_posts_link( 'Next Page of Cars' ); ?></div>
		<?php
			/* example code for using the wp_pagenavi plugin */
			if (function_exists('wp_pagenavi'))
			{
				echo "<br />";
				wp_pagenavi( array( 'query' => $query ) );
			}
		?>
	</div>
	<div class="thrv_wrapper thrv_post_grid" data-unit="px">
	  <div class="tve_post_grid_wrapper tve_clearfix tve_post_grid_grid">

        <div style="display: flex; flex-wrap: wrap;" class="tve_pg_row tve_clearfix">

	<?php
    $thrive_counter = 0;
    $thrive_row_counter = 0;
	while ($query->have_posts())
	{
      if ( $thrive_counter == 0 ) && ( $thrive_row_counter > 0 ) {
      ?>
	    </div>
        <div style="display: flex; flex-wrap: wrap;" class="tve_pg_row tve_clearfix">
      <?php
      }
      $query->the_post();
		
      ?>
			<div class="tve_post tve_post_width_5 " style="align-items: stretch;">
              <div class="tve_pg_container">
			
			
			<?php 
              if ( has_post_thumbnail() ) {
                $thrive_image = wp_get_attachment_image_src( get_post_thumbnail_id(), 'single-post-thumbnail' );
			?>
                  <a href="<?php the_permalink(); ?>">
                    <div class="tve_post_grid_image_wrapper" style="background-image: url('<?php echo $thrive_image[0]; ?>')">
                      <div class="tve_pg_img_overlay">
                        <span class="thrv-icon thrv-icon-forward"></span>
                      </div>
                    </div>
                  </a>
			<?php
              }
			?>

		        <span class="tve-post-grid-title " style="font-size: 18px;line-height: 20px;font-family:'Arial', 'Helvetica', 'sans-serif';">
                  <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
                </span>

                <div class="tve_pg_more" data-tve-custom-colour="62938813">
                  <a href="<?php the_permalink(); ?>">View Now</a>
                  <span class="thrv-icon thrv-icon-uniE602"></span>
                </div>
			
              </div>
            </div>
		
		<?php
      $thrive_counter++;
      if ( $thrive_counter > 4 ) {
        $thrive_counter = 0;
        $thrive_row_counter++;
      }
	}
	?>
	    </div>
      </div>
    </div>
	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( 'Previous Page of Cars', $query->max_num_pages ); ?></div>
		<div class="nav-next"><?php previous_posts_link( 'Next Page of Cars' ); ?></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";
}
?>

Note that this search was for Cars for Sale, so some text strings have been modified to suit (like in the number of results and pagination).

May 18, 2016 at 8:29 am #45831

In reply to: displaying search terms without labels

Trevor

Participant

I have a feeling that you are asking a question similar to that asked in the thread that my solution in this post is found:

https://support.searchandfilter.com/forums/topic/how-to-style-the-search-data/page/2/#post-43915

I appreciate that some of the posts in that thread are marked as private, but I think the gist of it all is there. The user had a search and then the actual search terms used were repeated, without labels. Where a search term had not been used, it would not appear in this.

May 12, 2016 at 8:27 am #45330

In reply to: Pre-populate search text field

Trevor

Participant

You can do this, but only by editing your theme core files, I think. I have seen a similar request before that Ross has answered (but I cannot recall where). The last person that asked, the user and I figured that the search was a simple theme included search template file and we replaced that with a file named the same that simply called a search and filter form that had only the search field in.

We then styled it to match the theme’s own search field.

April 26, 2016 at 7:42 am #43897

In reply to: Multiple Search Fields

Anonymous

Inactive

Hi Ross.
We created a SEARCH FORM UI with 2 ‘Post Meta’ fields (choose ‘dropdown’ and ‘combobox’) and one search field. So we have got the full functionality of filtering, but no consistent style of the 3 text-fields. So what can we do to make the combobox-textlines look like search-fields?
Thanks and best regards
Bernd

April 19, 2016 at 8:58 am #43175

In reply to: CSS Styling

Trevor

Participant

It will require Custom CSS to be added to your WordPress installation. I will make it specific to this form ID.

#search-filter-form-42605 .sf-field-category, #search-filter-form-42605 .sf-field-submit {
  display: inline-block;
}
#search-filter-form-42605 .sf-field-submit {
  padding: 0;
  margin-left: 20px;
}
#search-filter-form-42605 input[type="submit"] {
  margin: 0;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 3px 11px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-shadow: 0 1px 1px #eeeeee;
  -webkit-box-shadow: 0px 1px 1px #eeeeee;
}

Well, if that isn’t quite what you want, you can fiddle with it?

April 18, 2016 at 8:15 pm #43140

In reply to: Search & Filter Pro Not Displaying Within Page

Ross

Keymaster

Yup this is the old style from S&F free, make sure Free is disabled and Pro is enabled and check the docs here on getting started:

http://www.designsandcode.com/documentation/search-filter-pro/getting-started/

Thanks

Author

Search Results

Viewing 10 results - 361 through 370 (of 496 total)

← 1 2 3 … 36 37 38 … 48 49 50 →