Как стилизовать кнопку "Загрузить еще" при ajaxMode="button" в mFilter2?

Добрый день. Собственно, нашел пару тем, но ответов в них не было. Определение параметра ajaxTplMore (как в pdoPage) при вызове сниппета mFilter2 не дает результатов.

Олег

24 февраля 2022, 16:12

1 462

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

Артур Шевченко

24 февраля 2022, 17:19

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

Олег

24 февраля 2022, 17:34

Не хотелось бы костылить. Должны же быть цивилизованные способы! Через filterOptions тоже не получается.

Евгений Webinmd

24 февраля 2022, 17:39

Я использовал такой вариант и он работает

'filterOptions' => '{ 
        "more_tpl" : "<button class=\"btn_more btn btn-secondary-black btn-animate\" type=\"button\"><span></span>Показать еще</button>"
    }'

Олег

25 февраля 2022, 10:42

Использую вот это и не работает:

&filterOptions=`{
      "more": ".load-more",
      "more_tpl": "<button class="load-more"><span class="load-more__checkmark">∨</span><span class="load-more__text">Загрузить ещё</span></button>",
  }`

Евгений Webinmd

25 февраля 2022, 11:57

у вас с кавычками беда, экранировать надо. Или использовать одинарные

Олег

25 февраля 2022, 12:00

Ну, как обычно блин) спасибо!

Артур Шевченко

24 февраля 2022, 19:05

По-моему это не костыль, т.к. стандартные стили никуда не денутся и свои ты всё равно напишешь. А как вариант, моё предложение точно рабочее)))

Олег

25 февраля 2022, 10:45

Судя по всему сейчас так и буду делать. Я рассчитывал на решение, вроде того, что предлагал Евгений Webinmd.

Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.

Как стилизовать кнопку "Загрузить еще" при ajaxMode="button" в mFilter2?

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

Здесь упомянуты