Enable Image Hover

Element Image của UX Builder trong Flatsome vốn đã cung cấp nhiều tùy chọn mạnh mẽ. Tuy nhiên, trong quá trình thiết kế giao diện, khi bạn cần hover vào hình ảnh và hiển thị một hình khác nhằm nâng cao trải nghiệm người dùng (UX), thì tính năng mặc định hiện tại chưa hỗ trợ trực tiếp.

Thông thường, để đạt được hiệu ứng này, bạn buộc phải:

• Sử dụng 2 element Image riêng biệt
• Kết hợp CSS tùy chỉnh để xử lý hover

Cách làm này tuy không quá khó với lập trình viên, nhưng lại gây phức tạp và khó tiếp cận đối với những người không am hiểu code.

Giải pháp: Enable Image Hover

Enable Image Hover là tính năng do Nguyen Lan phát triển, nhằm bổ sung trực tiếp khả năng hover image ngay trong Element Image hiện có, giúp bạn:

• Thêm 1 hình ảnh hover ngay trên Element Image đang sử dụng
• Áp dụng 15 hiệu ứng hover đa dạng
• Không cần viết CSS
• Không cần tạo lại element

Cách sử dụng

Để kích hoạt tính năng này, bạn chỉ cần:

1. Mở UX Builder
2. Vào Advanced Utilities
3. Di chuyển đến mục Image
4. Bật Enable Image Hover

Ngay lập tức, trong Element Image bạn đang sử dụng sẽ xuất hiện:

• Trường upload hình ảnh hover
• Danh sách hiệu ứng hover để bạn lựa chọn

Không override – Áp dụng tức thì

Enable Image Hover không phải là override shortcode của Flatsome. Vì vậy:

• Tính năng được bổ sung tức thì
• Hoạt động trên tất cả các Element Image đã thiết kế trước đó
• Không cần chỉnh sửa hay tạo lại layout

👉 Đây là giải pháp tối ưu giúp bạn nâng cao UX, tiết kiệm thời gian thiết kế và giữ giao diện chuyên nghiệp mà vẫn đơn giản trong thao tác.