Hướng dẫn cách tắt hiệu ứng tooltip trên theme flatsome

Xin chào các bạn, trong bài viết ” Hướng dẫn cách tắt hiệu ứng tooltip trên theme flatsome “. Mình sẽ giới thiệu tới các bạn đoạn code để làm được điều đó. Bắt đầu thôi 😀

Hiệu ứng tooltip trong  theme flatsome là gì ?

Khi sử dụng theme flatsome để build web. Nếu có sử dụng đến các phần như element follow icon, share icon, hay phần contact trong setting header , sau khi tạo xong các bạn check lại giao diện website bên ngoài thì khi đưa chuột đến các phần đó sẽ thấy tooltip hiện ra.

Vì một số trường hợp cụ thể mà có thể các bạn sẽ không cần hiển thị tooltip như vậy hay bạn thấy khá khó chịu đối với hiệu ứng đó. Mình sẽ hướng dẫn các bạn cách tắt nó đi ở bên dưới này.

Code tắt hiệu ứng tooltip trong theme flatsome

Để làm được điều này các bạn cần mở file functions.php của child theme lên và dán đoạn code dưới đây vào đầu hoặc cuối file nhé.

Các bạn vào admin -> Giao diện -> Theme file editor -> Tìm trong child theme đến file functions.php . Hoặc cũng có thể thêm ở trên hosting cũng được nhé, miễn sao các bạn tìm được file function là được :)))

/**
* Disable tooltips on all follow links example.
*/
add_filter( 'flatsome_follow_links', function ( $links, $args ) {
foreach ( $links as $key => $link ) {
// Remove title attribute for native tooltip.
if ( ! empty( $link['atts']['title'] ) ) {
$links[ $key ]['atts']['title'] = null;
}

// Additionally remove tooltip class (optional).
if ( empty( $link['atts']['class'] ) ) continue;
$links[ $key ]['atts']['class'] = implode( ' ', array_diff( explode( ' ', $link['atts']['class'] ), array( 'tooltip' ) ) );
}

return $links;
}, 10, 2 );

Lời kết

Như vậy trong bài viết này mình đã hướng dẫn hướng dẫn cách tắt hiệu ứng tooltip trên theme flatsome. Các bạn cần thì có thể coppy code về để sử dụng nhé.

Các bạn có thể xem thêm tài liệu của theme tại đây

Hoặc có thể liên hệ với mình tại đây

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