Change where single product page is displayed

I hope i ask this properly. What i am trying to do is have the contents of the single-product.php page appear inside of a slider (view port). So basically i have a plugin that how all the products i carry in a grid format and as you click on the product a slider appears where i want the product description, price, etc… to be. Just like when someone clicks on the product and the single product page appears. So i have this code that i will place in the plugin in question that uses hooks and filters:

function replace_content($html, $post_id) {
 return "This is my replaced content";
}

add_filter('colio_content', 'replace_content', 10, 2);

But i just can’t seem to figure out what woocommerce code to place in the “this is my replaced content” section. Any ideas?

https://wordpress.org/plugins/woocommerce/