Ascent(English)
Contact usFAQsFree to install
中文
中文
  • 简介
  • 支持政策
  • 退款政策
  • 模板安装
  • 常见问题
  • 全局设置
    • 布局设置
    • 颜色设置
    • 排版(字体)
    • 面包屑导航
    • 动画效果
    • 板块标题
    • 产品卡片
    • 徽章设置
    • 社交媒体
    • 搜索行为
    • 货币格式
    • 购物车
    • 网站图标
    • 自定义css
  • 页眉
    • 自定义Mega菜单
    • 手机端菜单被第三方插件遮挡处理
  • 侧边抽屉
    • 搜索抽屉
    • 购物车抽屉
  • 板块列表
    • 无缝滚动
    • 公告栏
    • 倒计时
    • 分类图标列表
    • 窄幅横幅图像
    • 图片横幅
    • 视频横幅
    • 幻灯片
    • 图文介绍
    • 图文列表
    • 富文本
    • 电子邮件订阅
    • 带文本的图标
    • Logo列表
    • 联系表单
    • 常见问题(FAQ)
    • 图文多列
    • 图片对比横幅
    • 图片热点横幅
    • 地图横幅(Google地图)
    • 精选商品系列
    • 精选商品
    • 商品系列列表
    • 自定义 Liquid
    • 综合显示
    • 五彩纸屑触发器
    • 自定义版块标题
    • 引用
    • 客户评价
    • 浏览动态购物
    • 阅读文本
    • 相册
    • 商品比较表
    • 文字镜头放大
    • 滚动图片放大
    • 里程碑
    • 团队
    • 亮点展示
    • 步骤
    • 媒体墙
    • 下载列表
  • 弹窗
    • 活动弹窗
    • 年龄验证
  • 页脚
    • 自定义支付图标
  • 侧边工具栏
  • 页面
    • 产品分类页面
      • 创建子分类
    • 产品页面
      • 礼物(赠品)
      • 产品预购
      • 添加尺码表
      • 隐藏其它变体图片
      • 显示变体样本
      • 显示互补产品
      • 添加推荐产品
      • 绑定兄弟产品
      • 添加包含的产品
      • 创建产品A+页面
      • 性能指示条
      • 预计送达时间
  • 其它
    • 版本说明
      • v2.3.2(即将发布)
      • v2.2.1(当前版本)
      • v2.1.8
      • v2.1.7
Powered by GitBook
On this page
  • 配置说明
  • 使用建议

Was this helpful?

  1. 板块列表

自定义 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 代码中避免复杂的循环和嵌套操作,尤其是在处理大数据集时,确保页面加载速度不会受影响。

Previous商品系列列表Next综合显示

Last updated 2 months ago

Was this helpful?