drupal / ui_suite_bootstrap_demo
UI Suite Bootstrap demo
4.0.x-dev
2022-11-24 18:07 UTC
Requires
- drupal/advanced_text_formatter: 1.*
- drupal/core: 9.*
- drupal/ctools: 3.*
- drupal/default_content: 2.*
- drupal/field_formatter_range: 1.*
- drupal/ui_patterns_entity_links: 1.*
- drupal/ui_patterns_field_formatters: 1.*
- drupal/ui_patterns_layout_builder: 1.*
- drupal/ui_patterns_views_style: 1.*
- drupal/ui_suite_bootstrap: 4.*
README
Summary
A demo profile for ui_suite_bootstrap drupal theme.
With a focus on those example pages:
- https://getbootstrap.com/docs/4.5/examples/album/
- https://getbootstrap.com/docs/4.5/examples/pricing/
- https://getbootstrap.com/docs/4.5/examples/carousel/
Installation
On your system, you need git, composer and sqlite installed.
Then:
$ composer create-project drupal/recommended-project ui_suite_bootstrap_demo
$ cd ui_suite_bootstrap_demo
$ composer require drush/drush
$ composer require drupal/ui_suite_bootstrap_demo
$ composer config repositories.bootstrap '{ "type": "package", "package": { "name": "asset/bootstrap", "version": "4.6.1", "type": "drupal-library", "extra": { "installer-name": "bootstrap" }, "dist": { "type": "zip", "url": "https://api.github.com/repos/twbs/bootstrap/zipball/043a03c95a2ad6738f85b65e53b9dbdfb03b8d10", "reference": "043a03c95a2ad6738f85b65e53b9dbdfb03b8d10" } } }'
$ composer require asset/bootstrap"
Config & site building
There are many ways to build those examples pages in Drupal. For example, a card wall can be an entity reference formatter, or a view style. A button can be an entity reference formatter or a link formatter. A grid can be a view style or a layout. etc.
Here is what we did in this demo:
Album:
- Mainly based on entity reference fields.
- Full page display: /admin/structure/types/manage/album/display
- Cards display: /admin/structure/media/manage/image/display/card
- Cards image style: /admin/config/media/image-styles/manage/card
Carousel:
- A mix beween entity reference fields and inline blocks in layout.
- Full page display: /admin/structure/types/manage/carousel/display
- Marketing: /admin/structure/block/block-content/manage/marketing
- Slide image style: /admin/config/media/image-styles/manage/slide
- Marketing image style: /admin/config/media/image-styles/manage/marketing
- Featurette: /admin/structure/block/block-content/manage/featurette
- Featurette image style: /admin/config/media/image-styles/manage/featurette
Pricing:
- Mainly based on a views query and the ability of overriding layout by content (for the first package button).
- Full page display: /admin/structure/types/manage/pricing/display
- Package: /admin/structure/block/block-content/manage/package/display
- Packages: /admin/structure/views/view/packages
Default content
Some example content is automatically imported during the installation:
- An album page: /node/1
- A carousel page: /node/2
- A pricing page: /node/3