Prestashop UI Kit integration
npm install prestakitUI Kit integration for PrestaShop – Based on Bootstrap 4.
> Note: If you use PrestaShop, there's no need to install – the UI kit is already installed in PrestaShop.
You can install the UI kit on your project, independently from PrestaShop, using NPM.
``
npm install --save-dev prestakit
Or use it directly through our CDN:
`
[...]
[...]
Include the dependencies: jQuery and Bootstrap PrestaShop UI Kit + Javascript.
`
[...]
[...]
Github dev Dependencies
Contributions are welcome!
You can check out an example of most of the included controls in this page. Check out a live example here.
You can develop on your local copy of the UI kit and see how the changes work on PrestaShop.
Assuming you already have a local copy of PrestaShop and of the UI kit installed on your computer (each on its own directory), here's what you need to do.
Open up admin-dev/themes/new-theme/package.json of your PrestaShop install, and look for "prestakit"
`js`
{
// ...
prestakit: "1.2.3";
// ...
}
Change the version so it looks like this:
`js`
{
prestakit: "/path/to/your/local/ui-kit";
}
Go back to to your UI kit folder and run
`bash`
npm run watch
In another console, go to admin-dev/themes/new-theme/ of your PrestaShop install, and run:
`bash``
npm install && npm run watch
If you keep both instances of NPM running, all your changes in the UI kit will be built automatically, as will your PrestaShop assets.
PrestaShop is a free and Open Source e-commerce web application written in PHP, committed to providing the best shopping cart experience for both merchants and customers. Learn more about PrestaShop
This UI Kit is released under the OSL-3.0 License.