Storefront Child Theme show product attribute [closed]

You do not need to code externally for that. Please refer the screenshots given below:

Add product attributes from the dashboard as shown in the above image.

At the front end product attributes will be shown under the section Additional Information.

Hope your problem is solved, if not please post a comment below.

Answer for updated question:

Since you want to show product attributes on product list page, just add following lines in your functions.php

add_action('woocommerce_after_shop_loop_item_title', 'show_attr');

function show_attr()
{
    global $product;
    $product->list_attributes();
}

Product list page will look like this: