¥0.00 0

购物车

购物车里没有产品

Table Of Contents

Shopify如何使博客页展示更多文章

如果你没有使用其他的Shopify定制主题,相信你的店铺博客页默认只能显示6篇文章。

Shopify展示更多文章指南 - 博客页只6篇博客
Shopify展示更多文章指南 – 博客页只6篇博客

这在店铺的初期并不会有什么特别大的影响,但在长时间的运营之后,大量的博客被创建以及发布在你的网站上,每页只能显示6篇文章显然不能满足你的需求。
无论出于用户的舒适度考虑(让他们在回顾你的所有博文时不至于翻页翻到失去耐心),还是出于板块的美观度考虑(毕竟一页只6篇博文确实有些少了),对店铺做出修改使之展示更多文章都很有必要。


转到 在线商店 — 模板

登录Shopify商店后台后,点击左侧的 ”在线商店“,Shopify会自动跳转到”模板“视图。

Shopify展示更多文章指南 - 转到模板
Shopify展示更多文章指南 – 转到模板

点击Edit Code

在”模版“视图中,点击你要修改博文展示数量的对应模板右侧的三点图标,再次点击”编辑代码“进入代码编辑页面。

Shopify展示更多文章指南 - 点击编辑代码
Shopify展示更多文章指南 – 点击编辑代码

打开main-blog.liquid文件

在代码编辑页面中,在”sections”文件夹下手动寻找”main-blog.liquid”文件或者在左上角输入对应关键词筛选找到”main-blog.liquid”文件后点击。

Shopify展示更多文章指南 - 打开main-blog.liquid文件
Shopify展示更多文章指南 – 打开main-blog.liquid文件

定位到博客数量展示的代码处

在”main-blog.liquid”文件中,可以在第一视图的中央部分找到博客数量展示的代码,直接进行修改,或者是点击文件内部后,通过ctrl+F调出搜索框,搜索代码定位到博客数量展示的代码。

# 需要搜索的代码为以下
{%- paginate blog.articles by 6 -%}
Shopify展示更多文章指南 - 定位到代码所在处
Shopify展示更多文章指南 – 定位到代码所在处

实现博客页展示更多博客

在找到的博客数量展示的代码中,修改其中的数字“6”为其它你想要在博客页展示的博客数量,譬如“10”,然后点击右上角的保存。

# 修改后的代码如下,以展示10篇博文为例
{%- paginate blog.articles by 10 -%}
Shopify展示更多文章指南 - 改变博客数量代码
Shopify展示更多文章指南 – 改变博客数量代码

至此你的Shopify店铺博客页成功实现了展示更多文章的目的。

博客页展示更多博客 – 效果展示

Shopify展示更多文章指南 - 博客页10篇博客
Shopify展示更多文章指南 – 博客页10篇博客

GoSiteBoost将会持续不断地更新更多有关于建站以及SEO优化的教程,欢迎订阅GoSiteBoost邮件,接收更多更及时的教程。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

    仍有疑问?现在就 联系GoSiteBoost

    Go Site Boost

    提供服务

    优化教程

    联系我们

    需要帮助或者仍有疑问?
    立马联系我们:
    [email protected]

    Copyright © 2025 | GoSiteBoost | All Rights Reserved