Wordpress - Display specific Meta Name and Value - wordpress

Question

I can't find a specific answer that has been helpful.
I have woocommerce products with 28 additional meta fields. Some that are simple text and some that are URLs.
I am trying to figure out how to display the Meta Key Name as well as the value individually rather than as a loop. This is so I can add appropriate HTML and CSS around each item as needed.
Example:
Meta Key Name : Meta Value
Batteries Included : No
Full Engineering Drawing : https://www.websiteaddress.com/drawings/1024-4.5.pdf

Answer 1

So if you do not want to loop trough the meta I think your best bet is doing it like this:
I use the if statements to only echo the field if the meta is added to that product.
//Add all meta keys here individually
$batteries = get_post_meta( get_the_ID(), "Batteries Included", true );
$drawing = get_post_meta( get_the_ID(), "Full Engineering Drawing", true );
//Check if meta value is empty and only display if not
if(!($batteries == null || $batteries == '')) {
echo '<div class="battery-div">' . '<span class="batteries">Batteries Included: </span>' . '<span class="battery-value">' . $batteries . '</span>' . '</div>';
}
if(!($drawing == null || $drawing == '')) {
echo '<div class="drawing-div">' . '<span class="engineering_drawing">Full Engineering Drawing: </span>' . '<span class="drawing-value">' . $drawing . '</span>' . '</div>';
}
But if you loop trough the meta you could do something like this instead:
//Get product meta
$meta_info = get_post_meta(get_the_ID());
//Loop trough meta
foreach($meta_info as $key=>$val){
//If meta key is this and not empty echo this
if ($key == 'Batteries Included' && !($val == null || $val == '')) {
echo '<div class="battery-div">' . '<span class="battery-name">' . $key . ' : ' . '</span>' . '<span class="battery-value">' . $val[0] . '</span>' . '</div>';
}
if ($key == 'Full Engineering Drawing' && !($val == null || $val == '')) {
echo '<div class="drawing-div">' . '<span class="drawing-name">' . $key . ' : ' . '</span>' . '<span class="drawing-value">' . $val[0] . '</span>' . '</div>';
}
}