Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Шаблоны (TPL) » переделать пагинацию под bootstrap?

переделать пагинацию под bootstrap?


     19.02.2018    bootstrap, pagination, пагинация    Шаблоны (TPL), Стили (CSS)    326

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

У бутсрапа предлагается такой код:
<nav aria-label="Page navigation example">
  <ul class="pagination">
    <li class="page-item">
      <a class="page-link" href="#" aria-label="Previous">
        <span aria-hidden="true">&laquo;</span>
        <span class="sr-only">Previous</span>
      </a>
    </li>
    <li class="page-item"><a class="page-link" href="#">1</a></li>
    <li class="page-item"><a class="page-link" href="#">2</a></li>
    <li class="page-item"><a class="page-link" href="#">3</a></li>
    <li class="page-item">
      <a class="page-link" href="#" aria-label="Next">
        <span aria-hidden="true">&raquo;</span>
        <span class="sr-only">Next</span>
      </a>
    </li>
  </ul>
</nav>


Но в DLE я так понял формируется это дело через show.short.php

Но сколько я там не менял то что есть у меня не получилось достичь нужного результата....
Возможно подскажете что копать в show.short.php чтобы получить результат?

Ответил: Mufasa


Если не редактировать файлы движка (чересчур много оформления не вынесено в шаблоны) и не добавлять лишние стили в css, то можно организовать пагинацию с помощью простейшего скрипта, который добавляет стили бутстрапа 4 и обёрточные

<nav aria-label="Page navigation">
	<ul class="pagination justify-content-center dlepagination">
		[prev-link]&laquo;[/prev-link]
		{pages}
		[next-link]&raquo;[/next-link]
	</ul>
</nav>

<script>
	$(function() {$("ul.dlepagination a").addClass("page-link").wrap("<li class=\"page-item\"></li>");});
	$(function() {$("ul.dlepagination span").addClass("page-link").wrap("<li class=\"page-item disabled\"></li>");});
</script>

2 комментария

ewak
Юзер

ewak - 20 февраля 2018 00:04 -


irrwisch
Юзер

irrwisch - 20 февраля 2018 04:45 -

navigation.tpl открывать не пробовали?

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх