Как я могу получить вид поиска Fiverr?

Question

Внешний вид поиска Fiver

Мой поисковый запрос

<form role="search" method="get" id="searchform" action="https://gigant.com.ph">
    <div>
      <label class="screen-reader-text" for="s">Search for:</label>
      <input type="text" value="" name="s" class="form-control search-autocomplete" id="s" placeholder="My Search form" />
      <input type="submit" id="searchsubmit" value="Search" />
      <input type="hidden" name="post_type" value="product" />
    </div>
  </form>

У меня возникли проблемы, потому что я не могу добавить тег HTML к своему условию foreach

вот мое состояние функции каждый раз, когда я пытаюсь добавьте тег HTML на мой foreach, ничего не происходит, я попытался echo = 'tags'; но мне не нужна помощь в поиске поддержки, я просто хочу скопировать внешний вид fiverr или просто добавить заголовок перед показом результата

    function ja_global_enqueues() {

    wp_enqueue_style(
        'jquery-auto-complete',
        'https://cdnjs.cloudflare.com/ajax/libs/jquery-autocomplete/1.0.7/jquery.auto-complete.css',
        array(),
        '1.0.7'
    );

    wp_enqueue_script(
        'jquery-auto-complete',
        'https://cdnjs.cloudflare.com/ajax/libs/jquery-autocomplete/1.0.7/jquery.auto-complete.min.js',
        array( 'jquery' ),
        '1.0.7',
        true
    );

    wp_enqueue_script(
        'global',
        get_template_directory_uri() . '/js/global.min.js',
        array( 'jquery' ),
        '1.0.0',
        true
    );

    wp_localize_script(
        'global',
        'global',
        array(
            'ajax' => admin_url( 'admin-ajax.php' ),
        )
    );
}
add_action( 'wp_enqueue_scripts', 'ja_global_enqueues' );

/**
 * Live autocomplete search feature.
 *
 * @since 1.0.0
 */
function ja_ajax_search() {
    $results = new WP_Query( array(
        'post_type'     => array( 'product','product-tag' ),
        'post_status'   => 'publish',
        'nopaging'      => true,
        'posts_per_page'=> 100,
        's'             => stripslashes( $_POST['search'] ),
    ) );

    $items = array();



    if ( !empty( $results->posts ) ) {

        foreach ( $results->posts as $result ) {
            $items[] = $result->post_title;

        }


    }

    if ( !empty( $results->posts ) ) {

        foreach ( $results->posts as $result ) {
            $items[] = $result->post_status;
        }
    }




    wp_send_json_success( $items );
}
add_action( 'wp_ajax_search_site',        'ja_ajax_search' );
add_action( 'wp_ajax_nopriv_search_site', 'ja_ajax_search' );