Чтобы использовать классы Boostrap 4, я хочу добавить некоторые имена классов в нумерацию страниц WooCommerce. К сожалению, я не смог найти способ сделать это.
Я проверил pagination.php
. Это дает мне следующий код:
$total = isset( $total ) ? $total : wc_get_loop_prop( 'total_pages' );
$current = isset( $current ) ? $current : wc_get_loop_prop( 'current_page' );
$base = isset( $base ) ? $base : esc_url_raw( str_replace( 999999999, '%#%', remove_query_arg( 'add-to-cart', get_pagenum_link( 999999999, false ) ) ) );
$format = isset( $format ) ? $format : '';
if ( $total <= 1 ) {
return;
}
?>
<nav class="woocommerce-pagination">
<?php
echo paginate_links( apply_filters( 'woocommerce_pagination_args', array( // WPCS: XSS ok.
'base' => $base,
'format' => $format,
'add_args' => false,
'current' => max( 1, $current ),
'total' => $total,
'prev_text' => '←',
'next_text' => '→',
'type' => 'list',
'end_size' => 3,
'mid_size' => 3,
) ) );
?>
</nav>
Но вывод выглядит примерно так:
<nav class="woocommerce-pagination">
<ul class="page-numbers">
<li><span aria-current="page" class="page-numbers current">1</span></li>
<li><a class="page-numbers" href="/link/">2</a></li>
<li><a class="page-numbers" href="/link/">3</a></li>
<li><a class="page-numbers" href="/link/">4</a></li>
<li><a class="page-numbers" href="/link/">5</a></li>
<li><a class="next page-numbers" href="/link/">→</a></li>
</ul>
</nav>
Как видите, класс page-numbers
не является частью paginate_links
массив. Так что, думаю, я не смог изменить его в файле.
Есть ли какой-нибудь хук, который я могу использовать для добавления классов к элементу <ul>
, <li>
и <a>
?
Это структура, которую я пытаюсь воспроизвести (Bootstrap 4):
<nav aria-label="Page navigation example">
<ul class="pagination">
<li class="page-item"><a class="page-link" href="#">Previous</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="#">Next</a></li>
</ul>
</nav>