Thêm một item vào nav my account woocommerce

21/06/2022 14:48 483

Table of Contents

Thêm một item vào nav my account woocommerce: trong các dự án thực tếchúng ta cần thêm một chức năng cho customer ví dụ tài khoản ví xu chẳn hạn, thì việc gắn một item vào nav my account woocommerce là điều cần làm ngay sau đây tôi xin chia sẽ cách làm

Đăng ký endpoint hay nói các khác là một slug trên cái url của my account

ví dụ mình có url

http://localhost/nhathuoclifecare/tai-khoan/vi-xu/

1	http://localhost/nhathuoclifecare/tai-khoan/vi-xu/

vậy “vi-xu” chính là endpoint

sau đây là code đăng ký

add_action( 'init', array( $this,'register_new_endpoint' ));
public function register_new_endpoint() {
	//$this->endpoint_slug = "vi-xu"
	add_rewrite_endpoint($this->endpoint_slug, EP_PAGES );
}

add_action( 'init', array( $this,'register_new_endpoint' ));

public function register_new_endpoint() {

//$this->endpoint_slug = "vi-xu"

add_rewrite_endpoint($this->endpoint_slug, EP_PAGES );

}

Add link tới nav my account

add_filter( 'woocommerce_account_menu_items', array( $this,'add_link_to_my_acctount_menu' ),10,1);
public function add_link_to_my_acctount_menu( $items ) {
    $items[$this->endpoint_slug] = __('Ví xu','walletforwc');
    return $items;
}

add_filter( 'woocommerce_account_menu_items', array( $this,'add_link_to_my_acctount_menu' ),10,1);

public function add_link_to_my_acctount_menu( $items ) {

$items[$this->endpoint_slug] = __('Ví xu','walletforwc');

return $items;

}

Các bài viết khác có thể hữu ích với bạn

Trang list cho endpoint

//add_action must follow 'woocommerce_account_{your-endpoint-slug}_endpoint' format
add_action( 'woocommerce_account_vi-xu_endpoint', array( $this,'listCoins' ));
public function listCoins() {
    include WALLETFORWOOCOMMERCE_VIEWS."listCoins.php";
}

//add_action must follow 'woocommerce_account_{your-endpoint-slug}_endpoint' format

add_action( 'woocommerce_account_vi-xu_endpoint', array( $this,'listCoins' ));

public function listCoins() {

include WALLETFORWOOCOMMERCE_VIEWS."listCoins.php";

}

Toàn bộ code

<?php
namespace WalletForWoocommerce;
use WalletForWoocommerce\AddWalletToMyAccount;
class AddWalletToMyAccount{
	var $endpoint_slug = 'vi-xu';
	public function __construct(){
		add_action( 'init', array( $this,'register_new_endpoint' ));
		add_filter( 'woocommerce_account_menu_items', array( $this,'add_link_to_my_acctount_menu' ),10,1);
		//add_action must follow 'woocommerce_account_{your-endpoint-slug}_endpoint' format
		add_action( 'woocommerce_account_vi-xu_endpoint', array( $this,'listCoins' ));
	}
	public function register_new_endpoint() {
		add_rewrite_endpoint($this->endpoint_slug, EP_PAGES );
	}
	
	public function add_link_to_my_acctount_menu( $items ) {
		$items[$this->endpoint_slug] = __('Ví xu','walletforwc');
		return $items;
	}
	public function listCoins() {
		include WALLETFORWOOCOMMERCE_VIEWS."listCoins.php";
	}
}
new AddWalletToMyAccount();

<?php

namespace WalletForWoocommerce;

use WalletForWoocommerce\AddWalletToMyAccount;

class AddWalletToMyAccount{

var $endpoint_slug = 'vi-xu';

public function __construct(){

add_action( 'init', array( $this,'register_new_endpoint' ));

add_filter( 'woocommerce_account_menu_items', array( $this,'add_link_to_my_acctount_menu' ),10,1);

//add_action must follow 'woocommerce_account_{your-endpoint-slug}_endpoint' format

add_action( 'woocommerce_account_vi-xu_endpoint', array( $this,'listCoins' ));

}

public function register_new_endpoint() {

add_rewrite_endpoint($this->endpoint_slug, EP_PAGES );

}

public function add_link_to_my_acctount_menu( $items ) {

$items[$this->endpoint_slug] = __('Ví xu','walletforwc');

return $items;

}

public function listCoins() {

include WALLETFORWOOCOMMERCE_VIEWS."listCoins.php";

}

new AddWalletToMyAccount();

Nhớ là phải resfresh permalink thì nó mới hoạt động nhé bạn

5/5 (1 Đánh giá)

Gửi Phản Hồi

2 Bình Luận

1 đánh giá

0 đánh giá

M
Mèo

good jobbbbb

Trả lời Lúc 17:33 pm ngày 06/07/2022

Fcwordpress.net

thanks bạn

Trả lời Lúc 19:20 pm ngày 06/07/2022

Gửi

có thể bạn cần xem:

Tạo slide danh mục sản phẩm nổi bật trong woocommece bằng slick [ 05/11/2023 04:13 ]
Các vấn đề liên quan tới customize woocommerce [ 15/05/2023 02:30 ]
Thêm một item menu vào my account woocommerce [ 25/03/2023 08:38 ]
Cho phép chỉnh sửa xóa sản phẩm ở trang thanh toán checkout [ 31/08/2022 02:43 ]
Add to cart woocommerce with meta item [ 13/07/2022 08:11 ]
Code xử lý giỏ hàng cart woocommerce [ 08/07/2022 11:32 ]
Tùy biến địa chỉ trong my account woocommerce [ 21/06/2022 06:49 ]
Thay đổi strength password cho woocommerce [ 24/04/2022 14:34 ]
Tạo bộ lọc sản phẩm woocommerce theo meta key [ 23/04/2022 04:28 ]
Code xử lý order woocommerce [ 07/04/2022 12:54 ]

Thêm một item vào nav my account woocommerce

Đăng ký endpoint hay nói các khác là một slug trên cái url của my account

Add link tới nav my account

Trang list cho endpoint

Toàn bộ code

có thể bạn cần xem:

Đăng ký nhận bài viết mới

Hướng dẫn thiết kế theme

Thiết kế theme wordpress phần 8

Thiết kế theme wordpress phần 7

Thiết kế theme wordpress phần 6

Thiết kế theme wordpress phần 5

Thiết kế theme wordpress-phần 4

Các functions thường dùng

Function xử lý upload to media wordpress

Function get ip address

Thay thế file_get_contents

Code tích hợp acf vào theme và plugin

Một số function thường dùng khi làm theme wordpress (some functions popular for work do theme worpdress)