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: 2265 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 1 vote
Article Rating

guest
2 Comments
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

Cách thêm tùy chọn số lượng sản phẩm WooCommerce trong trang danh sách sản phẩm

Cách thêm tùy chọn số lượng sản phẩm WooCommerce trong trang danh sách sản phẩm

19 - 10 - 2021

Cách thêm tùy chọn số lượng sản phẩm WooCommerce trong các trang danh sách sản phẩm Đã có một vài...

Hợp nhất giỏ hàng WooCommerce và trang thanh toán chỉ với 4 bước đơn giản.

Hợp nhất giỏ hàng WooCommerce và trang thanh toán chỉ với 4 bước đơn giản.

29 - 09 - 2021

Làm thế nào để hợp nhất giỏ hàng WooCommerce với trang thanh toán? Một số người rất cần hợp nhất...

Hiển thị danh mục sản phẩm woocommerce

Hiển thị danh mục sản phẩm woocommerce

08 - 06 - 2021

Hiển thị danh mục sản phẩm woocommerce như thế nào? Chắc hẳn đôi khi chúng ta muốn tùy chỉnh...

Hiển thị Star Ratings bên dưới giá sản phẩm Woocommerce

Hiển thị Star Ratings bên dưới giá sản phẩm Woocommerce

05 - 06 - 2021

Cách hiển thị star rating woocommerce như thế nào ? Trở ngại lớn nhất với các website bán hàng trực...

Hiển thị ngày dự kiến ​​giao hàng trên trang Sản phẩm

Hiển thị ngày dự kiến ​​giao hàng trên trang Sản phẩm

27 - 04 - 2021

Ngày dự kiến sản phẩm woocommerce như thế nào? Vd thứ Hai trước 16:00 – đoạn mã này được in...

Thay chữ Sale thành % giảm giá trong woocommerce

Thay chữ Sale thành % giảm giá trong woocommerce

19 - 04 - 2021

Thay Sale thành % giảm giá woocommerce? Nhiều khi chúng ta không muốn hiển thị chữ SALE khi sản phẩm...

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