Woocommerce Shop Page Layout Same Layout As Single Product Pages Top

I want to keep the single product page layout the same for products in a list on a category page or the shop. Screenshot image links of single product layout top and shop layout goal.

Product example page:
https://printmorespendless.com/allcal/product/pt9600-3/

Product Layout Example wanted for shop page:
https://printmorespendless.com/allcal/wp-content/uploads/2016/02/Product-Layout-Example.png

Wanted Shop Page Layout to look like:
https://printmorespendless.com/allcal/wp-content/uploads/2016/02/Shop-Layout.png

Current Shop Page
https://printmorespendless.com/allcal/shop-new/

I want to know if it is possible to change the shop page layout from a grid to list with the same layout as the single product pages top? Basically the featured image, title, short product description, and add to cart button for each product that is already the default layout for the individual products.

I found php that calls the info on the single product page but don’t know how to apply it to the shop/category page as the layout:

<?php
/**
* woocommerce_before_single_product_summary hook
*
* @hooked woocommerce_show_product_sale_flash – 10
* @hooked woocommerce_show_product_images – 20
*/
do_action( ‘woocommerce_before_single_product_summary’ );
?>

<div class=”summary entry-summary”>

<?php
/**
* woocommerce_single_product_summary hook
*
* @hooked woocommerce_template_single_title – 5
* @hooked woocommerce_template_single_rating – 10
* @hooked woocommerce_template_single_price – 10
* @hooked woocommerce_template_single_excerpt – 20
* @hooked woocommerce_template_single_add_to_cart – 30
* @hooked woocommerce_template_single_meta – 40
* @hooked woocommerce_template_single_sharing – 50
*/
do_action( ‘woocommerce_single_product_summary’ );
?>

</div>