bigcommerce - 如何在模板主题中添加新的 css 和 js 文件

Question

如何在我的 BC Stencil 主题中添加新的 css 和 js 文件？

我在cyberduck中找不到我的所有主题文件夹！我的主题名称是 Cornerstone Light。

标签： bigcommerce

Answer 1

旧版主题平台（蓝图）使用 Cyber​​duck 上传主题文件，但 Stencil 使用 Stencil CLI 开发人员工具。如果您的商店应用了 Stencil 主题，您将不会在 WebDAV 中看到模板文件夹。

首先，为您的操作系统安装先决条件并安装 Stencil CLI： https ://stencil.bigcommerce.com/docs/installing-and-launching-stencil-1

下载您的主题，以便您可以在本地处理它。CSS 文件可以添加到 assets/scss 中，而 js 文件可以使用 npm 之类的包管理器安装，或者上传到 assets/js。

将您的 custom.scss 文件上传到 assets/scss 目录后，您可以使用 @import 语句将其导入默认的 scss 文件 (theme.scss)：

@import "custom";

以下是有关将 CSS 和 js 文件添加到主题的文档的链接： https ://stencil.bigcommerce.com/docs/custom-sass-functions#Compiling https://stencil.bigcommerce.com/docs/js-101

您可能还会发现此 BC 社区讨论很有帮助： https ://forum.bigcommerce.com/s/question/0D51B00003sRDg7SAG/custom-css-in-big-commerce