[РЕШЕНО] Как правильно составить верстку, что бы потом не было проблем с выводом pdoPage

Добрый день, верстаю шаблон, который потом буду натягивать на modx revo.
В процессе верстки возник вопрос, как лучше сделать.
Вот макет, это страница новости.


А вот макет второй страницы пангинации.
Пангинацию планирую без ajax, те с перезагрузкой страницы.

Так вот думаю как оформить первую (большую) новость, что бы потом не было проблем с выводом.
Каждый блок новостей имеет класс item-news, ну не в этом суть…
Думал с начала осуществить стилизацию с помощью item-news:first-child, потом подумал, этот псевдоэлемент будет на каждой новой странице pdoPage присваивать первому элементу свои стили после перезагрузки.
Потом подумал первой новости сделать класс item-news-first и присвоить ей определенные стили.
И сделать чанк вывода &tplFirst и в нем уже вывести эту первую новость с классом item-news-first.
Так вот вопрос не будет ли на каждой перезагруженной странице, первая новость выводится с классом item-news-first??
Сергей
Сергей
04 декабря 2018, 14:30
modx.pro
692
0

Комментарии: 12

Игорь
Игорь
04 декабря 2018, 14:54
0
Так вот вопрос не будет ли на каждой перезагруженной странице, первая новость выводится с классом item-news-first??
Каждая страница будет выводится согласно вашему шаблону для вывода списка всех новостей. А сделать можно как угодно, чтобы выводилось везде одинаково, или, если надо — по-разному.
    Сергей
    Сергей
    04 декабря 2018, 15:12
    0
    Нужно что бы на 1 странице пангинации, 1 новость была большая, а дальше при переключении страниц маленькие по 3 новости в строчку.
    Наумов Алексей
    Наумов Алексей
    04 декабря 2018, 15:55
    +1
    Заверните вызов pdoResources внутрь своего сниппета, проверяйте наличие page=X, в зависимости от этого управляйте параметрами tpl, tpl_N
      Баха Волков
      Баха Волков
      04 декабря 2018, 16:17
      +1
      А idx разве не должен справиться с этим?
        Сергей
        Сергей
        04 декабря 2018, 16:22
        0
        Да справится) 100%!
        А так работать не будет? В общем то суть вопроса, по какому критерию срабатывает &tplFirst, по idx или как .classnames:first-child?
        &tplFirst - <div class="item-news-first">Содержимое блока</div>
 &tpl - <div class="item-news">Содержимое блока</div>
          Наумов Алексей
          Наумов Алексей
          04 декабря 2018, 16:23
          +1
          idx на каждой странице будет с 0 начинаться кажись. Или я не прав?)
            Сергей
            Сергей
            04 декабря 2018, 16:24
            0
            Вот в этом то и вопрос)!!!
              Сергей
              Сергей
              04 декабря 2018, 16:27
              0
              Те получается $idx и .classnames:first-child по сути одно и то же, если в данном контексте сравнивать?
              Остается &tplFirst…
                Баха Волков
                Баха Волков
                04 декабря 2018, 22:11
                +1
                Нет, не одно и тоже, используйте idx
              Баха Волков
              Баха Волков
              04 декабря 2018, 22:11
              +1
              Нет, idx не будет начинаться с 0
                Сергей
                Сергей
                04 декабря 2018, 23:32
                0
                Спасибо всегда выручаешь!+
          Сергей
          Сергей
          04 декабря 2018, 16:23
          0
          Спасибо всем что ответили, во всяком случае 3 варианта есть, буду выбирать!
            Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
            12