WooCommerce breadcrumb — как изменить «хлебные крошки»

WooCommerce breadcrumb — это так называемые «хлебные крошки», путь с главной страницы до той, где вы находитесь, удобная дополнительная навигация для пользователей. Давайте посмотрим как изменить эти встроенные breadcrumb в woocommerce, которые сейчас наверное уже стандарт в интернет магазинах, и вебе вообще.

Все следующие коды добавляются в файле functions.php, который лежит в папке с вашей темой.

Как изменить ссылку главная/home

add_filter( 'woocommerce_breadcrumb_defaults', 'jk_change_breadcrumb_home_text' );
function jk_change_breadcrumb_home_text( $defaults ) {
    // изменится с 'Home' на 'Apartment'
	$defaults['home'] = 'Apartment';
	return $defaults;
}

Как изменить разделитель хлебных крошек

add_filter( 'woocommerce_breadcrumb_defaults', 'jk_change_breadcrumb_delimiter' );
function jk_change_breadcrumb_delimiter( $defaults ) {
	// разделитель изменится с '/' на '>'
	$defaults['delimiter'] = ' > ';
	return $defaults;
}

Как изменить url ссылки на главную страницу

add_filter( 'woocommerce_breadcrumb_home_url', 'woo_custom_breadrumb_home_url' );
function woo_custom_breadrumb_home_url() {
    return 'https://ioboot.in';
}

Как убрать хлебные крошки woocommerce

add_action( 'init', 'jk_remove_wc_breadcrumbs' );
function jk_remove_wc_breadcrumbs() {
    remove_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb', 20, 0 );
}

Для storefront темы:

add_filter( 'woocommerce_get_breadcrumb', '__return_false' );

 

4 комментария к “WooCommerce breadcrumb — как изменить «хлебные крошки»”

  1. Амир - 21/08/2017 Ответить

    Спасибо, очень помогла статья!

  2. FatalError - 30/08/2017 Ответить

    Спасибо огромное за решение для storefront!
    Запарился искать, везде пишут через remove_action, а нужно было оказывается
    add_filter( ‘woocommerce_get_breadcrumb’, ‘__return_false’ );

Оставить отклик

Ваш адрес эл.почты не будет опубликован.