Hide Div if custom fields are empty

• Lalit

• October 4, 2017 at 10:21 pm

Hello.

I’m having a div containing a font-awesome icon with text “Cashback:” and “(What’s this?)” and using that before and after the custom field created by ACF plugin. Below is the code:

<div class="cashback-css">
<strong"><i class="money icon"></i>Cashback:</strong> <?php the_field('cashback', $term); ?>
<p class="cbquery" data-toggle="popover" title="What is Cashback?" data-content="Cashback from ElkeesDeals is real money that is added to your ElkeesDeals">(What's this?)</p>
</div>

This “<?php the_field('cashback', $term); ?>” is the orginal php code I am using to show custom field’s data on the front-end on my site.

But the problem is; when there is no data available or did not put any content in that particular custom field, it displays: “Cashback:” and “(What’s this?)” and that is something I don’t want to get it show.

Check this screenshot: http://prntscr.com/gt4f9s

I am not a PHP expert and looking someone to resolve it.

When the custom field is empty or having no data, none of the text should display including icon but when I add anything in the custom field, it should work normally with all the icons and text.

Is there any way to hide the entire div containing text and icon if the fields are empty? Because if the fields are empty now, the other content still prints and I don’t want that.

Please help…

My site elkeesdeals.com

Thanks in advance

2-1.jpg.jpg

• John Huebner

• October 4, 2017 at 10:40 pm

<?php 
  if (get_field('cashback', $term)) {
    <div class="cashback-css">
    <strong"><i class="money icon"></i>Cashback:</strong> <?php the_field('cashback', $term); ?>
    <p class="cbquery" data-toggle="popover" title="What is Cashback?" data-content="Cashback from ElkeesDeals is real money that is added to your ElkeesDeals">(What's this?)</p>
    </div>
  } // end if value
?>

• Lalit

• October 4, 2017 at 11:38 pm

Hi @hube2

Thanks for the code but I am getting the Parse error. Check below

Parse error: syntax error, unexpected '<' in /home/ee8bu/public_html/elkeesdeals.com/lib/skins/child/taxonomy.php on line 49

To better understand the issue, I am sending the taxonomy PHP file through attachment.

.

• Lalit

• October 4, 2017 at 11:42 pm

@hube2

Find attached php file.

• John Huebner

• October 4, 2017 at 11:50 pm

I misses a couple of things

<?php 
  if (get_field('cashback', $term)) {
    ?>
      <div class="cashback-css">
      <strong"><i class="money icon"></i>Cashback:</strong> <?php the_field('cashback', $term); ?>
      <p class="cbquery" data-toggle="popover" title="What is Cashback?" data-content="Cashback from ElkeesDeals is real money that is added to your ElkeesDeals">(What's this?)</p>
      </div>
    <?php 
  } // end if value
?>

• Lalit

• October 5, 2017 at 12:11 am

@hube2

That’s awesome 🙂

Thank you very much for the help.

10 out of 10 Star ratings for your support.

Thanks once again.

• AliLiaquat

• February 27, 2019 at 10:39 am

I have a similar situation. I am trying to display product specifications and details. I have a few blocks created but not every page requires all blocks to be filled out, thus the empty blocks (div) still show up. How can I add a logic to hide the div (frontend: class/borders) if there’s no custom field value entered.

 <div class="info-dtl-box" id="additional">
		<h4><?php echo $title_additional_block_1; ?></h4>
		<ul>

		          <li><?php echo $description_additional_block_1; ?></li>

		</ul>
			  </div>

ACF-.jpg.jpg