跳转至主要内容
Shopify 店铺装修

Shopify 2025 夏季主题更新要点速览和 AI 生成代码 Block 开启方法

Shopify 在本月发布了 2025 Summer 更新,本期内容为大家介绍值得关注的更新内容,以及如何开启 Shopify 店铺后台编辑器中通过 AI 生成代码的功能。

更新要点

主题编辑器增强

更新之后右键点击 Shopify 店铺后台编辑器中的 Section(功能模块)可以进行:

  • 复制一个设置好的模块,粘贴到别的页面
  • 拷贝一个设置好的模块之后进行修改
  • 功能模块支持自定义名称,方便识别
  • 隐藏模块
  • 在上方或下方添加模块
  • 跳转编辑模块代码文件等操作
shopify-theme-context-menu

其他编辑器更新:

  • blocks 和 sections 支持分类展示
  • 激活检查器之后点击即可编辑文字

Horizon 主题系列

本次更新推出了 以 Horizon 为基础的 10 款主题系列。

"Horizon" 直译为 “地平线”,象征着新的起点、广阔的视野和无限的可能性。Shopify 通过这一命名,传达了新主题不仅是一次常规升级,而是面向未来、突破边界的全新设计框架。它代表着 Shopify 对于电商平台未来发展的展望和信心,鼓励商家和开发者以更开放和创新的心态去构建属于自己的品牌网站。

Horizon 主题不仅仅是一个视觉模板,更是 Shopify 重新打造的设计基础和技术架构。它引入了高度模块化的 Theme Blocks(主题区块)系统,支持多层嵌套和自由组合,让商家像 “拼积木” 一样搭建页面,极大提升了灵活性和可定制性。这种突破性的设计体验,正如 “地平线” 一样,打破了以往的局限,开启了 Shopify 主题系统的新纪元。

shopify-new-horizon-themes

跟 Dawn 系列一样,它们本质上是一样的,名称有差异只是主题风格不同。

现在创建的新店铺(可能会)默认安装 Horizon 而不是 Dawn 了,但是对于老店铺不建议过早切换,因为主题刚发布时往往会有一些问题,前期版本更新也会比较频繁,等到稳定之后再去考虑比较好。如果本身就是新店铺,不妨体验一下。

开启 AI 代码生成

即使你没有使用新发布的主题,一样可以使用新推出的 AI 生成代码功能,只需要 将 Shopify 店铺后台语言修改成英文,然后参考视频演示添加 Section 即可:

  • 创建一个 Section,命名为:ai-section.liquid
ai-section
<div class="custom-section">
  {% content_for 'blocks' %}
</div>

{% schema %}
{
  "name": "AI 生成代码",
  "blocks": [{ "type": "@theme" }, { "type": "@app" }],
  "settings": [
  ],
  "presets": [
    {
      "name": "AI 生成代码模块",
      "category": "Shopify2006 教程"
    }
  ]
}
{% endschema %}

不过目前生成的效果似乎一般,可以等后续优化。

顺便提及

增强版主题

  • 最近更新了:在产品系列将产品变体通过 Color 选项值展示为单独链接的功能
更适合中国商家的 Shopify 增强版主题,额外添加五十几项功能
Shopify 增强版主题,添加几十项功能,容易上手,持续更新,支持一键开启或关闭。适用于所有 Shopify 推出的 13 款 2.0 主题,减少插件安装,降低每月的插件订阅费。Shopify 店铺用什么主题比较好?哪款主题更好用?

Shopify 小游戏

shopify-car-driving
Shopify 2025 新手视频教程
使用 Shopify 最新版后台重新录制的视频教程,演示从创建 Shopify 网站到上传产品、创建产品系列、店铺装修、后台设置等。并提及之前已经发布过的相关教程,方便商家或运营人员搜索和查找。