Shopify 2.0 Section / Block
开发可在后台配置的 section 和 block，方便后续运营调整内容。
SHOPIFY THEME CUSTOMIZATION
Shopify 主题定制与 Liquid 开发
基于 Shopify 2.0、Liquid、HTML/CSS/JS 定制主题模块、页面结构和移动端体验。
当现有主题限制太多、App 堆叠影响体验、或者 Figma 设计稿需要落地到 Shopify 时，需要的不只是改样式，而是可维护的 section、block、模板和交互逻辑。
Shopify 2.0 section / block
Liquid 模板开发
Figma 到 Shopify 落地
适合这些情况
已有 Shopify 店铺，但主题限制多、模块不好改
需要新增首页、商品页、集合页或活动页自定义模块
已有 Figma 设计稿，需要开发到 Shopify 主题里
第三方 App 装太多，导致页面慢、样式乱或维护困难
需要在不影响现有商品和订单的情况下迭代主题体验
服务范围
重点是让主题可维护、可复用、可继续迭代，而不是一次性写死页面。
Liquid 模板开发
修改或新增 product、collection、page、cart 等核心模板逻辑。
商品页模块
定制卖点、规格、评价、FAQ、搭配推荐、信任信息和购买区域。
集合页展示
优化产品列表、筛选、排序、标签、活动入口和移动端浏览体验。
首页活动模块
开发品牌首屏、产品故事、促销、内容区和营销活动模块。
自定义交互
实现轻量动画、弹窗、切换、粘性按钮、选项联动和交互状态。
移动端适配
处理移动端布局、按钮触达、文字换行、图片比例和购买路径。
速度与可维护性
减少不必要 App 依赖，控制脚本、样式和模块复杂度。
常见交付项
适合对现有主题做局部升级，也适合把设计稿拆成 Shopify 可配置模块。
Custom section
可配置自定义模块
Product template
商品页模板修改
Collection template
集合页模板修改
Landing page
活动页或专题页
Theme settings
后台配置项
Responsive QA
移动端适配检查
交付流程
1
诊断当前主题、App、页面结构和需要修改的位置
2
确认模块、模板、交互和移动端适配范围
3
开发 Liquid、section、block、CSS/JS 和后台配置项
4
测试桌面端、移动端、主流浏览器和核心购买路径
5
上线并交付修改说明，标记后续可复用和可维护的部分
常见问题
Shopify 主题定制和重新建站有什么区别？
主题定制是在现有店铺和主题基础上修改模块、模板和交互；重新建站通常会重新规划整体页面结构、视觉和主题基础。现有基础还能迭代时，主题定制更轻。
是否支持现有主题修改？
支持。会先看主题结构、代码质量和 App 依赖。如果主题改动风险太高，会建议复制主题后开发，避免影响线上店铺。
是否支持 Figma 转 Shopify？
支持。我们会把 Figma 设计拆成 Shopify 可实现的 section、block、模板和响应式规则，而不是只还原静态页面。
是否会影响现有订单和商品？
正常主题修改不会影响订单和商品数据。但涉及结账、库存、App 或数据结构时，需要单独评估并在测试主题中验证。
是否需要购买新主题？
不一定。如果现有主题结构清晰，可以直接定制。如果现有主题过旧、代码混乱或限制太多，购买新主题或重构主题会更合理。
定制主题会不会影响速度？
取决于实现方式。合理的 section、CSS/JS 和图片处理不会显著拖慢速度；过多 App、重复脚本和重动画才是常见问题。
相关 Shopify 服务
主题定制通常会和建站范围、费用预算一起判断，先确认现有主题是否值得继续迭代。