Spree Commerce 3.0 install Customized bootstrap 3.0 theme template

[Eric Jansen]

I am using Spree Commerce version 3.0.1 with Rails 4.2.1. I would like to know on how to deploy customized bootstrap 3.0 theme template for Spree Commerce version 3.0.1 e-commerce, since Spree Commerce >3.0 uses bootstrap on frontend (user interface) and backend (admin panel). Thank you in advance.

Regards

Eric

[Awer Muller]

Hi Eric,

Did you find a way to achieve this? I'm trying to do the same thing. The Readme in https://github.com/200Creative/spree_bootstrap_frontend says it's easy to customize by adjusting the values of bootstrap variables, but I'm not sure this is the procedure since bootstrap went into spree as a default. The file that you're supposed to edit is not there (app/assets/stylesheets/spree/frontend/spree_bootstrap_frontend.css.scss).

It also says that you can easily drop a css file from bootswatch and it'll work right away, but I don't know where you're supposed to drop these files.

Where you able to get something done? How did you do it?

Thanks,

Santiago

[Michael Caviness]

I also found the guides here were somewhat stale. I would contribute to the guides, but I'm not sure if my working solution is valid or just a brittle hack.

What got me on the right track were:

1. This Stack Overflow question: http://stackoverflow.com/questions/30723991/override-spree-commerces-bootstrap-variables/30745220#30745220
2. The spree/frontend Readme on Github: https://github.com/spree/spree/tree/3-0-stable/frontend
3. The bootstrap-sass Readme: https://github.com/twbs/bootstrap-sass

As in the SO question, I ended up changing my application.css to scss and using @imports per the bootstrap-sass Readme. My concern about this approach is that most spree extensions automatically look for .css files to append stylesheets to when they're installed, not .scss files. You end up with warnings every time you install an extension. I guess you can ignore them, but it will probably confuse new Spree developers.