Как изменить стиль списка категории Журнальный (featured)

Как изменить стиль списка категории Журнальный (featured)?

Сейчас схема выглядит как 1-2-3-3-3-3-3...

А можно ли простыми действиями сделать 2-3-2-3...?

С помощью стилей CSS думаю можно сделать всё. Ну как пример

<div class="featured-list">
  <div class="featured-item">Запись 1</div>
  <div class="featured-item">Запись 2</div>
  <div class="featured-item">Запись 3</div>
  <div class="featured-item">Запись 4</div>
  <div class="featured-item">Запись 5</div>
  <div class="featured-item">Запись 6</div>
  <!-- и так далее -->
</div>

и вот примерные стили

.featured-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; /* Расстояние между элементами */
}
 
.featured-item {
  box-sizing: border-box;
}
 
/* Первый элемент (2-колоночный) */
.featured-item:nth-child(3n+1) {
  flex: 1 1 50%; /* 50% ширины */
}
 
/* Второй элемент (3-колоночный) */
.featured-item:nth-child(3n+2) {
  flex: 1 1 33.33%; /* 33.33% ширины */
}
 
/* Третий элемент (2-колоночный) */
.featured-item:nth-child(3n+3) {
  flex: 1 1 50%; /* 50% ширины */
}

Я имел ввиду, можно ли подправить в default_list_featured.tpl.php ???

$class = $index === 0 ? 'col-md-6 col-lg-12' : ($index < 3 ? 'col-md-6' : 'col-lg-4');

Может тут циферки какие поменять? 

Методом тыка что-то не очень получается))))

Я имел ввиду, можно ли подправить в default_list_featured.tpl.php ??? $class = $index === 0? 'col-md-6 col-lg-12': ($index < 3? 'col-md-6': 'col-lg-4'); Может тут циферки какие поменять?

очень классный сайт у вас

очень классный сайт у вас

Спасибо, к сожалению безнадёжно устарел — есть настойчивое желание идти в ногу со временем и обновиться таки до Модерна.

Но есть куча НО

Компонент iVideo — не поддерживаете Модерн

Компонент Shop — не поддерживает больше Default

Компонент IMaps — не поддерживает Модерн

Шаблон не поддерживает Модерн

Форум тоже старый

Пользователи по-тихой забивают на всё...

 alfaclub, вариант чередования 2-3:

$class = $index % 3 === 0 ? 'col-md-6' : 'col-lg-4';

вариант с чередованием блоков 2-3-2-3

$class = ($index % 5 < 2) ? 'col-md-6' : 'col-lg-4';

Если например, сначала вывести два больших поста, то так:

if ($index < 2) {
    $class = 'col-md-6';
} else {
    $class = ($index - 2) % 5 < 3 ? 'col-lg-4' : 'col-md-6';
}

 alfaclub, вариант чередования 2-3: $class = $index % 3 === 0? 'col-md-6': 'col-lg-4'; вариант с чередованием блоков 2-3-2-3 $class = ($index % 5 < 2) ?

круто, спасибо, такую бы штуку в коробку добавить, но при внесении изменений, вид кривоват, нужно менять стили

но при внесении изменений, вид кривоват, нужно менять стили

А дальше ручками 😀Автор спросил как изменить очередность — я показал ) Думаю, написать несколько строк CSS не составит труда)

А по CSS — у меня картинки к статьям чуть отходят от 16/9 

Не получается задать картинкам блок вывода 16/9 — чтобы картинка заполняла блок по высоте.

Задаю высоту блока в px — ряд где 3 картинки — нормально смотрится, а ряд, где 2 картинки — узко)))

Где 2 картинки размер блока 540 х256, а где 3 — 350х171

Подскажите плиз) «обрезка» по середине))) вывод 16/9 чтобы вписать

Огромное спасибо! То что надо!    А по CSS — у меня картинки к статьям чуть отходят от 16/9  Не получается задать картинкам блок вывода 16/9 — чтобы картинка заполняла блок по высоте.

.featured-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; /* Расстояние между элементами */
}
 
.featured-item {
  box-sizing: border-box;
}
 
/* Первый элемент (2-колоночный) */
.featured-item:nth-child(3n+1) {
  flex: 1 1 50%; /* 50% ширины */
}
 
/* Второй элемент (3-колоночный) */
.featured-item:nth-child(3n+2) {
  flex: 1 1 33.33%; /* 33.33% ширины */
}
 
/* Третий элемент (2-колоночный) */
.featured-item:nth-child(3n+3) {
  flex: 1 1 50%; /* 50% ширины */
}

нужно идти этим путем