[Решено] Вывод адаптивных изображений

Главные вкладки

Аватар пользователя osipbananov osipbananov 12 января 2017 в 21:02

Здравствуйте, может кто-нибудь подсказать как выводить изображения при помощи модуля Responsive Image. У меня Drupal 8 и стандартная тема Bartik, где в ядре уже установлен этот модуль. Как делал я:
1) Включил модуль Responsive Image
2) Добавил адаптивный стиль изображений, назвал "Изображения на главной странице"
3) Во вкладке "Группа точек останова" выбрал "Bartik"
4) Появилось 3 вкладки стандартных breakpointов темы:
1x wide [all and (min-width: 851px)]
1x narrow [all and (min-width: 560px) and (max-width: 850px)]
1x mobile []
В каждой вкладке я выбрал созданные заранее, нужные мне стили изображений, типа "Выбрать множество стилей изображения и использовать атрибут размера изображения."
В общем вопрос: У меня на главной странице выводятся тизеры статей сеткой, по 3 столбца в строке. В общем при уменьшении размера экрана должны уменьшаться и изображения, но у меня выводит только один размер изображений "Max 325x203", указанный в "Резервный стиль изображений" остальные указанные мной размеры не выводит, как быть, что делать? Что прописывать в поле размер?, где по умолчанию стоит "100vw". Может что дополнительно в брекпоинтах темы прописать? Кто сталкивался помогите. Как вообще это реализовать?

Комментарии

Аватар пользователя VasyOK VasyOK 12 января 2017 в 22:44

Сделайте views если сейчас не сделан и выводите поля. Для поля изображение вы сможете задать все для чего служит модуль Responsive Image.

Аватар пользователя osipbananov osipbananov 13 января 2017 в 19:04

Нет не работает, подскажите что прописывать в поле "размер" по умолчанию 100vw ,в настройках адаптивных изображений, для чего вообще это поле?

Аватар пользователя osipbananov osipbananov 13 января 2017 в 22:02

Это видео смотрел, делаю все также, но что-то не работает. Спасибо и на этом, сам ещё поковыряю, если что получится отпишу.

Аватар пользователя osipbananov osipbananov 14 января 2017 в 0:14

Все решилось очень просто, в этом поле нужно было прописать % от ширины окна браузера. Для 3 колонок прописал 31vw, для двух 45.6vw, для одной оставил 100vw, и все заработало, может кому пригодится.