Support Forums

Hi Maxime

That layout can be recreated in Search & Filter Pro’s results.php file IF you are using the Shortcode Display results method, as you are. The first step is to make a custom copy of this results.php file. Please read here:

https://www.designsandcode.com/documentation/search-filter-pro/search-results/using-a-shortcode/#Customising_the_Results

The next step is to edit that file and replace this section:

<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>'; } ?>
  <p>
    <?php the_category(); ?>
  </p>
  <p>
    <?php the_tags(); ?>
  </p>
  <p><small><?php the_date(); ?></small>
  </p>
</div>
<hr />

With this:

<section class="gp-post-item post-<?php get_the_id();?> post type-post format-standard has-post-thumbnail category-post-formats" itemscope="" itemtype="http://schema.org/Blog">
  <div class="gp-post-thumbnail gp-loop-featured">
    <div class="gp-image-above">
      <a href="<?php the_permalink(); ?>">
        <?php if ( has_post_thumbnail() ) { the_post_thumbnail( "small", array( 'class'=> 'gp-post-image gp-large-image')); the_post_thumbnail("thumb", array('class' => 'gp-post-image gp-mobile-image')); } ?> </a>
    </div>
  </div>
  <div class="gp-loop-content gp-image-above">
    <h2 class="gp-loop-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
    <div class="gp-loop-text">
      <?php the_excerpt(); ?> </div>
  </div>
  <div class="gp-loop-meta"> <span class="gp-post-meta gp-meta-author">
	<?php the_author_link(); ?>				
				</span>
    <time class="gp-post-meta gp-meta-date" datetime="<?php the_date();?>">
      <?php the_date(); ?> </time>
  </div>
</section>

I cannot guarantee that this will work. It may require some more editing. The read more might require more work to be right for you. On the time part, I have omitted the perfectly correct timestamp from inside the tag, as that would mean I would have to be able to experiment to get that right from within your server. Not something I want to do. You might be able to figure this by doing a recursive search for the key phrase datetime= on the theme files to discover the php that needs to go in between the quotes that I have put <?php the_date();?> in for now