Добавляем произвольную постраничную навигацию в WooCommerce

Если вы использовали плагин WooCommerce eCommerce для WordPress, вы наверняка заметили, что стандартные ссылки для навигации «Предыдущая страница» и «Следующая страница» не очень то симпатичные. В сегодняшней статье мы покажем вам как добавить плагин WP-PageNavi для WordPress на сайт с WooCommerce в три этапа для того, чтобы улучшить внешний вид и юзабилити страниц магазина и добавить блок с количеством страниц вместо ссылок Предыдущая/Следующая.

Этот бесплатный плагин для постраничной навигации можно скачать по ссылке WordPress.org’s Plugin Repository – WP-PageNavi.

Шаг 1:

Первым делом необходимо установить и активировать плагин WP-PageNavi.

Шаг 2:

После установки необходимо его настроить с помощью соответствующей страницы настроек плагина в вашей административной панели WordPress.

Шаг 3:

После того, как вы закончили с настройками, добавьте следующий код в файл Functions.php вашей текущей тем для того, чтобы постраничная навигация плагина WP-PageNavi заменила стандартную пагинацию WooCommerce:

/**
 * Заменяем стандартную пагинацию WooCommerce на постраничную  навигацию WP-PageNavi
 *
 */
remove_action('woocommerce_pagination', 'woocommerce_pagination', 10);
function woocommerce_pagination() {
		wp_pagenavi(); 		
	}
add_action( 'woocommerce_pagination', 'woocommerce_pagination', 10);

Вот и все, теперь у вас более симпатичная и простая в использовании постраничная навигация на ваших страницах магазина WooCommerce.

По всем вопросам и отзывам просьба писать в комментарии ниже.

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