WordPress 更改搜索结果

Question

我的 WordPress 主题（“悉尼”）显示搜索结果有误。我只想显示 WooCommerce 产品，而不仅仅是列出帖子。

这些应该排列在一个漂亮的网格中，如下图所示：

。

目前结果是这样列出的

.

如何更改搜索结果的显示方式？

目前我的search.php 是这样的：

<?php get_header(); ?>

<div id="primary" class="content-area col-md-9">
    <main id="main" class="post-wrap" role="main">

    <?php if ( have_posts() ) : ?>

        <header class="page-header">
            <h3><?php printf( __( 'Search Results for: %s', 'sydney' ), '<span>' . get_search_query() . '</span>' ); ?></h31>
        </h3>
        </header><!-- .page-header -->

        <?php /* Start the Loop */ ?>
        <?php while ( have_posts() ) : the_post(); ?>

            <?php
            /**
             * Run the loop for the search to output the results.
             * If you want to overload this in a child theme then include a file
             * called content-search.php and that will be used instead.
             */
            get_template_part( 'content', 'search' );
            ?>

        <?php endwhile; ?>

        <?php the_posts_navigation(); ?>

    <?php else : ?>

        <?php get_template_part( 'content', 'none' ); ?>

    <?php endif; ?>

    </main><!-- #main -->
</div><!-- #primary -->

非常感谢你们！

** 更新 kashalo 提供的解决方案部分有效，但搜索结果与产品页面看起来仍然略有不同，并且仅列在一列而不是网格中。

** 更新 Alexander Wigmore 建议的解决方案看起来几乎是我想要的样子。将page.php 复制到search.php 中的唯一问题是，产品仍会显示为wheird，但不是在它们显示在它们适合的类别中时。例如：当搜索saat 结果最初仅以文本显示产品，但通常在 Saatgut 类别下。

Answer 1

我的建议是不要直接修改 wp 或主题模板的搜索文件，而是使用子主题的好习惯。对于结果的设计显示，您可以使用 css 进行一些操作以根据需要对其进行自定义，而不是让结果仅显示您可以使用基于您正在使用的主题构建的任何过滤器（如果有）或自己创建的产品过滤结果的函数（也称为钩子）。

过滤结果的示例如上代码：

add_action( 'pre_get_posts', 'filter_woocommerce_products' ); // the hook

function filter_woocommerce_products( $query ) { // the function
    if( ! is_admin() && is_search() && $query->is_main_query() ) {
        // verify if can use the search function and the search string is from the search call
        $query->set( 'post_type', 'product' ); // filter the posts with type products that corrispond to woocommerce products.
    }
}

并且这个函数必须保存在你的主题或者子主题的function.php文件中。

有关更多信息，我建议您阅读有关子主题和 wp 页面上的 pre_get_posts 文档的更多信息。

希望对您有所帮助，欢迎随时提问。

Answer 2

您需要修改 Wordpress 处理搜索的方式。 这可以通过添加“动作”轻松完成，将以下代码添加到您的 functions.php 文件中。

function searchfilter($query) {

    if ($query->is_search && !is_admin() ) {
        $query->set('post_type',array('product'));
    }

return $query;
}

add_filter('pre_get_posts','searchfilter');

这将使搜索页面只显示产品。值得注意的是，您可以通过 array 在此行中重新添加其他帖子类型：$query->set('post_type',array('product'));。