This is a backoffice theme implemented using the Bootstrap v4 CSS framework and based on Core UI (http://coreui.io/index.html#features).
Build your webshop on the latest technologies the web has to offer. Ignite Shop is built on top of the latest version of the Bootstrap html framework (Bootstrap v4), which already implements the flexbox model. The flexbox model gives more flexibility over previous css designs and gives alot more control over flexible website layouts.
Just like the default scipio shop theme, ignite shop is highly customizable and includes all the sources, templating toolkit overrides & class mappings to give you the means to easily create your own design. Did we mention, that ignite shop also looks great out-of-the-box?!
All frontend-development is done using SASS, Bower and GULP. Additional frontend libraries, such as Chart.js, datatables JS, jquery and momentjs are included in this package.
Please be aware that the theme may receive frequent updates.
To get started, the following information may be of interest to you:
- Default load style sheets directory:
- SCIPIO will load a base set of class & html definitions located here:
htmlVariables.groovy – ofbiz_foundation/framework/common/webcommon/includes/scipio/lib/standard
These can be (and for the purpose of this theme will be) overriden in the following file:
themeStyles.groovy – ofbiz_foundation/themes/bootstrap/includes
- Theme component
- Additional Scipio ERP customizations (all factored out for convenience)
- Scipio ERP templating toolkit overrides
- Scipio ERP class mappings
Scipio ERP provides a simple bash script to manage all addons. Detailed installation instructions are available on the Scipio ERP website. For help, simply type on the console:
To setup system to compile sass files, the following packages/commands are needed (ubuntu/debian/mint):
sudo apt-get install ruby ruby-dev ruby-full nodejs nodejs-dev npm
Go to @component-name/webapp/@component-name/ and run
npm install -g bower
If npm install throws an error about a missing node-sass url, run
npm i gulp-sass@latest --save-dev
and retry the install process.
Sass (CSS) Compilation
To start watching for less changes to auto compile to css, go to:
To update the dependencies, run the bower update command from @component-name/webapp/@component-name/: