扩展高级 Shopify 主题的最佳实践

Best Practices in extending on a premium Shopify theme

我打算将几个 Woo 网站迁移到 Shopify。我们在这里不是在谈论一些直接运输网站,更多地考虑拥有 500-2k 产品和变体的实体高级商店。

因此,大部分繁重的工作将通过 Shopify 高级主题完成。但我想知道是否需要一些自定义 CSS 或 JS,或自定义页面模板,如何扩展主题?

  1. 是否有挂钩系统,或糟糕的模板覆盖(如 WP)或类似的东西?
  2. 如果有,我如何确定使用它不会破坏我们从 shopify 获得的自动主题更新?
  3. 一旦解决了这两个问题,就会出现另一个问题 - 您建议使用什么工具作为构建系统?我猜是带有 babel 的 Webpack,但是周围有没有样板项目?

一些准则:

谢谢:)

您正在寻找 Shopify 中的子主题,例如 WP - 那里没有这样的东西。

在不触及任何代码的情况下修改主题的唯一方法是创建自定义应用程序并使用 ScriptTag API,您将在其中包含一个自定义 JS 文件,该文件将添加一些 JS 逻辑或 CSS 为主题。

如果您打算进行液体更改,则必须修改主题,这是没有办法的。

任何其他方法都需要修改文件。

请记住,Shopify 主题不会经常收到更新,因为他们没有修改后端的选项,安全风险对他们来说很低,而且他们不依赖应用程序来正常运行,与 WordPress 网站不同,WordPress 网站不断更新以修复核心安全问题和插件问题。

但是您的工作太复杂了,只需修改主题或至少为您的逻辑创建一个单独的自定义 CSS 和 JS 文件。

请记住,如果您安装任何修改 Shopify 前端的应用程序(其中大多数都这样做),您的自动更新主题将破坏应用程序并且它将不再工作。所以我实际上建议完全不要依赖自动更新,因为这将是一个大问题!

最后一个问题请看https://shopify.github.io/themekit/

此外,如果您有多个问题,请考虑从现在开始将您的问题分成不同的主题。