Hover show description product

Paste code to function.php in Child theme

PHP

Paste code to function.php in Child theme

Default

function action_woocommerce_after_shop_loop_item( ) { 
     global $product;
     echo '<a href=" '.$product->get_permalink().' ">
              <div class="showinfo">
			 '.$product->get_short_description().'<br/>
		 </div>
           </a>';
     }; 
add_action( 'woocommerce_after_shop_loop_item', 'action_woocommerce_after_shop_loop_item', 10, 0 );

With ACF

CSS

.showinfo {
    position: absolute;
    bottom: 0px;
	left:0px;
	border-radius:5px;
	padding: 15px;
    width:100%;
    height:50%;
    z-index:22;
    display:none;
    background: #fff; 
}
.product-small:hover .showinfo{
	color: #000;
    display:block;
    cursor:pointer;
    opaticy: 0.5;
	font-size: 0.8rem!important;
}