Add classes to the prev, next, first, last links in the Pager

Created on 7 March 2025, about 1 month ago

Problem/Motivation

Pretty often designers want to style up the prev, next, first, last links in the pager separately, and usually most of the themes provide separate classes for them like this:

<ul class="pagination js-pager__items">
  <li class="page-item page-item--first">
  <li class="page-item page-item--prev">
  <li class="page-item">
  <li class="page-item">
  <li class="page-item page-item--next">
  <li class="page-item page-item--last">
</ul>

But in the current theme, there is no difference between them, so it looks like this:

<ul class="pagination js-pager__items">
  <li class="page-item">
  <li class="page-item">
  <li class="page-item">
  <li class="page-item">
  <li class="page-item">
  <li class="page-item">
</ul>

Steps to reproduce

Proposed resolution

Let's add the classes?

Remaining tasks

User interface changes

API changes

Data model changes

Feature request
Status

Active

Version

5.0

Component

Code

Created by

🇦🇲Armenia murz Yerevan, Armenia

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.71.5 2024