Hiển thị thông tin khi hover chuột vào sản phẩm


Hiển thị thông tin khi hover chuột vào sản phẩm

15 Likes Comment

Bài viết này mình xin hướng dẫn mọi người hiển thị thông tin phần mô ta ngắn khi hover chuột vào sản phẩm.
Đầu tiên chèn đoạn code sau vào hàm functions.php của theme đang dùng.

Ở đây mình chỉ lấy 4 trường cần thiết

  • $product->get_name() : Tên sản phẩm;
  • $product->get_price() : Giá khuyến mãi của sản phẩm;
  • $product->get_regular_price() : Giá ban đầu của sản phẩm;
  • $product->get_short_description() : Lấy mô tả ngắn của sản phẩm

Tiếp đến ta thêm css cho phần hiển thị thêm sinh động hơn, đẹp hơn.

Sau đó lưu lại và xem kết quả.

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

Bài viết liên quan

Chủ bút: Lê Tú

Blog mình lập ra nhằm mục đích viết lại những gì mình đã tìm hiểu, đã đọc được trên mạng, qua bạn bè để mai mốt cần tìm khỏi quên, cũng như chia sẻ những thứ mà mình đã sưu tầm được. Vì mình không phải chuyên lập trình website nên một số bài viết còn sai sót mong mọi người góp ý.

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *