Trong video này, tôi sẽ chỉ cho bạn cách thêm các tab tài khoản của tôi vào Woocommerce. Ngoài ra, tôi sẽ chỉ cho bạn cách xóa, đổi tên và sắp xếp lại chúng bằng vài cú nhấp chuột. Vì vậy, nếu bạn đã sẵn sàng thì hãy nhảy vào
NB. Để sử dụng tất cả các đoạn được hiển thị trong bài đăng này, bạn cần thêm chúng vào bên trong các chức năng của chủ đề con của bạn. php hoặc tốt hơn nữa, hãy sử dụng plugin Code Snippets. Bằng cách này, bạn sẽ không bị mất những sửa đổi này trong trường hợp bạn chuyển đổi chủ đề của mìnhMục lục
Băng hình. Làm cách nào để thêm, đổi tên, xóa và sắp xếp lại các tab Tài khoản của tôi trong Wooc Commerce?
Vui lòng xem video ở đây bên dưới vì theo cách này, bạn sẽ dễ dàng hiểu cách hoàn thành tất cả những điều đó và thêm các tab tài khoản của tôi vào Wooc Commerce
Làm cách nào để thêm các tab Tài khoản của tôi trong Wooc Commerce?
Đã đến lúc xem xét kỹ hơn cách thêm các tab Tài khoản của tôi trong Wooc Commerce. Tôi sẽ chỉ cho bạn ví dụ. Với tab đầu tiên, chúng tôi sẽ thêm tab hỗ trợ và với tab còn lại, chúng tôi sẽ hợp nhất hồ sơ Learndash vào tài khoản Wooc Commerce của tôi. [xem ảnh chụp màn hình bên dưới]
Vì vậy, hãy chuyển đến Đoạn trích >> Thêm mới và đặt tiêu đề cho đoạn trích. Ví dụ: “Tab hỗ trợ”. Tiếp theo, dán đoạn mã này vào trong hộp mã. Hãy chú ý rằng có một mã ngắn và nội dung bên trong Bước 4, vì vậy đừng quên thay đổi nó cho phù hợp
// Add Woocommerce My Account tab for Support
// 1. Register new customer-support endpoint [URL] for My Account page
add_action[ 'init', 'add_support_endpoint' ];
function add_support_endpoint[] {
add_rewrite_endpoint[ 'customer-support', EP_ROOT | EP_PAGES ];
}
// 2. Add new query var
add_filter[ 'query_vars', 'support_query_vars', 0 ];
function support_query_vars[ $vars ] {
$vars[] = 'customer-support';
return $vars;
}
// 3. Insert the new endpoint into the My Account menu
add_filter[ 'woocommerce_account_menu_items', 'add_new_support_tab' ];
function add_new_support_tab[ $items ] {
$items['customer-support'] = 'Support';
return $items;
}
// 4. Add content to the added tab
add_action[ 'woocommerce_account_customer-support_endpoint', 'support_tab_content' ]; // Note: add_action must follow 'woocommerce_account_{your-endpoint-slug}_endpoint' format
function support_tab_content[] {
echo 'Support
Fermentum tristique non imperdiet vulputate ridiculus platea arcu suspendisse donec
';
echo do_shortcode[ '[fluentform id="1"]' ]; // Here goes your shortcode if needed
}
// 5. Go to Settings >> Permalinks and re-save permalinks. Otherwise you will end up with 404 Page not found errorNgoài ra, đừng quên vào Cài đặt >> Permalinks và lưu lại permalinks của bạn
Làm cách nào để hợp nhất hồ sơ Leardash và trang tài khoản Wooc Commerce của tôi?
Tôi đã thực hiện một hướng dẫn chuyên sâu về cách hợp nhất Learndash và Wooc Commerce nhưng hôm nay tôi sẽ chỉ cho bạn cách hiển thị hồ sơ Learndash bên trong Wooc Commerce tài khoản của tôi. Bạn chỉ cần thêm đoạn mã này vào đây bên dưới
// 1. Register new purchased-courses endpoint [URL] for My Account page
add_action[ 'init', 'add_lms_endpoint' ];
function add_lms_endpoint[] {
add_rewrite_endpoint[ 'purchased-courses', EP_ROOT | EP_PAGES ];
}
// 2. Add new query var
add_filter[ 'query_vars', 'courses_query_vars', 0 ];
function courses_query_vars[ $vars ] {
$vars[] = 'purchased-courses';
return $vars;
}
// 3. Insert the new endpoint into the My Account menu
add_filter[ 'woocommerce_account_menu_items', 'add_new_courses_tab', 40 ];
function add_new_courses_tab[ $items ] {
$items['purchased-courses'] = 'Your courses';
return $items;
}
// 4. Add content to the added tab
add_action[ 'woocommerce_account_purchased-courses_endpoint', 'course_tab_content' ]; // Note: add_action must follow 'woocommerce_account_{your-endpoint-slug}_endpoint' format
function course_tab_content[] {
echo 'All your courses
Fermentum tristique non imperdiet vulputate ridiculus platea arcu suspendisse donec
';
echo do_shortcode[ ' [ld_profile]' ]; // Here goes your shortcode if needed
}Làm cách nào để xóa các tab tài khoản Wooc Commerce của tôi?
Có rất nhiều điểm cuối Wooc Commerce và có thể bạn không cần một vài trong số chúng và do đó, hãy xem cách xóa Wooc Commerce tab tài khoản của tôi. Ví dụ: hãy xóa tab Tải xuống [điểm cuối]. Nó khá dễ dàng. Truy cập Wooc Commerce >> Settings >> Advandes và xem phần “Account endpoints”
Bây giờ hãy tìm Tải xuống và xóa nội dung khỏi nội dung đó và lưu các thay đổi [xem ảnh chụp màn hình]
Thao tác này sẽ xóa điểm cuối Downaods khỏi trang Tài khoản của tôi trong Wooc Commerce của bạn
Làm cách nào để xóa tab Bảng điều khiển Wooc Commerce khỏi trang Tài khoản của tôi?
Mặc dù bạn có thể xóa tất cả các tab khác, nhưng bạn không thể sử dụng phương pháp được hiển thị ở trên này để xóa tab Bảng điều khiển Woocommerce khỏi trang tài khoản của tôi. Để thực hiện điều đó, thay vào đó hãy sử dụng đoạn mã này tại đây
function remove_dashboard_tab[$items] {
unset[$items['dashboard']];
return $items;
}
add_filter ['woocommerce_account_menu_items', 'remove_dashboard_tab'];Làm cách nào để sắp xếp lại các tab tài khoản Wooc Commerce của tôi?
Bây giờ, hãy xem cách xóa các tab tài khoản của tôi trong Wooc Commerce. Vì chúng tôi đã thêm hai tab [Hỗ trợ và Khóa học của bạn] nên chúng sẽ nằm cuối danh sách tab. Tôi muốn sắp xếp lại vị trí của họ. Vì vậy, hãy thêm mã này vào đoạn mã
// Reorder Woocommerce my account tabs?
function change_my_account_menu_order[] {
$menuOrder = array[
'dashboard' => __[ 'Dashboard', 'woocommerce' ],
'orders' => __[ 'Orders', 'woocommerce' ],
'purchased-courses' => __[ 'Your courses', 'woocommerce' ],
'customer-support' => __[ 'Support', 'woocommerce' ],
'downloads' => __[ 'Downloads', 'woocommerce' ],
'edit-address' => __[ 'My ddresses', 'woocommerce' ],
'edit-account' => __[ 'Account Details', 'woocommerce' ],
'customer-logout' => __[ 'Logout', 'woocommerce' ]
];
return $menuOrder;
}
add_filter [ 'woocommerce_account_menu_items', 'change_my_account_menu_order' ];Hãy chú ý rằng bạn cần thêm tất cả các tab đang hoạt động bên trong mã này. Nếu bạn đã xóa Tải xuống như tôi đã trình bày trước đây thì không thêm Tải xuống trong danh sách. Bây giờ chỉ cần sắp xếp lại chúng theo ý muốn. Như bạn thấy Khóa học của bạn ở vị trí thứ 3 và Hỗ trợ là thứ tư
CSONG đừng quên chú ý đến phần URL của điểm cuối trong mã [
'các khóa học đã mua' chẳng hạn]Làm cách nào để đổi tên tab tài khoản Wooc Commerce của tôi?
Nếu bạn cần
đổi tên Wooc Commerce tab tài khoản của tôi, sau đó lấy mã được hiển thị ở bước trước và chỉ đổi tên tên tab của bạn. Ví dụ: tôi sẽ đổi tên Bảng điều khiển thành Bảng điều khiển của tôi và Đơn hàng thành Đơn hàng của tôi.function rename_my_account_menu_order[] {
$menuOrder = array[
'dashboard' => __[ 'My dashboard', 'woocommerce' ],
'orders' => __[ 'My orders', 'woocommerce' ],
'purchased-courses' => __[ 'Your courses', 'woocommerce' ],
'customer-support' => __[ 'Support', 'woocommerce' ],
'downloads' => __[ 'Downloads', 'woocommerce' ],
'edit-address' => __[ 'My ddresses', 'woocommerce' ],
'edit-account' => __[ 'Account Details', 'woocommerce' ],
'customer-logout' => __[ 'Logout', 'woocommerce' ]
];
return $menuOrder;
}
add_filter [ 'woocommerce_account_menu_items', 'rename_my_account_menu_order' ];Nếu bạn cần sắp xếp lại và đổi tên chúng lại với nhau thì hãy sử dụng một đoạn mã cho cả hai
Vâng, về cơ bản đó là nó. Bây giờ bạn đã biết cách đổi tên, xóa, sắp xếp lại và thêm các tab Tài khoản của tôi trong Woocommerce chứ?
Hướng dẫn về Wooc Commerce có liên quan
- 12 mẹo và thủ thuật Wooc Commerce hữu ích
- Làm cách nào để tùy chỉnh trang danh mục và cửa hàng Wooc Commerce?
- Cách tùy chỉnh Trang sản phẩm đơn thương mại điện tử. 14 thủ thuật hữu ích
- Làm cách nào để Tùy chỉnh trang Thanh toán Wooc Commerce?
- Cách tùy chỉnh Trang sản phẩm đơn thương mại điện tử. 14 thủ thuật hữu ích
Dưới đây là một số công cụ Wordpress yêu thích của tôi
Cảm ơn bạn đã đọc bài viết này. Tôi hy vọng bạn thấy nó hữu ích khi bạn xây dựng trang web và trang web thương mại điện tử của riêng mình. Dưới đây là một số công cụ tôi sử dụng với tư cách là nhà phát triển và người đam mê Wordpress mà tôi hy vọng bạn cũng sẽ thấy hữu ích
Đây là các liên kết liên kết, vì vậy nếu bạn quyết định sử dụng bất kỳ liên kết nào trong số chúng, tôi sẽ kiếm được hoa hồng và điều này giúp tôi tạo các hướng dẫn này và tạo video Youtube. Nhưng thành thật mà nói, đây là những công cụ chính xác mà tôi sử dụng và giới thiệu cho mọi người, ngay cả bạn bè và gia đình của tôi
chủ đề. Trong vài năm qua, tôi có hai chủ đề mà tôi sử dụng cho mọi loại dự án. Hai theme đó là Blocksy theme và Kadence Theme. Trên trang web này và kênh Youtube của tôi, bạn sẽ thấy rất nhiều hướng dẫn tôi đã thực hiện về chúng. Nếu bạn muốn được giảm giá 10% cho cả hai thì
- sử dụng liên kết này cho Blocksy [phiếu giảm giá 10% là WPSH10]
- liên kết này cho Kadence [tiết kiệm phiếu giảm giá 10% là SIMPLEHACKS]
Trình quản lý đoạn mã. WPCodeBox cho phép bạn thêm các đoạn mã vào trang web của mình. Ngoài ra, nó cho phép bạn xây dựng và quản lý thư viện Đoạn mã WordPress của mình trên đám mây. Bạn có thể lấy nó với chiết khấu 20% tại đây [ TIẾT KIỆM 20% Phiếu giảm giá. WPSH20]
biểu mẫu liên hệ. Có hàng trăm biểu mẫu liên hệ ngoài kia nhưng Biểu mẫu thông thạo là biểu mẫu tôi thích nhất. Nếu bạn cần giảm giá 20% thì hãy sử dụng liên kết này [phiếu giảm giá 20% tiết kiệm là WPSH20]
Tiện ích bổ sung Gutenberg. Nếu tôi cần một tiện ích bổ sung khối Gutenberg tốt thì Kadence Blocks là tiện ích tôi đã sử dụng nhiều nhất. Bạn sẽ được giảm giá 10% với phiếu giảm giá SIMPLEHACKS tại đây
Di chuyển trang web. Trong khi xây dựng một trang web, bạn có thể cần một plugin tốt có thể giúp bạn di chuyển, sao lưu, khôi phục và dàn trang web. Chà, WpVivid là cái tôi đã sử dụng trong vài năm qua. Nếu bạn sử dụng liên kết này cùng với phiếu giảm giá WPSH20, bạn sẽ được giảm giá 20%
Tiện ích mở rộng thương mại điện tử. Có rất nhiều tiện ích mở rộng Wooc Commerce mà tôi thực sự thích nhưng tiện ích thực sự nổi bật là Advanced Dynamic Pricing. Một lần nữa, bạn sẽ được giảm giá 20% nếu sử dụng liên kết này tại đây [phiếu giảm giá 20% là WPSH20]
Web hosting. Nếu bạn muốn có một dịch vụ lưu trữ đám mây được quản lý thực sự nhanh chóng và dễ sử dụng, thì tôi khuyên dùng Verpex Hosting [xem bài đánh giá của tôi tại đây]. Nhân tiện, trang web này được lưu trữ trong Verpex. ]
Để xem tất cả các đề xuất cập nhật nhất của tôi, hãy xem tài nguyên này mà tôi đã tạo cho bạn
Bạn có muốn cảm ơn tôi và mời tôi một cốc bia không?
Mọi đóng góp đều được hoan nghênh nhưng KHÔNG BAO GIỜ được yêu cầu. Thưởng thức công việc của tôi miễn phí nhưng nếu bạn muốn cảm ơn tôi và mua cho tôi một hoặc hai ly bia thì bạn có thể sử dụng biểu mẫu này ở đây bên dưới