Put Search Bar in Search Page

Put Search Bar in Search Page

  • plugins/woocommerce/templates/loop/result-count.php
    • copy file to yourtheme/woocommerce/loop/result-count.php
  • SEARCH FOR WINES ONLINE

    <form role=”search” method=”get” class=”woocommerce-product-search” action=”<?php echo esc_url( home_url( ‘/’ ) ); ?>”>
    <label class=”screen-reader-text” for=”woocommerce-product-search-field-<?php echo isset( $index ) ? absint( $index ) : 0; ?>”><?php _e( ‘Search for:’, ‘woocommerce’ ); ?></label>
    <input type=”search” id=”woocommerce-product-search-field-<?php echo isset( $index ) ? absint( $index ) : 0; ?>” class=”search-field” placeholder=”<?php echo esc_attr__( ‘Search products&hellip;’, ‘woocommerce’ ); ?>” value=”<?php echo get_search_query(); ?>” name=”s” />
    <input type=”submit” value=”<?php echo esc_attr_x( ‘Search’, ‘submit button’, ‘woocommerce’ ); ?>” />
    <input type=”hidden” name=”post_type” value=”product” />
    </form>

 

For search of no results:

  • plugins/woocommerce/templates/loop/no-products-found.php
    • copy file to yourtheme/woocommerce/loop/no-products-found.php
  • put this code at end
  • SEARCH FOR WINES ONLINE <form role=”search” method=”get” class=”woocommerce-product-search” action=”<?php echo esc_url( home_url( ‘/’ ) ); ?>”>
    <label class=”screen-reader-text” for=”woocommerce-product-search-field-<?php echo isset( $index ) ? absint( $index ) : 0; ?>”><?php _e( ‘Search for:’, ‘woocommerce’ ); ?></label>
    <input type=”search” id=”woocommerce-product-search-field-<?php echo isset( $index ) ? absint( $index ) : 0; ?>” class=”search-field” placeholder=”<?php echo esc_attr__( ‘Search products&hellip;’, ‘woocommerce’ ); ?>” value=”<?php echo get_search_query(); ?>” name=”s” />
    <input type=”submit” value=”<?php echo esc_attr_x( ‘Search’, ‘submit button’, ‘woocommerce’ ); ?>” />
    <input type=”hidden” name=”post_type” value=”product” />
    </form>