构建 Shopify 区块

访问 /try.html

在浏览器中打开 /try.html。

描述你的 Liquid 区块

使用包含 Shopify、Liquid 或 theme section 关键词的提示词，例如：

Build a Shopify Liquid section for a product hero. Include: large product image, product title, price, description, and "Add to cart" button. Add theme settings for: image size, button color, text alignment. Use semantic Liquid with proper schema. Single file, production-ready.

当你提到"Shopify"、"Liquid"或"section"时，LingCode 会自动：

• 识别这是一个 Shopify 请求
• 生成 Liquid 代码（而非普通 HTML）
• 包含用于主题设置的 schema 区块
• 添加区块的实时预览

查看区块渲染效果

点击"发送"，在预览面板中观察区块的渲染效果。LingCode 会自动将 Liquid 语法转换为 HTML 进行预览，让你在上传前就能直观地看到区块的实际外观。

使用"继续"进行调整

通过追加提示词来打磨你的区块：

• "在产品详情下方添加用户评价区块"
• "将按钮改为从主题设置读取的系列选择器"
• "调整布局，将图片放在右侧，详情放在左侧"
• "为区块滚动进入视口添加动画效果"

下载 .liquid 文件

点击三点菜单，选择"Download .liquid"（或从 Code 选项卡复制代码），即可获得一个 `.liquid` 文件。

上传到 Shopify 主题的步骤：

1. 登录 Shopify 管理后台
2. 进入 销售渠道 → 在线商店 → 主题
3. 在当前主题上点击 "编辑代码"
4. 在左侧边栏中，点击"sections"旁的文件夹图标
5. 点击 "添加新文件"
6. 为文件起一个描述性的名称（如 product-hero.liquid）
7. 粘贴下载文件的内容
8. 点击 "保存"

你的区块现在已出现在 Shopify 主题编辑器中。将它添加到页面后，即可实时自定义各项设置。