0987.775.376 Chat facebook Z Chat zalo

Chia sẻ cách hiển thị thông tin sản phẩm khi Hover vào

Bài này sẽ giúp các bạn hiển thị thông tin sản phẩm khi hover vào cho theme Flatsome. Ví dụ bạn muốn hiển thị mô tả ngắn khi khách hàng hover vào box sản phẩm trên trang chủ trước khi đi vào trang chi tiết.

Cách này bạn chỉ cần để code vào functions.php và style.css của childtheme để trong quá trình sử dụng, bạn update theme thì không mất nhé.

Copy và paste đoạn code sau vào cuối file functions.php của theme flatsome của bạn.

Một số trường quan trọng đó là:

  • $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.

Ví dụ để thêm vào phần //show thông tin tại đây thì bạn xóa dòng này đi và điền vào là :

là sẽ hiển thị nhé

Tiếp theo thêm đoạn css vào file style.css:

Vậy là xong, Lưu tại các thay đổi và xem kết quả nhé.

Một số trường khác nếu bạn muốn hiển thị thêm:

 




    LIÊN HỆ VỚI CHÚNG TÔI

  • Địa chỉ 1: 180 Văn Cao - Tp Nam Định
  • Địa chỉ 2: 29 Đường Vệ Yên P.Quảng Thắng TP.Thanh Hóa
  • Địa chỉ 3: 652/14B Cộng Hòa, P.13, Q.Tân Bình, Hồ Chí Minh
  • Email: WebsiteNamDinh@gmail.com
  • Website: www.namdinhweb.net
  • Hotline: 0987.775.376 – 097.6565.879 - 0776.229.333 - 0967.643.263
  • Cảm ơn quý khách đã lựa chọn công ty chúng tôi.

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 *