> For the complete documentation index, see [llms.txt](https://en-ascent.webvista.studio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://en-ascent.webvista.studio/ascent-mu-ban-shi-yong-shuo-ming/sections/zi-ding-yi-liquid.md).

# 自定义 Liquid

自定义 Liquid 模块允许商家通过添加 Liquid 代码片段，实现更多定制化功能。这一模块非常灵活，可以在页面中插入定制的代码逻辑、动态内容、或者其他无法通过标准配置完成的高级功能。

### **配置说明**

**1. Liquid 代码输入**

* **Liquid 代码**：在文本框中输入自定义的 Liquid 代码。通过 Liquid 代码，您可以动态渲染页面内容、与后台数据进行交互，或实现特定的业务逻辑。
  * 例如，您可以通过 Liquid 来展示特定的产品、动态生成内容、调用 Shopify 数据等。
  * 使用前，建议对 Liquid 有基本的了解，以确保代码的准确性。

**2. 配色方案**

* **配色方案**：允许为该自定义模块选择配色方案。这个选项主要是用于配合页面整体设计风格，保持视觉一致性。
  * 点击“编辑”可以调整配色方案。
  * 配色设置会影响模块的文本、背景等样式，建议与页面其他部分的颜色保持一致。

### **使用建议**

1. **确保代码准确无误**：
   * 在自定义 Liquid 代码时，请确保输入的代码准确并符合 Shopify 的 Liquid 语法标准，以免页面显示异常。
   * 先在开发环境或代码编辑器中测试代码，确保其可以正常运行，再将其应用到页面上。
2. **灵活定制页面功能**：
   * 通过 Liquid，您可以实现诸如动态展示产品、折扣活动、用户个性化内容等功能。充分利用 Liquid 的数据交互能力，实现与 Shopify 商店数据库的深度集成。
3. **合理运用配色方案**：
   * 选择合适的配色方案可以让自定义代码渲染的内容更符合整体页面设计，提高用户体验和视觉美观度。
4. **结合其他模块使用**：
   * 自定义 Liquid 模块可以与其他页面模块相互配合，提升页面的互动性和灵活性，提供个性化服务，如动态商品推荐、用户信息定制展示等。
5. **优化代码性能**：
   * 在 Liquid 代码中避免复杂的循环和嵌套操作，尤其是在处理大数据集时，确保页面加载速度不会受影响。