Thay text quick view bằng icon con mắt

20 Nov, 2021 admin

Bài này mình sẽ hướng dẫn các bạn thay text quick view trong theme Flatsome bằng icon con mắt.

Bạn copy paste đoạn function này vào file file function.php là được

add_action( ‘wp_enqueue_scripts’, ‘load_dashicons_front_end’ );
function load_dashicons_front_end() {
    wp_enqueue_style( ‘dashicons’ );
}
function flatsome_lightbox_button_custom() {
    if ( get_theme_mod( ‘disable_quick_view’, 0 ) ) {
        return;
    }
    wp_enqueue_script( ‘wc-add-to-cart-variation’ );

    global $product;
    echo ‘   . $product->get_id() . ‘” href=”#quick-view”>;
}

add_action( ‘flatsome_product_box_actions’, ‘flatsome_lightbox_button_custom’, 50 );
add_action( ‘after_setup_theme’, ‘wpse_222809_after_setup_theme’ );
function wpse_222809_after_setup_theme() {
  remove_action( ‘flatsome_product_box_actions’, ‘flatsome_lightbox_button’, 50 );
}

Và đầy là kết quả

Quick view đã thay bằng icon mắt

Icon trong bài viết là mình sử dụng thư viên Dashicon có sẵn của wordpress, bạn có thể thay thế bằng icon của font awesome tùy bạn.

Nếu thấy có ích thì đừng ngại donate một tách cà phê nhé.

Donate ủng hộ tinh thần

Có bất kì câu hỏi nào thì hãy gửi về cho mình nhé, mình sẽ cố gắng giải đáp trong thời gian sớm nhất

Ủng hộ mình một ly cà phê nhé: Vì đầy là động lực để mình có thể giúp đỡ mọi người nhé.

Ủng hộ bằng momo:

0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments