Shopify 店铺装修

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

更新于 2025-06-22

通过 Bilibili 观看本期 Shopify 教程通过 Youtube 观看本期 Shopify 教程

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

更新要点

主题编辑器增强

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

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

其他编辑器更新：

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

Horizon 主题系列

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

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

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

跟 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 %}

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