WooCommerce search result template

Question

I am working on a WooCommerce WordPress site. I have added WooCommerce search feature for product. But both main shop page and search result page have same template archive-product.php. But I want separate design for both pages. How can I do that?

Answer 1

As @arun said in the comments copy the archive-product.php and paste in the to the woocommerce folder inside your theme (if you don't have this folder, create one)

Open the file and split the content inside that file using a php if statement

if ( is_search() ) {
    //put your search results markup here (you can copy some code from archive-product.php file and also from content-product.php to create a standard markup
} else {
    // here goes the content that is already in that file (archive-product.php) 
}

Just make sure this line of code always stays at the top of the file:

if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly