How to add new css and js file in stencil theme

Question

How can i add new css and js file in my BC Stencil Theme ?

and i cant find my all theme folder in cyberduck! my theme name is Cornerstone Light.

Answer 1

The legacy theme platform (Blueprint) used Cyberduck to upload theme files, but Stencil uses Stencil CLI developer tools. If your store has a Stencil theme applied, you won't see a template folder in WebDAV.

First, install the prerequisites for your OS and install Stencil CLI: https://stencil.bigcommerce.com/docs/installing-and-launching-stencil-1

Download your theme so you can work on it locally. CSS files can be added to assets/scss and js files can be installed with a package manager like npm, or uploaded to assets/js.

After uploading your custom.scss file to the assets/scss directory, you can import it into the default scss file (theme.scss) with an @import statement:

@import "custom";

Here are links to the documentation on adding CSS and js files to your theme: https://stencil.bigcommerce.com/docs/custom-sass-functions#Compiling https://stencil.bigcommerce.com/docs/js-101

You might also find this BC Community discussion helpful: https://forum.bigcommerce.com/s/question/0D51B00003sRDg7SAG/custom-css-in-big-commerce