Giter Site home page Giter Site logo

theme-bootstrap's Introduction

Magento 2 theme based on Bootstrap

This is a Magento 2 theme based on Bootstrap.

Theme Preview

The theme has been designed to be overridden by project's specific theme.

For example you can override only the bootstrap-theme.less and _variables.less files to completely customize the look and feel of your theme.

Installation

Add this repository to Composer's repositories and then require the theme:

composer config repo.bootstrap-menu vcs https://github.com/webgriffe/module-bootstrap-menu
composer config repo.bootstrap-theme vcs https://github.com/webgriffe/theme-bootstrap.git
composer require webgriffe/theme-frontend-bootstrap "dev-master"

Then you should run Magento's setup upgrade:

php bin/magento setup:upgrade

Now you activate the Bootstrap Theme under Content -> Design -> Configuration..

Lastly clear Magento generated suff and caches:

rm -rf pub/static/frontend/
rm -rf var/view_preprocessed/css/frontend/
php bin/magento cache:clean

ToDo

This theme is still work in progress. Here is a list of done / todo sections:

  • Home Page
  • Category Page
  • Product Page
  • Cart
  • Checkout
  • Login
  • Signup
  • Forgot Password
    • Request
    • Set Password
  • My Account
    • Account Dashboard
    • Account Information
    • Address Book
    • My Downloadable Products
    • My Orders
    • My Credit Cards
    • Newsletter Subscriptions
    • Billing Agreements
    • My Product Reviews
    • My Wish List

License

This library is under the MIT license. See the complete license in the LICENSE file.

Credits

Developed by Webgriffe®. Please, report to us any bug or suggestion by GitHub issues.

theme-bootstrap's People

Contributors

csdougliss avatar ensaphelon avatar laurensgoedel avatar mmenozzi avatar sledmore avatar xigendominic avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

theme-bootstrap's Issues

Best way to extend styles?

My theme inherits from yours in theme.xml

But, whatever I create in my theme in web/css, web/css/source, web/css/bootstrap/css etc I cannot seem to extend _theme.less

I have tried _extend.less but this does not seem to work

Any ideas?

Bootstrap 4 support

Thank you for this great base theme!

I'm working on converting it to Bootstrap 4. Is it something you would like to merge back?

gulp and post-css integrating

Hello @mmenozzi , what do you think about using an NPM to install a bootstrap (I'm talking about the latest, further alpha releases) and including it to our .less file? I think it would be good to write a simple gulp-configuration for the implementation of post-css plug-ins and other things. In this case, you'll have to add the compiled css-file to the source folder of bootstrap theme, so that the magento simply copies it to the pub/static directory, because the server software will not be able to process the syntax of the post-css plug-ins.

Installation issue

Hi,

I am trying to install following the readme.

composer require webgriffe/theme-frontend-bootstrap "dev-master"

./composer.json has been updated
Loading composer repositories with package information
Updating dependencies (including require-dev)                                                   
Your requirements could not be resolved to an installable set of packages.

  Problem 1
    - Installation request for webgriffe/theme-frontend-bootstrap dev-master -> satisfiable by webgriffe/theme-frontend-bootstrap[dev-master].
    - webgriffe/theme-frontend-bootstrap dev-master requires webgriffe/module-bootstrap-menu ^1.0 -> no matching package found.

Potential causes:
 - A typo in the package name
 - The package is not available in a stable-enough version according to your minimum-stability setting
   see <https://getcomposer.org/doc/04-schema.md#minimum-stability> for more details.

Read <https://getcomposer.org/doc/articles/troubleshooting.md> for further common problems.

Installation failed, reverting ./composer.json to its original content.

In my composer.json:

"minimum-stability": "alpha",
    "prefer-stable": true,

Updated PHP requirements for Magento 2.2?

composer require webgriffe/theme-frontend-bootstrap "dev-master"

./composer.json has been updated
Loading composer repositories with package information
Updating dependencies (including require-dev)                                                   
Your requirements could not be resolved to an installable set of packages.

  Problem 1
    - Installation request for webgriffe/theme-frontend-bootstrap dev-master -> satisfiable by webgriffe/theme-frontend-bootstrap[dev-master].
    - webgriffe/theme-frontend-bootstrap dev-master requires php ~5.6.0|7.0.2|~7.0.6 -> your PHP version (7.1.8) does not satisfy that requirement.

composer.json require section should be:

"require": {
   "php": "7.0.2|7.0.4|~7.0.6|~7.1.0"
    "magento/framework": "^100.1.*|^101.0.*",

Install failure

Problem 1
- Installation request for webgriffe/theme-frontend-bootstrap dev-master -> satisfiable by webgriffe/theme-frontend-bootstrap[dev-master].
- webgriffe/theme-frontend-bootstrap dev-master requires webgriffe/module-bootstrap-menu ^1.0 -> no matching package found.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.