PHPackages i-lateral/silverstripe-commerce-theme - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. i-lateral/silverstripe-commerce-theme ActiveSilverstripe-theme i-lateral/silverstripe-commerce-theme ===================================== A re-write of a SilverStripe Bootstrap theme that incorporates HTML5 Boilerplate, Twitter Bootstrap, and Font Awesome 2.0.x-dev(8y ago)0831Apache-2.0Scheme Since Oct 13Pushed 8y ago3 watchersCompare [ Source](https://github.com/i-lateral/silverstripe-commerce-theme)[ Packagist](https://packagist.org/packages/i-lateral/silverstripe-commerce-theme)[ RSS](/packages/i-lateral-silverstripe-commerce-theme/feed)WikiDiscussions master Synced 1mo ago READMEChangelogDependencies (6)Versions (3)Used By (0) SilverStripe Bootstrap Commerce Theme v0.0.1 ============================================ [](#silverstripe-bootstrap-commerce-theme-v001) A SilverStripe theme based on the Bootstrap theme built with compatability with our commerce module. Installation ------------ [](#installation) - Install add-on via Composer (`composer require i-lateral/silverstripe-commerce-theme master`) OR download a copy from the repository. - Create a folder of your choice within the `themes/` directory of your SilverStripe project to store your custom theme in. - If you've downloaded the add-on, copy all files from the repository into this directory. - If you've installed the add-on using Composer, copy all the files from the `themes/bootstrap-commerce` directory into your custom theme directory. - Run `bower install` within your theme directory. - Update the `init()` method in your default page controller and add additional methods. For more information about installation, see Configuration below. Configuration ------------- [](#configuration) The default *bootstrap* theme includes all CSS, javascript, LESS, and template files for the site. It is recommended that you create a new theme and copy all the files from the *bootstrap* directory into your own custom theme directory. This way, if changes are made to the SilverStripe Bootstrap Theme add-on, you'll have a much easier time updating your theme. By default the theme makes use of combined and minified CSS and JS. If you want to customise the apperance you should add your custom CSS to the custom.css file in the CSS directory. If you want to work with the core less files and fully customise this theme, you'll need to do a few things to get started: First, you'll need to run the `bower install` command from within your theme directory. The theme requires that you use Bower to manage jQuery, Modernizr, Bootstrap, and Font Awesome. The benefit of this is that, should any of these components change, you can upgrade them yourself without having to rely on the SilverStripe Bootstrap Theme add-on to be updated. If you require specific versions for these components, update the `bower.json` config file prior to installing the components. Second, you'll need to run an initial compilation of the LESS files prior to viewing a page. To compile CSS from LESS, you'll need to provide your own LESS pre-processor. For Mac users, [CodeKit](http://incident57.com/codekit/) is recommended. For Windows users, give [Prepros](http://alphapixels.com/prepros/) a try. You can also use the [lesscompiler module](https://github.com/i-lateral/silverstripe-lesscompiler)for SilverStripe Be sure to set it so that the resulting CSS files are minified/compressed for production use. Lastly, you'll need to update your default Page class (`/mysite/code/Page.php`) to allow SilverStripe to control the optimization of all the javascript and CSS. To do this, update the `init()` method in your `Page_Controller` or (whatever default controller you'll be using) with the following code: ``` public function init() { parent::init(); $ThemeDir = $this->ThemeDir(); Requirements::set_write_js_to_body(true); Requirements::set_combined_files_folder($ThemeDir.'/_requirements'); Requirements::combine_files( 'site.css', array( $ThemeDir.'/css/site.css', ) ); Requirements::javascript("//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"); Requirements::combine_files( 'site.js', array( $ThemeDir.'/javascript/libs.js', $ThemeDir.'/bower_components/matchheight/dist/jquery.matchHeight-min.js', $ThemeDir.'/bower_components/bootstrap/js/affix.js', $ThemeDir.'/bower_components/bootstrap/js/alert.js', $ThemeDir.'/bower_components/bootstrap/js/button.js', $ThemeDir.'/bower_components/bootstrap/js/carousel.js', $ThemeDir.'/bower_components/bootstrap/js/collapse.js', $ThemeDir.'/bower_components/bootstrap/js/dropdown.js', $ThemeDir.'/bower_components/bootstrap/js/modal.js', $ThemeDir.'/bower_components/bootstrap/js/tooltip.js', $ThemeDir.'/bower_components/bootstrap/js/popover.js', $ThemeDir.'/bower_components/bootstrap/js/scrollspy.js', $ThemeDir.'/bower_components/bootstrap/js/tab.js', $ThemeDir.'/bower_components/bootstrap/js/transition.js', $ThemeDir.'/javascript/main.js' ) ); } ``` **Note: Pay careful attention to the version of jQuery being loaded in the Requirements! By default, it's set to the version of jQuery that was current at the time this add-on was last updated. If you need to change it, be sure to change it in your `init()` method to match whatever version you are loading up with Bower.** When the site environment is in *live* mode, all CSS files are combined and saved to `/themes/{$ThemeDir}/_requirements/site.css`. Javascript is combined/compressed to `/themes/{$ThemeDir}/_requirements/site.js`. It is recommended that you add any further javascript and CSS files here to ensure they're properly optimized for better performance. Keep in mind that only javascript receives any compression. While CSS files are concatenated, you'll need to compress the CSS files yourself or use something the like the [Minify CSS Module](https://github.com/nathancox/silverstripe-minify) to compress CSS files on the fly. In addition to the `init()` method changes, I recommend adding one additional method to your controllers: ``` public function Copyright($startYear = "", $separator = "-") { $currentYear = date('Y'); if(!empty($startYear)) { $output = ($startYear>=$currentYear ? $currentYear : $startYear.$separator.$currentYear); } else { $output = $currentYear; } return $output; } ``` This a simple Copyright method that is used in the footer template to return a full copyright for the current year. **Note: to get the account menu to show in the footer, the following unction needs to be added to siteconfig.**... public function getAccountMenu() { $controller = Users\_Account\_Controller::create(); ``` return $controller->getAccountMenu(); } ``` ... Links ----- [](#links) - [SilverStripe](http://www.silverstripe.org) - [Twitter Bootstrap](http://getbootstrap.com/) - [Font Awesome](http://fortawesome.github.io/Font-Awesome/) Changelog --------- [](#changelog) [Changelog](https://github.com/jeffwhitfield/silverstripe-bootstrap-theme/blob/master/changelog.md) ### Health Score 25 — LowBetter than 37% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity10 Limited adoption so far Community11 Small or concentrated contributor base Maturity50 Maturing project, gaining track record Bus Factor1 Top contributor holds 71.9% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Unknown Total 1 Last Release 3063d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/c7d4998767cb41bf0048a65158559384fbab33751b26c996d6367019c68c4f8b?d=identicon)[DFT](/maintainers/DFT) --- Top Contributors [![mlewis-everley](https://avatars.githubusercontent.com/u/687143?v=4)](https://github.com/mlewis-everley "mlewis-everley (23 commits)")[![Makreig](https://avatars.githubusercontent.com/u/6011781?v=4)](https://github.com/Makreig "Makreig (9 commits)") --- Tags silverstripetheme ### Embed Badge ![Health badge](/badges/i-lateral-silverstripe-commerce-theme/health.svg) ``` [![Health](https://phpackages.com/badges/i-lateral-silverstripe-commerce-theme/health.svg)](https://phpackages.com/packages/i-lateral-silverstripe-commerce-theme) ``` ### Alternatives [silverstripe/cms The SilverStripe Content Management System 5163.4M1.3k](/packages/silverstripe-cms)[silverstripe-themes/simple The SilverStripe simple theme (default SilverStripe 3 theme) 411.3M8](/packages/silverstripe-themes-simple)[ryanpotter/silverstripe-cms-theme CMS Theme 39274.8k3](/packages/ryanpotter-silverstripe-cms-theme) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)