PHPackages                             sylius/bootstrap-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. [Templating &amp; Views](/categories/templating)
4. /
5. sylius/bootstrap-theme

ActiveSylius-plugin[Templating &amp; Views](/categories/templating)

sylius/bootstrap-theme
======================

Bootstrap Theme for Sylius

v1.2.0(1y ago)92208.9k↓69.9%59[2 issues](https://github.com/SyliusCrafts/BootstrapTheme/issues)[2 PRs](https://github.com/SyliusCrafts/BootstrapTheme/pulls)MITTwigPHP ^8.0

Since Nov 28Pushed 1y ago12 watchersCompare

[ Source](https://github.com/SyliusCrafts/BootstrapTheme)[ Packagist](https://packagist.org/packages/sylius/bootstrap-theme)[ RSS](/packages/sylius-bootstrap-theme/feed)WikiDiscussions master Synced 2d ago

READMEChangelog (8)Dependencies (23)Versions (20)Used By (0)

 [![](https://camo.githubusercontent.com/33098ce9cd95fea8aedb620d9fbbeaf5c9e89e27ff7965c2166bdd410a43fa63/68747470733a2f2f64656d6f2e73796c6975732e636f6d2f6173736574732f73686f702f696d672f6c6f676f2e706e67)](https://camo.githubusercontent.com/33098ce9cd95fea8aedb620d9fbbeaf5c9e89e27ff7965c2166bdd410a43fa63/68747470733a2f2f64656d6f2e73796c6975732e636f6d2f6173736574732f73686f702f696d672f6c6f676f2e706e67)

SyliusBootstrapTheme
====================

[](#syliusbootstraptheme)

Sylius Bootstrap theme with build process based on [Webpack Encore.](https://symfony.com/doc/current/frontend.html)

Preview
-------

[](#preview)

### Homepage

[](#homepage)

[ ![](./docs/homepage-preview.png)](./docs/homepage-preview.png)  Gallery---

 [ ![](./docs/homepage-sections.png) ](./docs/homepage-sections.png)### Checkout

[](#checkout)

 Gallery---

 [ ![](./docs/checkout-1.png) ](./docs/checkout-1.png)---

 [ ![](./docs/checkout-2.png) ](./docs/checkout-2.png)---

 [ ![](./docs/checkout-3.png) ](./docs/checkout-3.png)---

 [ ![](./docs/checkout-4.png) ](./docs/checkout-4.png)---

 [ ![](./docs/checkout-5.png) ](./docs/checkout-5.png)### Products

[](#products)

 Gallery---

 [ ![](./docs/category.png) ](./docs/category.png)---

 [ ![](./docs/product-options.png) ](./docs/product-options.png)---

 [ ![](./docs/product-promotions.png) ](./docs/product-promotions.png)### Cart

[](#cart)

 Gallery---

 [ ![](./docs/cart-preview.png) ](./docs/cart-preview.png)---

 [ ![](./docs/cart-dropdown.png) ](./docs/cart-dropdown.png)### User account

[](#user-account)

 Gallery---

 [ ![](./docs/user-dashboard.png) ](./docs/user-dashboard.png)---

 [ ![](./docs/user-order-history.png) ](./docs/user-order-history.png)---

 [ ![](./docs/user-dropdown.png) ](./docs/user-dropdown.png)Installation
------------

[](#installation)

There are two ways to install a theme. It is possible to copy files in `themes/` or add this package as a composer dependency and create a child theme. The instructions below refer to an installation in the theme folder.

### Composer installation

[](#composer-installation)

Installation as a composer dependency [is documented here](https://docs.sylius.com/en/latest/book/themes/bootstrap-theme.html)

```
composer require sylius/bootstrap-theme:1.12
```

### Manual installation

[](#manual-installation)

#### 1. Copy files from the repository to `./themes/BootstrapTheme`

[](#1-copy-files-from-the-repository-to-themesbootstraptheme)

Files/folders to copy:

- `assets`
- `templates`
- `composer.json`
- `webpack.config.js`

#### 2. Install node dependencies

[](#2-install-node-dependencies)

```
yarn install
yarn add bootstrap@^5.3 @fortawesome/fontawesome-free@^6.4.2 lightbox axios @popperjs/core@^2.11 glightbox
```

#### 3. Import `bootstrap-theme` config in your `./webpack.config.js`

[](#3-import-bootstrap-theme-config-in-your-webpackconfigjs)

```
+ const bootstrapTheme = require('./themes/BootstrapTheme/webpack.config');

// ...

- module.exports = [shopConfig, adminConfig, appShopConfig, appAdminConfig];
+ module.exports = [shopConfig, adminConfig, appShopConfig, appAdminConfig, bootstrapTheme];
```

#### 4. Edit project configuration

[](#4-edit-project-configuration)

```
# ./config/packages/assets.yaml

framework:
    assets:
        packages:
+            bootstrapTheme:
+                json_manifest_path: '%kernel.project_dir%/public/themes/bootstrap-theme/manifest.json'
```

```
# ./config/packages/webpack_encore.yaml

webpack_encore:
    output_path: '%kernel.project_dir%/public/build'
    builds:
+        bootstrapTheme: '%kernel.project_dir%/public/themes/bootstrap-theme'
```

#### 5. Build assets

[](#5-build-assets)

```
# compile assets once
yarn dev

# recompile assets automatically when files change
yarn watch

# create a production build
yarn build
```

#### 6. Change theme in the admin panel

[](#6-change-theme-in-the-admin-panel)

1. Go to `Configuration > Channels`
2. Edit desired channel from the list
3. Go to `Look & feel > Theme` section
4. Change theme to `Sylius Bootstrap Theme`

Contribution
------------

[](#contribution)

### Quickstart Installation

[](#quickstart-installation)

#### Localhost

[](#localhost)

This command will install the selected version of Sylius and the Bootstrap theme with its configuration. You just need to activate the theme in admin panel as described in the point above.

ℹ️ To be able to setup the plugin database, remember to configure you database credentials in `install/Application/.env.local` and/or `install/Application/.env.test.local`.

```
$ make install -e SYLIUS_VERSION=XX SYMFONY_VERSION=YY PHP_VERSION=ZZ
```

Default values : XX=1.12.0 and YY=6.3 and ZZ=8.2

ℹ️ To reset (drop database and delete files) test environment:

```
$ make reset
```

###  Health Score

51

—

FairBetter than 95% of packages

Maintenance39

Infrequent updates — may be unmaintained

Popularity49

Moderate usage in the ecosystem

Community31

Small or concentrated contributor base

Maturity72

Established project with proven stability

 Bus Factor3

3 contributors hold 50%+ of commits

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

Every ~118 days

Recently: every ~145 days

Total

17

Last Release

518d ago

Major Versions

v0.7.0 → 1.0.x-dev2023-06-30

v0.7.1 → v1.0.02024-01-15

PHP version history (4 changes)0.2.0PHP ^7.3

v0.4.0PHP ^7.3 || ^8.0

v0.6.0PHP ^7.4 || ^8.0

v1.0.0PHP ^8.0

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/719423?v=4)[Sylius eCommerce](/maintainers/sylius)[@Sylius](https://github.com/Sylius)

![](https://www.gravatar.com/avatar/4b4a5a1a9293502aa8573551fab020963a9050c5cca4524433b6d94214d3b480?d=identicon)[GSadee](/maintainers/GSadee)

---

Top Contributors

[![pocky](https://avatars.githubusercontent.com/u/204451?v=4)](https://github.com/pocky "pocky (63 commits)")[![oallain](https://avatars.githubusercontent.com/u/6593252?v=4)](https://github.com/oallain "oallain (39 commits)")[![kulczy](https://avatars.githubusercontent.com/u/15385420?v=4)](https://github.com/kulczy "kulczy (36 commits)")[![DawidFrankiewicz](https://avatars.githubusercontent.com/u/69369874?v=4)](https://github.com/DawidFrankiewicz "DawidFrankiewicz (34 commits)")[![mycreedo](https://avatars.githubusercontent.com/u/40025176?v=4)](https://github.com/mycreedo "mycreedo (30 commits)")[![RadnoK](https://avatars.githubusercontent.com/u/1699311?v=4)](https://github.com/RadnoK "RadnoK (7 commits)")[![4c0n](https://avatars.githubusercontent.com/u/2325383?v=4)](https://github.com/4c0n "4c0n (7 commits)")[![misaon](https://avatars.githubusercontent.com/u/15806356?v=4)](https://github.com/misaon "misaon (4 commits)")[![maxperei](https://avatars.githubusercontent.com/u/7437661?v=4)](https://github.com/maxperei "maxperei (3 commits)")[![anthid](https://avatars.githubusercontent.com/u/1378508?v=4)](https://github.com/anthid "anthid (3 commits)")[![antiseptikk](https://avatars.githubusercontent.com/u/1520152?v=4)](https://github.com/antiseptikk "antiseptikk (3 commits)")[![bartoszpietrzak1994](https://avatars.githubusercontent.com/u/22262296?v=4)](https://github.com/bartoszpietrzak1994 "bartoszpietrzak1994 (3 commits)")[![jbcr](https://avatars.githubusercontent.com/u/51637606?v=4)](https://github.com/jbcr "jbcr (3 commits)")[![JacquesDurand](https://avatars.githubusercontent.com/u/59364973?v=4)](https://github.com/JacquesDurand "JacquesDurand (2 commits)")[![macintoshplus](https://avatars.githubusercontent.com/u/814683?v=4)](https://github.com/macintoshplus "macintoshplus (1 commits)")[![htaoufikallah](https://avatars.githubusercontent.com/u/250642?v=4)](https://github.com/htaoufikallah "htaoufikallah (1 commits)")[![gbere](https://avatars.githubusercontent.com/u/1327334?v=4)](https://github.com/gbere "gbere (1 commits)")[![nediam](https://avatars.githubusercontent.com/u/336684?v=4)](https://github.com/nediam "nediam (1 commits)")[![notFloran](https://avatars.githubusercontent.com/u/523981?v=4)](https://github.com/notFloran "notFloran (1 commits)")[![nowaja](https://avatars.githubusercontent.com/u/7355650?v=4)](https://github.com/nowaja "nowaja (1 commits)")

---

Tags

syliussylius-themesyliussylius-pluginsylius-theme

###  Code Quality

TestsBehat

Static AnalysisPsalm

Type Coverage Yes

### Embed Badge

![Health badge](/badges/sylius-bootstrap-theme/health.svg)

```
[![Health](https://phpackages.com/badges/sylius-bootstrap-theme/health.svg)](https://phpackages.com/packages/sylius-bootstrap-theme)
```

###  Alternatives

[bitbag/cms-plugin

CMS plugin for Sylius applications.

2441.2M5](/packages/bitbag-cms-plugin)[sylius/refund-plugin

Plugin provides basic refunds functionality for Sylius application.

701.8M20](/packages/sylius-refund-plugin)[sylius/invoicing-plugin

Invoicing plugin for Sylius.

891.1M2](/packages/sylius-invoicing-plugin)[sylius/paypal-plugin

PayPal plugin for Sylius.

461.5M7](/packages/sylius-paypal-plugin)[flux-se/sylius-payum-stripe-plugin

Payum Stripe gateways plugin for Sylius.

61353.4k](/packages/flux-se-sylius-payum-stripe-plugin)[monsieurbiz/sylius-settings-plugin

Add a settings panel to your Sylius.

27210.3k9](/packages/monsieurbiz-sylius-settings-plugin)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
