Custom Tabs Woocommerce không cần plugin

bài viết trước mình đã chia sẻ với các bạn cách tạo Custom Tabs Woocommerce bằng plugin, hôm nay chúng ta sẽ tạo tabs mời bằng cách chèn code vào trong file function .

Custom tabs woocommerce không cần plugin
Tab sản phẩm ban đầu

Thêm Custom Tabs Woocommerce vào trang sản phẩm

Sử dụng bộ lọc woocommerce_product_tabs để thêm tab tùy chỉnh vào trang sản phẩm trong Woocommerce . Ví dụ mình sẽ thêm tab thanh toán vào

  • title : Tiêu đề của tab
  • priority : Mức độ ưu tiên dùng để xác định thứ tự vị trí của tab
  • callback : Gọi đến hàm function xử lý in ra nội dung của custom tab
Custom Tabs Woocommerce không cần plugin
Kết quả sau khi thêm tab

Sắp xếp lại thứ tự các Tabs

Bình thường mặc định trong Woocommerce thứ tự ưu tiên các tab như sau

  • Tab Mô tả (Description) có độ ưu tiên priority là : 10
  • Tab thông tin bổ sung (Additional Information) là : 20
  • Tab đánh giá (Reviews) là : 30

Hiện tại trong ví dụ đang thiếu tab thông tin bổ sung nên mình sẽ sắp xếp 2 tab mặc định kia và tab thanh toán mới tạo có mức độ ưu tiên khi này là 40 lại . Tab thanh toán đang nằm ở vị trí cuối giờ ta sẽ cho nó lên đầu chẳng hạn . Để làm được điều này sẽ phải sử dụng lại bộ lọc woocommerce_product_tabs một lần nữa .

Custom tabs woocommerce không cần plugin
Kết quả sau khi sắp xếp lại tab

Chúc các bạn thành công !

0 0 vote
Article Rating
Nhận thông báo qua email
Nhận thông báo cho
guest
2 Comments
Cũ nhất
Mới nhất Bình chọn nhiều nhất
Inline Feedbacks
View all comments
Đức
Đức
1 năm cách đây

bạn cho mình hỏi chút 1) vào web bạn có cái nhảy lên là “ai đó đang xem…bài ABC” là plugin gì thế? 2) phiên bản flatsome 3.8.3 nó cho phép thêm 1 tab tùy chỉnh trong option rồi, nhưng mà mình cũng muốn chỉnh thứ tự của nó như bạn hướng dẫn thì làm sao biết tab tùy chỉnh có sẵn đó “mã” là gì để gán thứ tự? (ví dụ của bạn là ctdt_tab) 3) Code custom tab này vẫn là nội dung cố định nhỉ, có code nào mà tạo ra ở mỗi sản phẩm thêm 1… Đọc thêm »

2
0
Would love your thoughts, please comment.x
()
x