Thêm sản phẩm vào mục yêu thích trong WooCommerce

Ngày đăng: 24 - 03 - 2020 Lượt xem: 6425 lượt

Xin chào các bạn!

Thêm sản phẩm vào mục yêu thích là một tính năng cần thiết cho trang bán hàng. Khách hàng khi xem sản phẩm có nhu cầu xem lại sau chứ không mua liền thì sẽ đưa vào yêu thích. Bạn có thể thêm tính năng yêu thích sản phẩm vào WooCommerce bằng plugin YITH WooCommerce Wishlist.

Thêm sản phẩm vào mục yêu thích

Đầu tiên bạn hãy tìm kiếm, cài đặt và kích hoạt plugin YITH WooCommerce Wishlist từ kho plugin nhé.

plugin YITH WooCommerce Wishlist

Mục General settings

Sau khi kích hoạt, tại menu YITH trong Dashboard, bạn vào menu Wishlist. Sau đó chuyển qua tab Add to Wishlist options.

Mục General settings, bạn chọn hiển thị là gì sau khi sản phẩm được thêm vào Wishlist.

Mục Loop settings, bạn tuỳ chọn có cho hiển thị Add to wishlist trong loop hay không. Loop ở đây có nghĩa là các trang có hiển thị sản phẩm như trang danh mục, trang cửa hàng, slide sản phẩm,…

Sau đó bạn chọn vị trí hiển thị Add to whistlist, chẳng hạn như sau nút Add to cart (mua hàng).

sản phẩm yêu thích

Ở mục Product page settings, bạn cũng chọn vị trí hiển thị Add to whistlist, chẳng hạn như sau nút Add to cart (mua hàng).

Add to cart

Mục Text customization

Tới mục Text customization, bạn chỉnh sửa nội dung hiển thị cho các dòng chữ liên quan. Nói cách khác là dịch sang tiếng Việt.

Text customization

Add to wishlist

Tiếp theo là bạn chỉnh sửa cách hiển thị cho nút Add to wishlist, cũng như chọn icon hiển thị.

Sau đó bạn lưu lại các thiết lập.

Add to wishlist

Wishlist page options

Tiếp theo bạn qua tab Wishlist page options

Bạn chọn Wishlist page, là trang sẽ hiển thị các sản phẩm đã được đưa vào mục yêu thích. Trước khi chọn, bạn phải tạo một trang có tên “Sản phẩm yêu thích” chẳng hạn. Phần nội dung bạn dán đoạn shortcode được cung cấp ở dưới vào. Sau đó đăng trang.

Bây giờ quay lại trang thiết lập Wishlist, nhớ refresh lại nhé. Bây giờ ở Wishlist page, bạn nhấn vào và chọn trang vừa tạo.

Thêm sản phẩm yêu thích

Mục Wishlist Detail page

Tiếp theo là mục Wishlist Detail page, bạn chọn các nội dung sẽ hiển thị. Chẳng hạn như mình chọn giá Produc price và nút Add to cart trên mỗi sản phẩm.

Thêm sản phẩm yêu thích

Trang sản phẩm

Lưu các thiết lập lại. Sau đó bạn ra trang sản phẩm. Bạn sẽ thấy dưới nút Mua hàng sẽ có thêm nút Yêu thích. Sau khi nhấn Yêu thích các sản phẩm, bạn sẽ thấy thông báo Đã thêm! Và liên kết Xem mục yêu thích. Nhấn vào liên kết này để xem trang Wishlist.

Thêm sản phẩm yêu thích

Mục Sản phẩm yêu thích

Đây là trang Sản phẩm yêu thích mình đã tạo, và các sản phẩm đã được nhấn Yêu thích sẽ hiện ở đây.

Thêm sản phẩm yêu thích

Tổng kết

Như vậy là mình đã thêm thành công chức năng thêm sản phẩm yêu thích với plugin YITH WooCommerce Wishlist. Chúc các bạn thành công!

5 2 votes
Đánh giá bài viết

Nhận thông báo
Nhận thông báo cho
guest

2 Góp ý
Bình chọn
Mới nhất Cũ nhất
Inline Feedbacks
View all comments
boys

cái này code tay được không a

nguyen ngoc vi

mình đã làm được cảm ơn add nhiều nhé !

Bài viết liên quan

Tạo tab mới trong trang sản phẩm WooCommerce

Tạo tab mới trong trang sản phẩm WooCommerce

24 - 04 - 2022

Theo mặc định, WooCommerce chỉ hỗ trợ những tab cơ bản như mô tả, thông tin thêm, đánh giá. Vậy...

Làm thế nào để giỏ hàng tự động cập nhật khi thay đổi số lượng sản phẩm

Làm thế nào để giỏ hàng tự động cập nhật khi thay đổi số lượng sản phẩm

22 - 04 - 2022

Bạn có từng nghĩ rằng, sẽ tốt hơn nếu giỏ hàng tự động cập nhật khi thay đổi số...

Tạo nhãn mới và nổi bật cho sản phẩm WooCommerce

Tạo nhãn mới và nổi bật cho sản phẩm WooCommerce

18 - 04 - 2022

Theo mặc định, WooCommerce chỉ hiện nhãn cho sản phẩm hết hàng và đang được giảm giá. Nhưng nếu...

Xoá, đổi tên, thay đổi vị trí tính năng sắp xếp sản phẩm trong WooCommerce

Xoá, đổi tên, thay đổi vị trí tính năng sắp xếp sản phẩm trong WooCommerce

07 - 04 - 2022

Bạn có nhu cầu muốn xoá, đổi tên, thay đổi vị trí của tính năng sắp xếp trong WooCommerce....

Cách xoá dữ liệu WooCommerce sau khi gỡ cài đặt

Cách xoá dữ liệu WooCommerce sau khi gỡ cài đặt

02 - 03 - 2022

Bạn muốn loại bỏ dữ liệu WooCommerce ra khỏi trang web? Nếu bạn chỉ gỡ cài đặt plugin và...

Cách ẩn phạm vi giá cho các sản phẩm biến thể trong WooCommerce

Cách ẩn phạm vi giá cho các sản phẩm biến thể trong WooCommerce

12 - 12 - 2021

Bạn đang tìm cách ẩn phạm vi giá cho các sản phẩm biến thể trong WooCommerce? Theo mặc định, giá...

2
0
Would love your thoughts, please comment.x