If Statement Condition If Element Exists Using PHP - php

Question

I want to check if an element exist then show the div, if it doesn't then hide the div. I'm lost as to exactly how to place it. If I add for both divs combined or each div has to have an IF.
<?php if() ?> //if there is no content or image don't show this entire div
<div class="row-fullsize archive-header">
<div class="small-12 large-6 columns">
<?php $category_header_src = woocommerce_get_header_image_url();
if( $category_header_src != "" ) {
echo '<div class="woocommerce_category_header_image"><img src="'.$category_header_src.'" /> //This is waiting for an image to be uploaded. If it is uploaded show the entire div. Even if nothing is in the other div.
</div>';
}
?>
</div>
<div class="small-12 large-6 columns"> //This is the other div. With a H1 Heading and paragraph. It doesn't need a condition but needs to be a part of the entire row-fullsize.
<div class="hd-woocom-description">
<div class="hd-woo-content">
<h1><?php echo $productCatMetaTitle = get_term_meta( get_queried_object_id(), 'wh_meta_title',
true); ?></h1>
<p><?php echo $productCatMetaDesc = get_term_meta( get_queried_object_id(),
'wh_meta_desc', true); ?></p>
</div>
</div>
</div>
</div>
<?php endif; ?> // end it here??

Answer 1

If I understand your question correctly, this is what you wanted to achieve? Assuming your code works properly just that the if statement is wrong/incorrect.
<div class="row-fullsize archive-header">
<?php $category_header_src = woocommerce_get_header_image_url(); ?>
<?php if( $category_header_src ) : ?>
<div class="small-12 large-6 columns">
<?php echo '<div class="woocommerce_category_header_image"><img src="' . $category_header_src . '" /></div>'; ?>
</div>
<?php endif; ?>
<div class="small-12 large-6 columns">
<div class="hd-woocom-description">
<div class="hd-woo-content">
<h1><?php echo get_term_meta( get_queried_object_id(), 'wh_meta_title', true); ?></h1>
<p><?php echo get_term_meta( get_queried_object_id(), 'wh_meta_desc', true); ?></p>
</div>
</div>
</div>
</div>
Thanks everybody for assisting me with this. I ended up coding it a different way. It's not clean but it works until I can figure out a cleaner way to do it. Appreciate all the help.
<?php $category_header_src = woocommerce_get_header_image_url();
if( $category_header_src != "" ) {
echo '<div class="row-fullsize archive-header">';
echo '<div class="small-12 large-6 columns">';
echo '<div class="woocommerce_category_header_image"><img
src="'.$category_header_src.'" /></div>';
echo '</div>';
echo '<div class="small-12 large-6 columns">';
echo '<div class="hd-woocom-description">';
echo '<div class="hd-woo-content">';
echo '<h1>',esc_attr ( get_term_meta( get_queried_object_id(),
'wh_meta_title', true )),'</h1>';
echo '<p>', esc_attr( get_term_meta( get_queried_object_id(),
'wh_meta_desc', true )),'</p>';
echo '<p><?php echo $productCatMetaDesc = get_term_meta(
get_queried_object_id(), wh_meta_desc, true); ?></p>';
echo '</div></div></div></div>';
}
?>