Custom Layout in Search Result Page

[artmaug]

Hello, I would like some help if possible in the following question:

I use in my Genesis theme a bootstrap grid, and would like to display the search results using this grid.

I put the following code in the plugin Simple Hooks genesis_entry_content Hook:

<?php
if(is_search()) { ?>

<div class="container-fluid">

<div class="row">

<div class="col-md-3 col-sm-6 col-xs-12">
<div class="gr-infos-container-cliente">
<div class="gr-promo-do-cliente"><?php the_field('tipo_de_promo');?></div>
<div class="gr-img-cliente"><a href="<?php the_permalink();?>" title="<?php the_title();?>"><img src="<?php echo get_field('foto_cliente_miniatura');?>" alt="" class="img-responsive center-block"></a></div>
<div class="gr-nome-cliente"><a href="<?php the_permalink();?>" title="<?php the_title();?>"><?php the_title();?></a></div>
<div class="gr-tagline-cliente"><?php the_field('tagline_do_anunciante');?></div>
<div class="gr-bairro-do-cliente"><i class="cliente fa fa-map-marker"></i><?php the_field('bairro_do_cliente');?></div>
</div>
</div>

</div> <!-- Row -->

</div> <!-- Container -->

<?php }
?>

But in the search result, the content is aligned one on top of another and not in the selected grid.

Any tips you can give me?

I am very grateful for any help!

[Brad Dalton]

You will need to add all the CSS that works with the classes the PHP code you posted generates

And

You will also need to add the

genesis():

function at the very end of the file.

You can name the file search.php or load its using the is_search() conditional tag.

---

Tutorials for StudioPress Themes.

[artmaug]

Hello braddalton, thanks for the quick response, but i try here and does work.

I created a search.php with the following code:

<?php
/**
 * Search Results Template File
 */ 
get_header(); ?>
	<header>
		<h1>Search Results: &quot;<?php echo get_search_query(); ?>&quot;</h1>
		<br>
	</header>

<?php if ( have_posts() ) :  // results found?>
	<?php while ( have_posts() ) : the_post(); ?>

<div class="container-fluid">

<div class="row">

<div class="col-md-3 col-sm-6 col-xs-12">
<div class="gr-infos-container-cliente">
<div class="gr-promo-do-cliente"><?php the_field('tipo_de_promo');?></div>
<div class="gr-img-cliente"><a href="<?php the_permalink();?>" title="<?php the_title();?>"><img src="<?php echo get_field('foto_cliente_miniatura');?>" alt="" class="img-responsive center-block"></a></div>
<div class="gr-nome-cliente"><a href="<?php the_permalink();?>" title="<?php the_title();?>"><?php the_title();?></a></div>
<div class="gr-tagline-cliente"><?php the_field('tagline_do_anunciante');?></div>
<div class="gr-bairro-do-cliente"><i class="cliente fa fa-map-marker"></i><?php the_field('bairro_do_cliente');?></div>
</div>
</div>

</div> <!-- Row -->

</div> <!-- Container -->

<?php endwhile; ?>

<?php else :  // no results?>
	<article>
		<h1>No Results Found.</h1>
	</article>
<?php endif; ?>
<?php get_footer(); ?>

genesis();

Unfortunately the content remains on top of the other.

[Brad Dalton]

Where is your CSS?

Link to your site please.

---

Tutorials for StudioPress Themes.

[artmaug]

Hello, the link is:

SITE

[Author]

Posts