A custom Drupal 11 Bootstrap 5 subtheme built to provide structured HTML output, custom field rendering, and enhanced Schema.org metadata support for modern content-driven websites and ecommerce experiences.
DigitalTheme extends the Drupal Bootstrap 5 theme framework by customizing Twig templates, field output markup, and frontend assets to produce Bootstrap-compatible HTML structures while integrating structured data generated by the companion Digital Drupal module.
View DigitalTheme running in a production ecommerce environment:
https://my-urban-clothing.com/
DigitalTheme works together with the Digital Drupal module to provide enhanced Schema.org structured data output:
https://github.com/fictionarts/drupal-digital
The companion module generates structured metadata while DigitalTheme provides the frontend markup and presentation layer required for rich search engine optimization and modern web experiences.
- Drupal 11 compatible custom Bootstrap 5 subtheme
- Bootstrap 5 optimized HTML markup output
- Custom Twig template overrides
- Custom field rendering implementations
- Schema.org structured data integration
- Ecommerce and product catalog user experience support
- SEO-focused semantic HTML output
- Responsive frontend architecture
- SCSS-based styling workflow
- Custom JavaScript enhancements
DigitalTheme follows Drupal best practices by separating:
- Twig templates - Custom HTML structure and field rendering
- SCSS stylesheets - Maintainable Bootstrap-compatible styling
- JavaScript assets - Frontend behaviors and enhancements
- Drupal configuration - Theme settings and libraries
One of the primary goals of DigitalTheme is creating consistent Bootstrap 5-compatible markup from Drupal fields.
Custom field templates transform Drupal's default rendering into structured HTML components that match Bootstrap 5 conventions, allowing content editors to manage Drupal content while maintaining a modern frontend presentation.
Examples include:
- Product information displays
- Catalog layouts
- Structured content components
- Bootstrap utility class integration
- Semantic HTML improvements
DigitalTheme supports structured data output generated by the Digital Drupal module.
Schema output improves machine-readable content representation for search engines and other platforms by providing structured information such as:
- Products
- Organizations
- Websites
- Breadcrumbs
- Content entities
- Drupal 11
- Bootstrap 5 base theme
- PHP 8.3+
- Sass compiler
Install Sass:
From the theme directory:
sass scss/style.scss css/style.css && sass scss/ck5style.scss css/ck5style.css