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

标签 bigcommerce

enter image description here如何在我的 BC Stencil 主题中添加新的 css 和 js 文件?

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

最佳答案

旧主题平台(Blueprint)使用 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

关于bigcommerce - 如何在模板主题中添加新的 css 和 js 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50462140/

相关文章:

shipping - Bigcommerce 定制运输处理

php - 使用 BigCommerce API 获取产品图片

ruby - 构建 Bigcommerce 应用程序,我收到无效请求 : Invalid HTTP format, 解析失败

bigcommerce - 在基石 2.0 中找不到模块 webpack.dev.js

javascript - ESLint no-undef - BigCommerce 的 js 问题

javascript - 将 Big Commerce 更新到新的 Analytics.js

json - 通过 json 查询将图片上传到 BigCommerce

javascript - BigCommerce API 是否支持 CORS?

bigcommerce - 增加模板主题上最近查看的项目的最大数量

Bigcommerce 优惠券创建兑换每位客户不起作用