I do believe you may have found a very solid niche on RUclips, since you most likely are the only BigCommerce tutorial channel out. Even BigCommerce themselves have videos that are multiple years old.
Thanks so much! I know what you are saying, so many of my clients and fellow developers/store owners get stuck on some of the more advanced BC topics and there's not a ton of new content. Thanks for watching :)
@@bc-kalwiggins hi please help me with git a dep error in my windows when i try to install stencil cli in my system.i have installed python node 14.20 and other steps completed.still get error Please help... Really appreciate
Wow, this is the clearest, most consice explanation on how to use Stencil CLI for theme development. Your walkthrough was very informative and helpful. I've gone through the Big Commerce Development Docs several times, but I'm a novice at console commands and such so I never knew the final step of publishing. This video, along with your others, are some of the best resources I've stumbled upon for Big Commerce theme dev. Thanks!
I want to show product color swatches on product listing pages (category pages). Use the stencil util-api for showing color options on the product listing pages (category pages). Can you please help me with that I have setup everything but I am unable to load the options in card.html file , Please let me know
Hi Kal, thanks for the informative video! I have a question regarding version control through github. It seems this info is a little vague out there, but I was curious how you might handle two BigCommerce remote environments (i.e. production and sandbox) but retain all of the code in one git repository (example: "master" branch contains production code, "develop" contains sandbox code) and you could theoretically run each branch locally and use the stencil CLI for each as well. Is this even possible? Thanks!
hey Greg, Great question. I don't personally use continuous deployment in my gitflow so I push manually to the store at the same time I push changes to git. So in my setup it would totally work to use a separate branch as the sandbox branch and push it to the sandbox store. I guess you'd have to have it initialized with a separate CLI key so you should make sure to exclude your stencil key file from your git repo so they don't get crossed. BUT... I will say that I almost never use a sandbox store for development. I just code and push a non-active theme and use the BigCommerce customizer to proof it. It's not ALWAYS perfect but it at least marries up your working theme with their live data so its more perfect than a sandbox usually, and less extra work. Just don't make it active and you shouldn't have any problems. Hope it helps!
Different colors like the text? That’s probably a setting in your IDE. If its showing crazy colors when you’re doing NPM install, then you probably have a conflict between your node or a broken or deprecated package. You might need help.
as of this moment, stencil cli has been updated fairly recently and now requires python 2.7x and node14. node12 is deprecated. if you have those both applied then you're probably good (unless you're on mac silicon). note that there is ALWAYS some deprecated errors when installing, AND your particular theme might require older packages that might be outdated too.
2 года назад+1
Help I created custom template for category but it can not run in locally
Hello, I am having an issue where I am feeding 2 type of product schema and need to disable the primary schema coming from BC. Would you be able to help with that?
Is this regarding product feeds to an external recipient? Might want to check something like godatafeed or feedonomics to help format your feed better for PPC or other external cataloging.
@@bc-kalwiggins I essentially was feeding google 2 product schemas, and there for could not get product display results. It is resolved, I think I just removed the Products File from BC Schema script, but honestly dont recall.
I never change the version numbers... I recommed using those to keep track of what theme version I'm on to make it easier to know when i need to update it later. so if it says you're on 5.5 and 6.5 is out, you have an idea of where you're at.
If you need to change the port, you can rerun "stencil init" and change it when it shows on the screen, or you can edit it in config.stencil.json and then rerun "stencil start"
Is there a way to use stencil objects to call a single product to display? I know this is something I can do using the customizer, but I'm trying to do something a little more unique that can dynamically change.
hi Jake, only on the product page. Every page has its context and stencil manipulates the context of that page and/or global objects. Individual products aren't global objects. You CAN however, use graphQL or stencil utils to query an individual product's data but that's pretty advanced. I'm happy to consult if needed.
if you install the stencil npm package globally (using the -g) flag, it only needs to be installed one. but you do need to initially it in each project (with the stencil init command)
I made it all the way to stencil start.. and received "not ok -- Error: Could not fetch a list of the store channels: Request failed with status code 404" Anybody else having this issue and know of a work around?
Also, another question. I downloaded the current theme docs just as instructed in this video. When I finally got stencil up and running and checked out the local host site, it does NOT match the live site. Any thoughts or ideas as to why this might be happening? Any help from anybody would be appreciated
if your local CLI doesn't match the live site, the difference is usually either in widget content or in scripts that are loaded on the front end, and those scripts only run on the front end (live store). EG your stamped or yotpo script.
@@bc-kalwiggins Okay, thank you for clarifying that for me. So if I make changes to my site in stencil and push it live, will it be okay and everything look okay when I active that theme?
@@bc-kalwiggins Also, in this video you mention showing how to set up your own css file so that you do not have to use the theme one. Was that video created yet or is that info in another video? Really appreciate your videos.
I reached out to you man for a task that i have to integrate B2B in roots but you didint respond the email, man I know you be tooooooooooooooooooooooo bussy, no complains
Hi Kal, I love your videos, doesn't seem anyone is doing much on BigCommerce other than you. The Community stuff is so old and practically useless. I tried to reach out to Epic Design Labs because I'd like your help in installing Stencil Local Development, I got close to the end and then a bunch of errors popped up. I submitted a request through the "Want To Work With Us?" button, but got a 404 error. Please fix this as soon as possible because you're losing money.
Thanks for the headsup, that link should be good. BigCommerce updates their docs a lot but they can't seem to pick a consistent system so a lot of times their links break... I agree they need to work on this. I can't fix that but I can pump out loads of videos to build the community in my own way tho!
I do believe you may have found a very solid niche on RUclips, since you most likely are the only BigCommerce tutorial channel out. Even BigCommerce themselves have videos that are multiple years old.
Thanks so much! I know what you are saying, so many of my clients and fellow developers/store owners get stuck on some of the more advanced BC topics and there's not a ton of new content. Thanks for watching :)
@@bc-kalwiggins hi please help me with git a dep error in my windows when i try to install stencil cli in my system.i have installed python node 14.20 and other steps completed.still get error
Please help...
Really appreciate
@@vipinchandra7605 hello did you solve your problem?
i have been facing the same problem now
@@fatmaothman9057 no i have not found the solution yet dear
@@bc-kalwiggins Can you help us please? i also have been facing the same problem
Would not have been able to install Stencil CLI without this video. Thank you!
No prob. My first time took 3 days. Sigh.
Wow, this is the clearest, most consice explanation on how to use Stencil CLI for theme development. Your walkthrough was very informative and helpful. I've gone through the Big Commerce Development Docs several times, but I'm a novice at console commands and such so I never knew the final step of publishing. This video, along with your others, are some of the best resources I've stumbled upon for Big Commerce theme dev. Thanks!
You're very welcome!
Thank you very much for this. I just started a new job as bigcommerce developer and was having a hard time getting the local environment setup!
First time is the hardest!
Note that Mac M1 Silicone brings extra challenges too
Thank you. Helped me getting started.
You are welcome!
Awesome video, thank you and keep up the great work!
Thanks so much!
Those selfies at 3:58 tho! 🔥🔥🔥
I know right!
Thank you! This is much better than the one provided by BC itself.
happy to help! 😀
I want to show product color swatches on product listing pages (category pages). Use the stencil util-api for showing color options on the product listing pages (category pages).
Can you please help me with that I have setup everything but I am unable to load the options in card.html file , Please let me know
Hi Kal, thanks for the informative video! I have a question regarding version control through github. It seems this info is a little vague out there, but I was curious how you might handle two BigCommerce remote environments (i.e. production and sandbox) but retain all of the code in one git repository (example: "master" branch contains production code, "develop" contains sandbox code) and you could theoretically run each branch locally and use the stencil CLI for each as well. Is this even possible? Thanks!
hey Greg,
Great question. I don't personally use continuous deployment in my gitflow so I push manually to the store at the same time I push changes to git. So in my setup it would totally work to use a separate branch as the sandbox branch and push it to the sandbox store. I guess you'd have to have it initialized with a separate CLI key so you should make sure to exclude your stencil key file from your git repo so they don't get crossed.
BUT... I will say that I almost never use a sandbox store for development. I just code and push a non-active theme and use the BigCommerce customizer to proof it. It's not ALWAYS perfect but it at least marries up your working theme with their live data so its more perfect than a sandbox usually, and less extra work. Just don't make it active and you shouldn't have any problems.
Hope it helps!
Thanks Kal, I have a little problem. My local stencil environment is showing different colors. What could cause that?
Different colors like the text? That’s probably a setting in your IDE. If its showing crazy colors when you’re doing NPM install, then you probably have a conflict between your node or a broken or deprecated package. You might need help.
Hey Kal so when I type npm install it throws me a deprecated error do I need to change my nodejs version?
as of this moment, stencil cli has been updated fairly recently and now requires python 2.7x and node14. node12 is deprecated. if you have those both applied then you're probably good (unless you're on mac silicon). note that there is ALWAYS some deprecated errors when installing, AND your particular theme might require older packages that might be outdated too.
Help I created custom template for category but it can not run in locally
Hi there,
I have a developer intro series coming out and I'll cover that in one of the videos very soon.
Hello, I am having an issue where I am feeding 2 type of product schema and need to disable the primary schema coming from BC. Would you be able to help with that?
Is this regarding product feeds to an external recipient? Might want to check something like godatafeed or feedonomics to help format your feed better for PPC or other external cataloging.
@@bc-kalwiggins I essentially was feeding google 2 product schemas, and there for could not get product display results. It is resolved, I think I just removed the Products File from BC Schema script, but honestly dont recall.
I believe the reason it's not applying is because you are changing the name instead of the version number.
I never change the version numbers... I recommed using those to keep track of what theme version I'm on to make it easier to know when i need to update it later. so if it says you're on 5.5 and 6.5 is out, you have an idea of where you're at.
Hi, can u please tell me how to change port in stencil.
If you need to change the port, you can rerun "stencil init" and change it when it shows on the screen, or you can edit it in config.stencil.json and then rerun "stencil start"
Is there a way to use stencil objects to call a single product to display? I know this is something I can do using the customizer, but I'm trying to do something a little more unique that can dynamically change.
hi Jake, only on the product page. Every page has its context and stencil manipulates the context of that page and/or global objects. Individual products aren't global objects. You CAN however, use graphQL or stencil utils to query an individual product's data but that's pretty advanced. I'm happy to consult if needed.
Stencil needs to be installed for each and every bigcommorce project ?
if you install the stencil npm package globally (using the -g) flag, it only needs to be installed one. but you do need to initially it in each project (with the stencil init command)
I made it all the way to stencil start.. and received "not ok -- Error: Could not fetch a list of the store channels: Request failed with status code 404" Anybody else having this issue and know of a work around?
Also, another question. I downloaded the current theme docs just as instructed in this video. When I finally got stencil up and running and checked out the local host site, it does NOT match the live site. Any thoughts or ideas as to why this might be happening? Any help from anybody would be appreciated
I'm guessing that your API Key was generated before they started encoding the channels into the key. Just generate a new one and I bet it will work.
if your local CLI doesn't match the live site, the difference is usually either in widget content or in scripts that are loaded on the front end, and those scripts only run on the front end (live store).
EG your stamped or yotpo script.
@@bc-kalwiggins Okay, thank you for clarifying that for me. So if I make changes to my site in stencil and push it live, will it be okay and everything look okay when I active that theme?
@@bc-kalwiggins Also, in this video you mention showing how to set up your own css file so that you do not have to use the theme one. Was that video created yet or is that info in another video? Really appreciate your videos.
I reached out to you man for a task that i have to integrate B2B in roots but you didint respond the email, man
I know you be tooooooooooooooooooooooo bussy, no complains
I can get on a call with u tomorrow and discuss what u need. Been a busy week
Hi Kal, I love your videos, doesn't seem anyone is doing much on BigCommerce other than you. The Community stuff is so old and practically useless. I tried to reach out to Epic Design Labs because I'd like your help in installing Stencil Local Development, I got close to the end and then a bunch of errors popped up. I submitted a request through the "Want To Work With Us?" button, but got a 404 error. Please fix this as soon as possible because you're losing money.
Thanks for the headsup, that link should be good. BigCommerce updates their docs a lot but they can't seem to pick a consistent system so a lot of times their links break... I agree they need to work on this. I can't fix that but I can pump out loads of videos to build the community in my own way tho!