How to Add a ‘View More Details’ Link to Quickview

If you want to add a button or link to your Quickview popup that allows customers to go directly to the single product page, you can do so with this guide.

Add A Product Link To Quickview

To do this, add the following code to your website’s functions file, or use the Code Snippets plugin:

Note: There are plenty of hooks you can use to customize this further. 

function iconic_quickview_summary( $product_id, $post, $product ) {
    if( ! empty( $_POST['variation_id'] ) ) {
        $product = wc_get_product( $_POST['variation_id'] );
    }
    printf( '<a href="%s" class="button">%s</a>', $product->get_permalink(), __( 'View Product', 'iconic' ) );
}
add_action( 'jck_qv_summary', 'iconic_quickview_summary', 100, 3 );

WooCommerce Quickview

Quickly view any product from the catalog, without reloading the page. Encourage sales with easy and efficient product browsing.

Buy Now

Was this helpful?

Please let us know if this article was useful. It is the best way to ensure our documentation is as helpful as possible.