Вывод контента в виджете

#1 7 февраля 2022 в 15:09

Всем здравствуйте, есть такая проблема, виджет «список контента» ужасно выводит его на странице сайта в шаблоне modern

Изображение

Для примера, в шаблоне boxed, при тех же настройках виджета выглядит все красиво и аккуратно

Изображение

Подскажите как настроить в шаблоне modern так же аккуратно?

#2 7 февраля 2022 в 15:36

 Valodar, всё из-за настроек миниатюр в типе контента.

Добавлено спустя 1 минуту

Найдите поле «изображение» и поставьте большой размер:
Изображение

#3 7 февраля 2022 в 15:44

 Valodar, всё из-за настроек миниатюр в типе контента.

Найдите поле «изображение» и поставьте большой размер:
Изображение

Panda58dev

Так ведь для типов контента настройки одинаковые во всех шаблонах, нет?

Добавлено спустя 2 минуты

Теперь вообще изображения не отображаются

#4 7 февраля 2022 в 15:58

Значит Вы что-то делаете не так :)
Мы не знаем ни Ваши текущие настройки, ни какой шаблон списка Вы используете… Это не «наезд», просто замечание, о том, что если уж публикуете вопрос, то прилагайте максимум требуемых фактов :)

Добавлено спустя 3 минуты

Изображение

У меня всё нормально отображается...

#5 7 февраля 2022 в 16:50

Значит Вы что-то делаете не так :)
Мы не знаем ни Ваши текущие настройки, ни какой шаблон списка Вы используете… Это не «наезд», просто замечание, о том, что если уж публикуете вопрос, то прилагайте максимум требуемых фактов :)

Изображение

У меня всё нормально отображается...

Panda58dev

Это другой тип контента, ниже опуститесь.

Добавлено спустя 44 минуты

Настройки поля изображение в типе контента и настройки виджета соответственноИзображениеИзображение

#6 7 февраля 2022 в 17:57

Теперь вообще изображения не отображаются

Valodar

Галочка на создания превью большого изображения стоит.

#7 7 февраля 2022 в 19:04

Теперь вообще изображения не отображаются

Valodar

Галочка на создания превью большого изображения стоит.

Nikolay

Изображение четкое, но все разного размера, надо чтобы было одного размера

#8 7 февраля 2022 в 19:08

Изображение четкое, но все разного размера, надо чтобы было одного размера

Valodar

Заливаете изображения одного размера? Если нет, тогда надо править стили, или создавать пресесты обрезанные.

#9 7 февраля 2022 в 19:11

Для примера, в шаблоне boxed, при тех же настройках виджета выглядит все красиво и аккуратно

Изображение

Как здесь

Добавлено спустя 1 минуту

Изображение четкое, но все разного размера, надо чтобы было одного размера

Valodar

Заливаете изображения одного размера? Если нет, тогда надо править стили, или создавать пресесты обрезанные.

Nikolay

Где именно это делать?

#10 7 февраля 2022 в 19:22

Где именно это делать?

Valodar

Конкретно что? Стили или резать изображения.

#11 7 февраля 2022 в 19:27

И то и то, интересуют оба варианта, так как буду смотреть, что лучше будет выглядеть 

#12 7 февраля 2022 в 19:51

Вариант второй: можно подготовить картинки с одинаковым соотношения сторон, 3/4, 6/9 итд, потом их заливать, также можно Компоненты- Загрузка изображений, создать свой пресест нужного размера и поставить галочку — обрезать строго по размеру… По первому варианту блоку а — ограничить по высоте, допустим height: 180px; Конкретно по стилям отпишусь минут через пять.

Добавлено спустя 14 минут

Если шаблон виджета — Большая плитка (list_tiles_big), добавляем класс CSS для контейнера, допустим vasia, для тренировок создаём файл — my.css и в него добавляем 

  1. .vasia .content_list .ft_image a {
  2. height: 180px;
  3. }
#13 7 февраля 2022 в 20:01

Вариант второй: можно подготовить картинки с одинаковым соотношения сторон, 3/4, 6/9 итд, потом их заливать, также можно Компоненты- Загрузка изображений, создать свой пресест нужного размера и поставить галочку — обрезать строго по размеру… По первому варианту блоку а — ограничить по высоте, допустим height: 180px; Конкретно по стилям отпишусь минут через пять.

Если шаблон виджета — Большая плитка (list_tiles_big), добавляем класс CSS для контейнера, допустим vasia, для тренировок создаём файл — my.css и в него добавляем 

  1. .vasia .content_list .ft_image a {
  2. height: 180px;
  3. }
Nikolay

Я же могу в custom.scss создать стиль? 

#14 7 февраля 2022 в 20:12

Я же могу в custom.scss создать стиль? 

Valodar

Можно, но тогда надо, блин слово забыл… компилировать что то так, когда my.css сtr+F5  и всё. Лично «Сохранить и скомпилировать SCSS» делаю тогда когда вижу что всё работает и в ближайшие полгода больше правок не будет.

#15 7 февраля 2022 в 20:15

Компилировать, да знаю, а стиль потом в виджете прописывать? 

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.