[WooCommerce extension] Hướng dẫn WooCommerce Tab Manager

Nếu bạn không muốn mình chỉ có duy nhất 03 tab mặc định (Tab Mô tả, Tab Thông tin thêm và Tab Đánh giá) khi xem sản phẩm mà cần nhiều tab hơn để hiển thị nhiều nội dung khác nhau ở từng sản phẩm thì plugin WooCommerce Tab Manager là một lựa chọn tốt nhất của bạn. Đây là plugin khá phổ biến vì nó có thể dùng cho nhiều loại cửa hàng khác nhau. Vì vậy mà tôi viết bài hướng dẫn cách sử dụng plugin này.

Đây là plugin tạo thêm Tab dùng để mặc định cho tất cả các sản phẩm của bạn hoặc chỉ mặc định tất cả sản phẩm trong những danh mục sản phẩm được chọn. Không những thế bạn còn có thể thêm nhiều loại Tab khác nhau vào chỉ một sản phẩm.

1. Cài đặt

Plugin này cũng được cài đặt như các plugin trả phí khác.

Do plugin này cần thiết mà giá thì đắt nên tôi sẽ chia sẽ plugin cho các bạn với phiên bản mới nhất tính tới thời điểm tôi đăng bài viết này WooCommerce-Tab-Manager-1.7.1

Tải về: Tại đây

2. Tổng quan

Bạn vào WooCommerce >> Tab Manager >> bạn sẽ thấy như hình dưới
Tabs: Đây là nơi quản lý những Tab bạn thêm vào.
Add Global Tab: Nếu bạn thêm tab này nó sẽ mặc định đến tất cả các sản phẩm có trong Shop của bạn hoặc bạn cũng có thể cho nó chỉ thể hiện ở những danh mục sản phẩm nào đó. (Cái này tôi sẽ nói kỹ ở mục sau)
Default Tab Layout: Đây là nơi thể hiện các Tab như Tab Mô tả, Tab Thông tin thêm, Tab Đánh giá, Global Tab (Cái này tôi sẽ nói kỹ ở mục sau) và quản lý các tab đó, nếu bạn không muốn hiển thị có thể xoá nó hoặc thêm lại nó. Không những thế ở đây nó còn cho các bạn sắp xếp lại vị trí các Tab bằng cách rê chuột vào Tab cần thay đổi vị trí sau đó giữ chuột và kéo đến vị trí mới

3. Tìm hiểu mục Default Tab Layout

Bạn vào WooCommerce >> Tab Manager >> Default Tab Layout và làm theo hình dưới
Như hình trên các bạn cần sửa lại các chữ Tiếng Anh thành Tiếng Việt (Tôi đã làm mẫu sẵn như hình), bạn có thể xoá các Tab mặc định mà bạn không muốn hiển thị hoặc thêm lại các tab mặc định đã xoá. Không những thế ở đây nó còn cho các bạn sắp xếp lại vị trí các Tab mặc định bằng cách rê chuột vào Tab cần thay đổi vị trí sau đó giữ chuột và kéo đến vị trí mới

Sau khi các bạn đã chỉnh sửa theo ý đồ của mình các bạn nhớ bấm vào nút Save Changes (Lưu thay đổi)

4. Cách thêm một Tab mới mặc định cho tất cả các sản phẩm có trong Shop của bạn

Ví dụ bây giờ tôi muốn thêm một Tab tên là Chính sách vận chuyển mặc định đến tất cả các sản phẩm, tôi làm như sau:
Tôi vào WooCommerce >> Tab Manager >> Add Global Tab và làm theo hình dưới
Như hình trên ở phần Product Categories (Danh mục sản phẩm) tôi để trống nghĩa là Tab này sẽ mặc định đến tất cả các sản phẩm. Sau đó tôi bấm vào Save Tab.

Bây giờ tôi vào WooCommerce >> Tab Manager >> Default Tab Layout >> Thêm Tab vừa mới cấu hình ở trên (Chính sách vận chuyển) sau đó Save Changes như hình dưới

Bây giờ bạn ra ngoài trang Shop xem bất kỳ sản phẩm nào sẽ nhìn thấy như hình dưới

Bạn làm tương tự các bước trên nếu muốn thêm một tab mới nữa mặc định cho tất cả sản phẩm

5. Cách thêm một Tab mới chỉ mặc định ở những danh mục sản phẩm mà bạn chọn.

Ví dụ bây giờ tôi muốn thêm một Tab tên là Chính sách vận chuyển chỉ mặc định ở những danh mục sản phẩm mà tôi chọn, tôi làm như sau:
Tôi vào WooCommerce >> Tab Manager >> Add Global Tab và làm theo hình dưới
Như hình trên ở phần Product Categories (Danh mục sản phẩm) tôi thêm các danh mục như Sách giáo khoa, Music, T-shirts nghĩa là Tab này chỉ mặc định đến tất cả các sản phẩm ở trong danh mục Sách giáo khoa, Music, T-shirts. Sau đó tôi bấm vào Save Tab.

Bây giờ tôi vào WooCommerce >> Tab Manager >> Default Tab Layout >> Thêm Tab vừa mới cấu hình ở trên (Chính sách vận chuyển) sau đó Save Changes

Bạn làm tương tự các bước trên nếu muốn thêm một tab mới nữa chỉ mặc định cho tất cả sản phẩm trong một danh mục nào đó

6. Cách thêm nhiều Tab chỉ vào một sản phẩm

Với hai mục 4 và 5 tôi vừa hướng dẫn tôi nghĩ đủ để bạn thêm Tab theo ý đồ của bạn. Nhưng nếu bạn cần thêm nhiều Tab chỉ vào một sản phẩm thì bạn làm theo hướng dẫn sau:
Bạn vào Sản phẩm >> Thêm sản phẩm (hoặc chỉnh sửa sản phẩm đã thêm) >> Kéo chuột đến mục dữ liệu sản phẩm chọn mục Tabs >> đánh dấu vào Override default tab layout  và làm theo hình dưới
Như hình trên bạn bấm vào Add chọn Custom Tab để thêm Tab mới hoặc chọn những Tab đã có sẵn sau đó cấu hình nó và Đăng bài viết.

Lưu ý rằng các Tab như Tab Mô tả, Tab Thông tin thêm và Tab Đánh giá các bạn phải chỉnh sửa lại các chữ Tiếng Anh thành Tiếng Việt.

7. Cách thêm nội dung của Tab mới vào kết quả tìm kiếm trên trang bán hàng của bạn

Bạn vào WooCommerce >> Tab Manager >> Tabs chọn Tab nào bạn muốn thêm nội dung vào kết quả tìm kiếm như hình dưới

Sau khi bạn bấm vào Tab đó bạn sẽ thấy như hình dưới
Như hình trên bạn đánh dấu vào mục Include tab content in search results? (bao gồm nội dung của tab trong kết quả tìm kiếm) và bấm Save Tab

Bạn vào WooCommerce >> Cài đặt >> Sản phẩm >> Tab Manager >> bấm vào nút Update như hình dưới
Lưu ý rằng bạn chỉ cần bấm vào nút Update một lần duy nhất. Lần sau nếu bạn có thêm Tab mới và đánh dấu vào mục Include tab content in search results? (bao gồm nội dung của tab trong kết quả tìm kiếm) thì nó sẽ tự động Update nội dung của tab đó vào kết quả tìm kiếm bạn không cần phải làm lại bước này.

8. Tương thích và kết hợp với các Plugin khác

– Tương thích với plugin miễn phí Relevanssi – A Better Search (cái này tôi sẽ hướng dẫn sau)
– Kết hợp với các plugin như Gravity Forms (trả phí), Catalog Visibility Options (trả phí) để tạo các mẫu Form đẹp như Tạo mẫu Quote Forms trên web bán hàng của bạn (cái này tôi sẽ hướng dẫn sau) …
– Kết hợp với Gravity Forms (trả phí), Product Enquiry Form (trả phí) để tại mẫu Pre-Sales Form trên web bán hàng của bạn (cái này tôi sẽ hướng dẫn sau) …

9. Xung khắc với các plugin, theme

– Xung khắc với plugin Post Type Switcher
– Xung khắc với Enfold theme từ Kriesi

Do bài viết đã khá dài nên tôi tạm ngừng bài viết ở đây, Các bài hướng dẫn như:

– Hướng dẫn cấu hình Relevanssi – A Better Search với WooCommerce Tab Manager.
– Hướng dẫn kết hợp WooCommerce Tab Manager, Gravity Forms, Catalog Visibility Options để tạo mẫu Quote Forms trên web bán hàng của bạn.
– Hướng dẫn kết hợp WooCommerce Tab Manager, Gravity Forms, Product Enquiry Form để tạo mẫu Pre-Sales Form trên web bán hàng của bạn.

Các bài hướng dẫn trên tôi sẽ viết trong thời gian sớm nhất và sẽ cập nhật link ở đây để cho các bạn tiện theo dõi

Như vậy là chúng ta đã kết thúc một bài dài về [WooCommerce extension] Hướng dẫn WooCommerce Tab Manager.

The post [WooCommerce extension] Hướng dẫn WooCommerce Tab Manager appeared first on Blog Wordpress.

from WordPress http://ift.tt/2bOeJv3
via IFTTT