sulu / theme-bundle
The Sulu Bundle which provides theming functionality.
Installs: 261 467
Dependents: 1
Suggesters: 0
Security: 0
Stars: 18
Watchers: 10
Forks: 15
Open Issues: 3
Type:sulu-bundle
Requires
- php: ^7.3 || ^8.0
- sulu/sulu: ^2.4 || ^2.5@dev
- sylius/theme-bundle: ^2.1 || ^2.4@dev
- symfony/config: ^4.4 || ^5.4 || ^6.0 || ^7.0
- symfony/dependency-injection: ^4.4 || ^5.4 || ^6.0 || ^7.0
- symfony/http-kernel: ^5.4 || ^6.0 || ^7.0
Requires (Dev)
- jackalope/jackalope-doctrine-dbal: ^1.3.4 || ^2.0
- jangregor/phpstan-prophecy: ^1.0
- php-cs-fixer/shim: ^3.1
- phpspec/prophecy: ^1.15
- phpspec/prophecy-phpunit: ^2.0
- phpstan/phpstan: ^1.4
- phpstan/phpstan-doctrine: ^1.2
- phpstan/phpstan-phpunit: ^1.0
- phpstan/phpstan-symfony: ^1.1
- phpunit/phpunit: ^9.6 || ^10.0
- symfony/dotenv: ^5.4 || ^6.0 || ^7.0
- symfony/monolog-bundle: ^3.1
- thecodingmachine/phpstan-strict-rules: ^1.0
Conflicts
README
The SuluThemeBundle provides the functionality to add multiple themes for different look and feel using multiple webspaces in the Sulu content management system.
To achieve this, the bundle uses the SyliusThemeBundle to render different twig templates and asset files. Each webspace can have it's own theme.
🚀 Installation and Usage
Install the bundle
Execute the following composer command to add the bundle to the dependencies of your project:
composer require sulu/theme-bundle
Enable the bundle
Enable the bundle by adding it to the list of registered bundles in the config/bundles.php
file of your project:
return [ /* ... */ Sulu\Bundle\ThemeBundle\SuluThemeBundle::class => ['all' => true], ];
Configure the SyliusThemeBundle
In order to use the bundle you have to add at least the following default configuration:
# ./config/packages/sylius_theme.yaml sylius_theme: sources: filesystem: ~
By default, the bundle seeks for the themes in the %kernel.project_dir%/themes
directory and looks for a
theme configuration file named composer.json
. This can be changed via the yaml configuration:
sylius_theme: sources: filesystem: filename: theme.json
For more detailed information about the configuration sources go to the SyliusThemeBundle documentation.
Configure your themes
Every theme must have its own configuration file in form of a theme.json
.
Go to the Theme Configuration Reference
for the detailed documentation about the configuration options.
The minimal configuration for a theme would be the following:
// ./themes/<theme-name-1>/theme.json { "name": "vendor/<theme-name-1>" }
It is important, that the name
matches the naming convention of composer (vendor/name
).
Create a theme
First you have to create the directory themes
inside your project.
To create a theme you have to create a new directory in the themes folder with the name of the new theme.
In the newly created directory you have to add the theme configuration file theme.json
.
See Configure your themes. Additonally you have to create the templates
directory next to
the theme.json
. Afterwards you have to fill this folder with all the used templates and assets for this theme.
This results in the following project structure:
ProjectName
├── composer.json
├── assets
├── bin
├── config
├── templates
├── themes
│ ├── <theme-name-1>
│ │ ├── templates
│ │ │ └── base.html.twig
│ │ └── theme.json
│ └── <theme-name-2>
│ ├── templates
│ │ └── base.html.twig
│ └── theme.json
├── ...
└── ...
Add one of your themes to a webspace
Each webspace can use a different theme. A theme can be enabled for a specific webspace by adding the theme name
<theme>vendor/theme-name</theme>
to your webspace:
<!-- ./config/webspaces/example.xml --> <webspace xmlns="http://schemas.sulu.io/webspace/webspace" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://schemas.sulu.io/webspace/webspace http://schemas.sulu.io/webspace/webspace-1.1.xsd"> <name>example.com</name> <key>example</key> ... <theme>vendor/theme-name</theme> ... </webspace>
❤️ Support and Contributions
The Sulu content management system is a community-driven open source project backed by various partner companies. We are committed to a fully transparent development process and highly appreciate any contributions.
In case you have questions, we are happy to welcome you in our official Slack channel. If you found a bug or miss a specific feature, feel free to file a new issue with a respective title and description on the the sulu/SuluThemeBundle repository.
📘 License
The Sulu content management system is released under the under terms of the MIT License.