// Search Results Template
add_action( 'template_redirect', function() {
// Search Results Only
if( ! is_search() ) {
return;
}
// Remove Defaults
remove_action( 'storefront_loop_post', 'storefront_post_header', 10 );
remove_action( 'storefront_loop_post', 'storefront_post_content', 30 );
remove_action( 'storefront_loop_post', 'storefront_post_taxonomy', 40 );
// Load Grid CSS
add_action( 'wp_head', function() {
?>
<style>
div.search-results-wrap, div.infinite-wrap {
display: grid;
grid-gap: 3em;
grid-template-columns: repeat( auto-fit, minmax( 300px, 1fr ) );
}
</style>
<?php
} );
// Start Wrapper
add_action( 'storefront_loop_before', function() {
echo '<div class="search-results-wrap">';
} );
// Custom Loop Body
add_action( 'storefront_loop_post', function() {
// Get Product Price
$price = '';
if( get_post_type() == 'product' ) {
$product = wc_get_product();
$price = sprintf(
'<span class="price">%s</span>',
$product->get_price_html()
);
}
?>
<div class="entry-content">
<a href="<?php the_permalink(); ?>">
<?php the_post_thumbnail( 'woocommerce_thumbnail' ); ?>
<h2 class="woocommerce-loop-product__title"><?php the_title(); ?></h2>
<?php echo $price; ?>
</a>
</div>
<?php
} );
// End Wrapper
add_action( 'storefront_loop_after', function() {
echo '</div>';
} );
} );
Storefront theme search results custom template
Replaces default Storefront archive with a custom template for search results.
How to use
- Log into a staging, development, or locally hosted clone of your site
- Install and activate Code Snippets
- WP Admin > Snippets > Add New
- Copy and paste the code from the Description tab above
- Check to ensure formatting came over properly and no syntax errors show up in the editor
- Customize the code as desired
- Add a meaningful title
- Select whether to run on front-end or back-end (or both)
- Click “Save and Activate”
- Test your site to ensure it works
- Disable if any problems, or recover
- Repeat for live environment
License
All code snippets are licensed GPLv2 (or later) matching WordPress licensing.
Disclaimer of warranty:
Except when otherwise stated in writing the copyright holders and/or other parties provide the program as-is without warranty of any kind, either expressed or implied, including, but not limited to, the implied warranties of merchantability and fitness for a particular purpose.
Support
- Describe the issue and what you’ve observed.
- Describe your expected outcome(s).
- List steps to reproduce the issue.
- Optionally provide screen-shot or video URLs.
