了解如何通过Shopify自定义404和搜索页面

Shopify自定义商店404 页面和搜索页面介绍

404 页面

当客户尝试访问不存在的网站链接（例如您已从商店中删除的产品的产品页面）时，系统会显示 404 页面。此页面没有可自定义设置。

搜索页面

搜索页面是供客户在您在线商店中搜索特定产品或页面的位置。该页面默认包含搜索结果分区。

搜索结果分区设置

图片比:

- 适应图片（默认）- 使用图片的纵横比，这可以??止图片被裁剪。

- 纵向 - 将图片裁剪为使用 2:3 比例。

- 方形 - 将图片裁剪为使用 1:1 比例。

在悬停时显示第二张图片： 在客户将光标悬停在产品图片上时，显示第二张产品图像（如果产品有第二张图片）。

添加图片填充： 在产品图片周围增加额外的空间。

显示图片边框： 在图片周围显示边框。

显示厂商： 显示每款产品的厂商。

显示产品评分： 用星星图形显示平均产品评分，并在括号里注明评论次数，例如 ★★★★★ (8)。还需要产品评论应用（例如 Shopify Product Reviews）以及元字段定义（用于 reviews.rating_count 和 reviews.rating）。

显示日期: 显示每一条博客文章的发布日期

显

（本文内容根据网络资料整理和来自用户投稿，出于传递更多信息之目的，不代表本站其观点和立场。也不对其真实性、可靠性承担任何法律责任，特此声明！）

常见问答(FQAS)

要创建一个自定义的404页面,你需要在你的Shopify主题文件夹中创建一个名为404.liquid的文件。在这个文件中,你可以添加你自己的HTML、Liquid代码来定制404页面的外观和功能。你还可以使用{page}变量访问当前错误页面的标题和子标题。

要自定义搜索结果页面,你需要编辑storefront/templates/search.liquid文件。在这个文件中,你可以添加自定义的HTML、Liquid代码来定制搜索结果页的设计。你还可以使用搜索查询({query})变量和搜索结果({results})对象来呈现和格式化搜索结果。

要检查404页面和搜索结果页面是否正确设置,你可以尝试以下操作: deliberately输入错误的URL触发404错误,然后检查页面是否显示您的自定义内容;对店铺进行搜索,检查搜索结果页是否呈现您自定义的设计。此外,你也可以预览主题文件以验证是否找到并呈现了正确的模板。