Đoạn code được sử dụng để thêm các liên kết hoặc chức năng bổ sung vào một số vị trí trên giao diện WooCommerce (một plugin phổ biến của WordPress). Cụ thể, chức năng sẽ hiển thị các liên kết “Xem demo” (nếu có) và “Xem chi tiết” cho sản phẩm.

//function xem demo, xem chi tiet
add_action( 'woocommerce_after_add_to_cart_button', 'webdy_woo_product_detail', 21 );
//add_action( 'woocommerce_before_single_product_summary', 'webdy_woo_product_detail', 21);
add_action( 'flatsome_product_box_actions', 'webdy_woo_product_detail', 15 );


function webdy_woo_product_detail() {
    global $product;
    
    // Kiểm tra xem sản phẩm có tồn tại hay không
    if ( !$product ) {
        return; // Nếu không có sản phẩm, không làm gì cả
    }
    
    echo '<div class="webdy_product_detail">';
    
    // Liên kết xem demo (nếu có trường 'demo' trong ACF)
    $link_demo = get_field('demo');
    if ($link_demo) {
        echo '<a class="webdy_demo_link" href="' . esc_url($link_demo) . '" rel="nofollow" target="_blank"><i class="fa fa-eye" aria-hidden="true"></i> Xem demo</a>';
    }
    
    // Lấy ID sản phẩm và tạo liên kết "Xem chi tiết"
    $product_id = $product->get_id();
    echo '<a class="webdy_detail_link" href="' . get_permalink($product_id) . '"><i class="fa fa-arrows" aria-hidden="true"></i> Xem chi tiết</a>';
    
    echo '</div>';
}
//--------

CSS tí cho đẹp