Tùy chỉnh breadcrumb WooCommerce

Bạn cần thêm mã vào tệp chủ đề con của mình hoặc thông qua một plugin cho phép thêm các chức năng tùy chỉnh, chẳng hạn như plugin Đoạn mã. Vui lòng không thêm mã tùy chỉnh trực tiếp vào tệp chủ đề mẹ của bạn vì mã này sẽ bị xóa hoàn toàn khi bạn cập nhật chủ đề.functions.php functions.php

Thay đổi văn bản ‘Trang chủ’

Hữu ích nếu bạn muốn thay đổi văn bản trang chủ.

/**
 * Rename "home" in breadcrumb
 */
add_filter( 'woocommerce_breadcrumb_defaults', 'wcc_change_breadcrumb_home_text' );
function wcc_change_breadcrumb_home_text( $defaults ) {
    // Change the breadcrumb home text from 'Home' to 'Apartment'
	$defaults['home'] = 'Apartment';
	return $defaults;
}

Đối với chủ đề Mặt tiền cửa hàng , bạn cần tăng mức độ ưu tiên của việc thực thi:

add_filter( 'woocommerce_breadcrumb_defaults', 'wcc_change_breadcrumb_home_text', 20 );

Thay đổi dấu phân tách breadcrumb

Hữu ích nếu bạn muốn thay đổi dấu phân cách breadcrumb.

/**
 * Change the breadcrumb separator
 */
add_filter( 'woocommerce_breadcrumb_defaults', 'wcc_change_breadcrumb_delimiter' );
function wcc_change_breadcrumb_delimiter( $defaults ) {
	// Change the breadcrumb delimeter from '/' to '>'
	$defaults['delimiter'] = ' > ';
	return $defaults;
}

Đối với chủ đề Mặt tiền cửa hàng , bạn cần tăng mức độ ưu tiên của việc thực thi:

add_filter( 'woocommerce_breadcrumb_defaults', 'wcc_change_breadcrumb_delimiter', 20 );

Thay đổi tất cả những thứ

Hữu ích nếu bạn muốn thay đổi một số mặc định của breadcrumb.

/**
* Change several of the breadcrumb defaults
*/
add_filter( 'woocommerce_breadcrumb_defaults', 'jk_woocommerce_breadcrumbs' );
function jk_woocommerce_breadcrumbs() {
return array(
'delimiter' => ' / ',
'wrap_before' => '<nav class="woocommerce-breadcrumb" itemprop="breadcrumb">',
'wrap_after' => '</nav>',
'before' => '',
'after' => '',
'home' => _x( 'Home', 'breadcrumb', 'woocommerce' ),
);
}

Đối với chủ đề Mặt tiền cửa hàng , bạn cần tăng mức độ ưu tiên của việc thực thi:

add_filter( 'woocommerce_breadcrumb_defaults', 'jk_woocommerce_breadcrumbs', 20 );

Thay đổi liên kết trang chủ thành một URL khác

/**
 * Replace the home link URL
 */
add_filter( 'woocommerce_breadcrumb_home_url', 'woo_custom_breadrumb_home_url' );
function woo_custom_breadrumb_home_url() {
    return 'http://woocommerce.com';
}

Đối với chủ đề Mặt tiền cửa hàng , bạn cần tăng mức độ ưu tiên của việc thực thi:

add_filter( 'woocommerce_breadcrumb_defaults', 'woo_custom_breadrumb_home_url', 20 );

Loại bỏ vụn bánh mì

Hầu hết các chủ đề có thể sử dụng điều này:

/**
 * Remove the breadcrumbs 
 */
add_action( 'init', 'woo_remove_wc_breadcrumbs' );
function woo_remove_wc_breadcrumbs() {
    remove_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb', 20, 0 );
}

Đối với chủ đề Mặt tiền cửa hàng , hãy sử dụng cái này:

/**
 * Remove breadcrumbs for Storefront theme
 */
add_action( 'init', 'wc_remove_storefront_breadcrumbs');

function wc_remove_storefront_breadcrumbs() {
  remove_action( 'storefront_before_content', 'woocommerce_breadcrumb', 10 );
}

Nếu bạn thích sử dụng mã CSS để ẩn breadcrumbs, thì hãy sử dụng điều này:

.woocommerce-breadcrumb {visibility:hidden;}

Sử dụng chủ đề Woo

Nếu bạn đang sử dụng chủ đề Woo, các đường dẫn đã bị xóa và được thay thế bằng chức năng Đường dẫn WooFramework.

Để loại bỏ breadcrumbs trong WooTheme, bạn phải thêm phần sau. Lưu ý rằng điều này loại bỏ breadcrumbs trên toàn trang, không chỉ trên các trang WooCommerce:

/**
 * Remove breadcrumbs in Woo developed themes
 */
add_action( 'init', 'woo_remove_woo_breadcrumbs' );
function woo_remove_woo_breadcrumbs() {
    remove_action( 'woo_main_before', 'woo_display_breadcrumbs', 10 );
}

Nếu bạn muốn loại bỏ breadcrumbs trên các trang WooCommerce khi sử dụng chủ đề Woo, hãy sử dụng:

/**
 * Remove breadcrumbs on specific pages
 */
add_action( 'init', 'wcc_remove_woo_wc_breadcrumbs' );
function wcc_remove_woo_wc_breadcrumbs() {
    if ( is_woocommerce() || is_cart() || is_checkout() ) {
        remove_action( 'woo_main_before', 'woo_display_breadcrumbs', 10 );
    }
}

Đọc thêm về chức năng WooFramework breadcrumb tại WooCommerce Breadcrumb.