Shopify Slate theme with Bootstrap 4

neckerson
Explorer
50 2 14

@Brendin — Thank you! I'm always open to accepting PRs for the repository, so submit one if you think it's a good fix!

0 Likes
Lucaspw
New Member
3 0 0

Hi!

 

I trying few times but still I got this result after install new template: https://vingtquatre24.myshopify.com/ 

 

the css is empty ...

 

what I doing wrong?

0 Likes
Nate_Eckerson
Excursionist
33 0 11

Hey @Lucaspw, take a look at theme.js and make sure that jQuery is loading properly. More info in this GitHub issue:

 

https://github.com/neckerson/slate-bootstrap-theme/issues/6

 

I can see "ReferenceError: $ is not defined" in the console.

 

Nate

0 Likes
Lucaspw
New Member
3 0 0

But Jquery library i loading properly but not working in <body>, for example not working here:

 

$(document).ready(function(){
if($('.searchboxin').val()=='') {
$('.searli').css('z-index','9999');
$('.searli').css('position','relative');
}
});

 

but the most important is that I can't find that code in files, I think is auto generated, maybe before jquery is loaded? 

 

Screen Shot 2020-02-18 at 09.47.36.png

0 Likes

It seems that this project is no longer maintained by the owner...

However, in case you are interested for complete solution for the a Bootstrap Theme for Shopify we at KondaSoft have just released our own theme, ready for Bootstrap 4.

As you can see from the Demo, you will find all the features available in a Premium Theme (ajax cart, quick view, etc)

Note: Currently this is a work in progress. It should be completely finished within the next month.

GitHub: https://github.com/kondasoft/ks-bootshop

Demohttps://ks-bootshop.myshopify.com/

Of course, all feedback is appreciated.

KondaSoft.com - Premium and Free Shopify Themes
0 Likes
Nate_Eckerson
Excursionist
33 0 11

The unfortunate end of the Slate version of this theme was Shopify's decision to drop support for the Slate development environment in Jan 2020. While it is still possible to compile the theme with Slate, I don't anticipate it working for much longer.

I've gone ahead and uploaded the compiled version to this GitHub repository. The layout and integrations will continue working without Slate, and you can upload / manage the files with ThemeKit.

https://github.com/neckerson/shopify-bootstrap-theme

waytoodev
Tourist
6 0 1

Hi Nate_Eckerson, we built our store on this theme and are getting ready to launch it. Would you say we migrate to the one that was just posted above? Or can we continue to use this theme without slate in the future. Sorry, I come from a rails background and this is my real full customization on shopify. 

 

Your feedback is greatly appreciated. Thanks! 

0 Likes
Nate_Eckerson
Excursionist
33 0 11

@waytoodev The theme files output from Slate and uploaded to Shopify will continue to work for the foreseeable future, and can be supported without Slate.

What we've lost with the departure of this environment was dependency management, ES6 support and a host of other great features. Too bad to see it go away — but at least there's a path forward for the theme!

PaulNewton
Shopify Partner
2547 135 441

@waytoodev If you need the build process while slate is no longer officially supported, it is still open source and available to use.

Otherwise as @Nate_Eckerson said compile it now then use themekit to edit theme.

If slate dependent the important thing is knowing how to make your own build process as that will go the furthest until shopify creates a new supported process. Also be sure to check the slate projects network on github for anyone active forks of it, https://github.com/Shopify/slate/network , along with checking the issues and pull requests and when applicable to manually apply fixes.

For big long term projects you want to set aside time to dig through and document slate, possibly for the purposes of making your own build process as you will have to support it yourself going forward.

This will let you either adapt to future changes, or move process to something like rake.

Problem Solved? ✔️Accept and ? Like the solution so you can help others.
Buy me a coffee ☕ paypal.me/paulnewton or donate to eff.org
Confused? Busy? Buy a custom solution paull.newton+shopifyforum@gmail.com
0 Likes

Following this topic for Bootstrap Shopify Theme, there is an update for the KS BootShop theme which is available for both Bootstrap v.5 and v.4

GitHub: https://github.com/kondasoft/ks-bootshop
Demo: https://ks-bootshop.myshopify.com

 

KondaSoft.com - Premium and Free Shopify Themes
0 Likes