如何在 WooCommerce 的当前页面显示搜索和过滤结果？

Question

我使用了一个名为“搜索和过滤器”的插件来过滤产品。过滤后的结果显示在单独的页面中。我需要的是，结果必须显示在当前页面上。

我已经在代码笔中提供了两个插件的代码，因为它有超过 30000 个字符。

// The codepen link is below

Here is the codepen link

我必须在此处更改以使它们在当前页面中显示搜索结果。