时间戳

首页 > 解决方案 > 扩展高级 Shopify 主题的最佳实践

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

问题描述

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

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

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

一些指导方针：

谢谢 ：）

标签： shopifyshopify-template

解决方案

您正在像 WP 一样在 Shopify 中寻找儿童主题 - 那里没有这样的东西。

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

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

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

请记住，Shopify 主题不会经常收到更新，因为它们没有修改后端的选项，安全性对它们来说风险很低，并且它们不依赖 APP 才能正常运行，相比之下到 WordPress 网站，那里有修复核心安全问题和插件问题的持续更新。

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

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

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

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

推荐阅读