【问题标题】:Best Practices in extending on a premium Shopify theme扩展高级 Shopify 主题的最佳实践
【发布时间】:2020-04-19 09:32:13
【问题描述】:
我打算将几个 Woo 网站迁移到 Shopify。而且我们在这里谈论的不是一些直销网站,而是更多地考虑拥有 500-2k 产品和变体的实体店。
因此,大部分繁重的工作将通过 Shopify 高级主题来完成。但我想知道是否需要一些自定义 CSS 或 JS,或自定义页面模板,如何扩展主题?
- 是否有钩子系统,或糟糕的模板覆盖(如 WP)或类似的东西?
- 如果有,我如何确保使用它不会破坏我们从 shopify 获得的自动主题更新?
- 一旦解决了这两个问题,就会出现另一个问题 - 您建议使用什么工具作为构建系统?我猜是带有 babel 的 Webpack,但是周围有什么样板项目吗?
一些准则:
- 不,我不想编辑主题,因为这会破坏自动更新。
- 不,我不想克隆主题并编辑新主题,因为这会破坏自动更新。
- 不,我不想使用 React 或 Vue,因为那太傻了。
谢谢 :)
【问题讨论】:
标签:
shopify
shopify-template
【解决方案1】:
您正在像 WP 一样在 Shopify 中寻找子主题 - 那里没有这样的东西。
在不触及任何代码的情况下修改主题的唯一方法是创建自定义 APP 并使用ScriptTag API,您将在其中包含一个自定义 JS 文件,该文件将为主题添加一些 JS 逻辑或 CSS。
如果你打算做流动的改变,你必须修改主题,这是没有办法的。
任何其他方法都需要修改文件。
请记住,Shopify 主题不会经常收到更新,因为它们没有修改后端的选项,安全性对它们来说风险很低,并且它们不依赖 APP 才能正常运行,而 WordPress 网站会不断更新以修复核心安全问题和插件问题。
但是您的工作太复杂了,只需修改主题或至少为您的逻辑创建一个自定义的单独 CSS 和 JS 文件。
请记住,如果您安装任何修改 Shopify 前端的应用程序(大多数人都会这样做),您的自动更新主题将破坏应用程序并且它将不再工作。所以我实际上建议不要依赖自动更新,因为这将是一个大问题!
对于最后一个问题,请查看https://shopify.github.io/themekit/
此外,如果您有多个问题,请考虑从现在开始将您的问题分成不同的主题。