在shopify中编写自定义搜索应用程序

时间:2017-06-25 22:44:05

标签: shopify

我需要在Shopify中实现我们自己的自定义产品搜索,但我一直无法确定如何做到这一点。

我不是在谈论显示搜索结果的模板,但我们需要编写自定义代码来确定应在搜索页面上显示哪些产品及其顺序。

我可以看到有很多应用程序提供自定义搜索结果/订单,所以我想它可以做,我只是无法找到任何关于它的文档。

我已经拥有了生成所需搜索结果所需的所有数据,所以我唯一的问题是如何与Shopify集成,以便Shopify将搜索结果发送到我们的应用程序,然后显示我们的搜索应用程序返回的产品。

---- ADDED ----

在完美的世界里,我想要的是,当用户进行搜索时,Shopify应该将搜索短语发送到我们的服务器。然后,我们将生成产品匹配的有序列表,并将该列表返回shopify。然后Shopify将向用户展示产品,就像shopify使用内部shopify搜索引擎找到产品一样。

但似乎我可能误解了谷歌搜索的工作原理,看起来我想要的东西根本不可能。

2 个答案:

答案 0 :(得分:1)

要在shopify商店中自定义搜索结果,您必须操纵搜索结果提供的搜索结果。为此,您必须在主题中找到编写搜索操作逻辑的位置。

大多数情况下,你会在search.liquid文件中找到它。您需要在那里过滤搜索结果。假设您想在搜索结果中限制特定供应商的产品,那么您可以按照以下步骤进行操作。

{% for item in search.results %}
    {% if item.vendor != 'Reebok' %}
      {% include 'search-result' %}         
    {% endif %}
{% endfor %}

此处搜索结果将是负责代表搜索列表中每个搜索结果的代码段。 Simillarly你也必须操纵搜索结果分页。

答案 1 :(得分:1)

您有两种不同的资源可以做到这一点。一个讨论搜索过滤器,另一个讨论自定义搜索结果

https://help.shopify.com/manual/sell-online/online-store/storefront-search

https://help.shopify.com/themes/customization/store/enable-autocomplete-for-search-boxes

第一个链接讨论了如何使用搜索查询中的参数组合修改搜索词。

第二部分讨论如何在页面上加载搜索结果并使用AJAX和JS将它们调用到您的前端