Підключення js і css файлів в Drupal 8 помітно відрізняється від того, як це відбувалося в Drupal 7 (що, втім, не дивно, з огляду на масштаби змін). Процес тепер наступний: описуємо бібліотеку, в якій вказані будь js і css "чіпляти", в themename.info.yml підключаємо описані бібліотеки.
Підключення js і css файлів в Drupal 8 помітно відрізняється від того, як це відбувалося в Drupal 7 (що, втім, не дивно, з огляду на масштаби змін).
Крок перший. викачуємо файли підключається скрипта, js - в папку YOURTHEME / js, css - в YOURTHEME / css
Крок другий. описуємо бібліотеку в файлі yourtheme.libraries.yml:
bootstrap-select:
css:
theme:
css / bootstrap-select.min.css: <>
js:
js / bootstrap-select.min.js: <>
Крок третій. підключаємо бібліотеку в файлі yourtheme.info.yml:
Крок четвертий. додаємо ініціалізацію скрипта.
У паку js створюємо файл, наприклад, themename.js, куди буде додавати все, що буде потрібно для теми.
# 40; function # 40; $. Drupal # 41; # 123;
/ * Global jQuery: false * /
/ * Global Drupal: false * /
"Use strict";
/ **
* Provide Bootstrap select theming.
* /
Drupal. behaviors. bootstrapSelectTheme = # 123;
attach. function # 40; context # 41; # 123;
var $ context = $ # 40; context # 41; ;
/ * Тут наш js * /
$ # 40; '.selectpicker' # 41 ;. selectpicker # 40; # 123;
style. 'Btn-primary'.
# 125; # 41; ;
# 125;
# 125; ;
# 125; # 41; # 40; jQuery. Drupal # 41; ;
Підключаємо цей файл також - бібліотекою (див. Крок 2 і 3). Для зручності можна при створенні структури теми відразу визначити "базові" файли стилів і скриптів і підключити їх як бібліотеку "global-styling". Вийде щось на зразок:
global-styling:
css:
theme:
css / style.css: <>
js:
js / themename.js: <>
bootstrap-select:
css:
theme:
css / bootstrap-select.min.css: <>
js:
js / bootstrap-select.min.js: <>
libraries:
- yourtheme / global-styling
- yourtheme / bootstrap-select