Как скрыть группу полей Advanced Custom Fields если поля пустые?

Question

[Stanislav6]

Здравствуйте!

Ребята, помоги решить проблему с тем, как скрыть пустую группу полей, если ни одно поле не заполнено.

Есть код вывода группы полей:

<?php

    $icons = get_field('icons-group');  

    if( $icons ): ?>
    <div class="icons-group">
        <h3><?php the_title(); ?></h3>
        <div class="icons">
            <?php if ( $icons['icon-1'] ): ?><span class="icon-item"><?php echo $icons['icon-1']; ?></span><?php endif; ?>
            <?php if ( $icons['icon-2'] ): ?><span class="icon-item"><?php echo $icons['icon-2']; ?></span><?php endif; ?>
            <?php if ( $icons['icon-3'] ): ?><span class="icon-item"><?php echo $icons['icon-3']; ?></span><?php endif; ?>
            <?php if ( $icons['icon-4'] ): ?><span class="icon-item"><?php echo $icons['icon-4']; ?></span><?php endif; ?>
            <?php if ( $icons['icon-5'] ): ?><span class="icon-item"><?php echo $icons['icon-5']; ?></span><?php endif; ?>
            <?php if ( $icons['icon-6'] ): ?><span class="icon-item"><?php echo $icons['icon-6']; ?></span><?php endif; ?>
        </div>
    </div>

<?php endif; ?>

В таком виде незаполненные поля не выводятся, однако контейнер <div class="icons-group"> и заголовок <h3><?php the_title(); ?></h3> выводится.
Подскажите пожалуйста, каким образом скрыть контейнер <div class="icons-group">, если в группе полей $icons = get_field('icons-group') не заполнено ни одного поля.
Несколько дней безрезультатно бьюсь.
Умоляю!

Answer 1

[Игорь Воротнёв]

1. Вы проверяете в вашем IF не приводится ли $cions к true. Но $icons, как я предполагаю, является массивом.
2. Сделайте var_dump($icons); перед вашим IF и посмотрите что внутри.
3. Исходя из результата скорректируйте условие IF.

Скорее всего у вас там массив такого вида (приблизительно):

$icons = [
    'icon-1' => '',
    'icon-2' => '',
    ...
];

А такой массив не является пустым. Пустыми являются элементы этого массива.

Comments

[Stanislav6]

icon-1 (2, ect) — это True\False чекбоксы. Если True — выводится иконка, если False не выводится.

Сделал var_dump($icons); перед IF: выводит NULL. Стесняюсь спросить: вы можете помочь скорректировать код ?

[Игорь Воротнёв]

Stanislav6, Там не должно быть NULL, это говорит о том, что скорее всего вы вызываете get_field() вне нужного контекста. Нужно передавать вторым параметром ID записи, 'options' и тд - указать контекст явно. NULL обычно говорит о том, что поле вообще не найдено.

Покажите скриншот настроек поля icons-group в плагине ACF + весь код файла, в котором вы пытаетесь сделать вывод.

[Stanislav6]

Игорь Воротнёв, простите, пожалуйста, что ввёл в заблуждение. Группа полей не True\False выводит, а текстовые поля (Редактор Wordpress). От бесконечных неудач плыву уже.

Вот скриншот группы полей:



Вот код страницы целиком:

<?php
/**
 * Template Name: benefits
 * Template Post Type: post
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly.
}

get_header(); ?>

	<div class="benefits-container">
		<div class="benefits-content">

			<div class="benefits-sidebar">
			</div><!-- benefits-sidebar -->

			<div class="benefits-content-item">

				<?php
					// vars
					$benefits = get_field('benefits');	
					
					if( $benefits ): ?>
					<h3>Преимущества <?php the_title(); ?></h3>
					<div class="benefits">
						<?php if ( $benefits['benefit-1'] ): ?><div class="benefits-item"><?php echo $benefits['benefit-1']; ?></div><?php endif; ?>
						<?php if ( $benefits['benefit-2'] ): ?><div class="benefits-item"><?php echo $benefits['benefit-2']; ?></div><?php endif; ?>
						<?php if ( $benefits['benefit-3'] ): ?><div class="benefits-item"><?php echo $benefits['benefit-3']; ?></div><?php endif; ?>
						<?php if ( $benefits['benefit-4'] ): ?><div class="benefits-item"><?php echo $benefits['benefit-4']; ?></div><?php endif; ?>
						<?php if ( $benefits['benefit-5'] ): ?><div class="benefits-item"><?php echo $benefits['benefit-5']; ?></div><?php endif; ?>
						<?php if ( $benefits['benefit-6'] ): ?><div class="benefits-item"><?php echo $benefits['benefit-6']; ?></div><?php endif; ?>
					</div>
				<?php endif; ?>


			</div><!-- benefits-content-item -->

		</div><!-- benefits-content -->		

	</div><!-- benefits-container -->

<?php get_footer(); ?>

[Stanislav6]

Игорь Воротнёв, если ни одно поле benefit-$ не имеет данных, нужно скрыть общий для всех benefit-$ контейнер <div class="benefits">.

[Игорь Воротнёв]

Stanislav6, для начала у вас отсутствует WordPress Loop. Добавьте его:

<?php
/**
 * Template Name: benefits
 * Template Post Type: post
 */

if ( ! defined( 'ABSPATH' ) ) {
  exit; // Exit if accessed directly.
}

get_header(); 

while ( have_posts() ) : the_post(); ?>

  <div class="benefits-container">
    <div class="benefits-content">

      <div class="benefits-sidebar">
      </div><!-- benefits-sidebar -->

      <div class="benefits-content-item">

        <?php
          // vars
          $benefits = get_field('benefits');	
          
          if( $benefits ): ?>
          <h3>Преимущества <?php the_title(); ?></h3>
          <div class="benefits">
            <?php if ( $benefits['benefit-1'] ): ?><div class="benefits-item"><?php echo $benefits['benefit-1']; ?></div><?php endif; ?>
            <?php if ( $benefits['benefit-2'] ): ?><div class="benefits-item"><?php echo $benefits['benefit-2']; ?></div><?php endif; ?>
            <?php if ( $benefits['benefit-3'] ): ?><div class="benefits-item"><?php echo $benefits['benefit-3']; ?></div><?php endif; ?>
            <?php if ( $benefits['benefit-4'] ): ?><div class="benefits-item"><?php echo $benefits['benefit-4']; ?></div><?php endif; ?>
            <?php if ( $benefits['benefit-5'] ): ?><div class="benefits-item"><?php echo $benefits['benefit-5']; ?></div><?php endif; ?>
            <?php if ( $benefits['benefit-6'] ): ?><div class="benefits-item"><?php echo $benefits['benefit-6']; ?></div><?php endif; ?>
          </div>
        <?php endif; ?>


      </div><!-- benefits-content-item -->

    </div><!-- benefits-content -->		

  </div><!-- benefits-container -->

<?php endwhile;

get_footer(); ?>

[Stanislav6]

Игорь Воротнёв, добавил. Тем не менее, <h3>Преимущества <?php the_title(); ?></h3> и контейнер <div class="benefits"> выводятся.

Например, есть вот такой блок:

<?php 
  if (get_field('manual')) {
	?>
	  <div class="manual">
		<h3>Инструкция по выполнению <span><?php the_title(); ?></span></h3>
		<?php the_field('manual'); ?>
	  </div><!-- manual -->
	<?php 
  }
?>

Он выводит список с пошаговой инструкцией. Если он пустой, контейнер <div class="manual"> не выводится. По аналогии с этим нужно вывести группу полей, чтобы оборачивающий всю конструкцию контейнер не выводился, если ни одно из полей benefit-$ не заполнено.

[Игорь Воротнёв]

Stanislav6, это понятно, просто без цикла было сложнее дебажить. А вот теперь давайте сделаем вот такк:

...
// vars
$benefits = get_field('benefits');

var_dump(get_field('benefits'), get_field('benefits', get_the_ID()));
...

И скопируйте сюда полный вывод.

[Stanislav6]

Игорь Воротнёв,

array(12) { [1]=> NULL ["benefit-1"]=> string(0) "" [2]=> NULL ["benefit-2"]=> string(0) "" [3]=> NULL ["benefit-3"]=> string(0) "" [4]=> NULL ["benefit-4"]=> string(0) "" [5]=> NULL ["benefit-5"]=> string(0) "" [6]=> NULL ["benefit-6"]=> string(0) "" } array(12) { [1]=> NULL ["benefit-1"]=> string(0) "" [2]=> NULL ["benefit-2"]=> string(0) "" [3]=> NULL ["benefit-3"]=> string(0) "" [4]=> NULL ["benefit-4"]=> string(0) "" [5]=> NULL ["benefit-5"]=> string(0) "" [6]=> NULL ["benefit-6"]=> string(0) "" }

[Игорь Воротнёв]

Stanislav6, Забавно. Тогда покажите еще раз скрин настроек ACF, только самую нижнюю часть - надо понимать куда вы его прикрепили (location rules). Уверены, что именно к этой записи? И в самой записи вы поля заполняли или нет? Потому как NULL бывает только если get_field не нашло такое поле.

[Stanislav6]

Игорь Воротнёв,



В записи поля не заполнял.

[Игорь Воротнёв]

Stanislav6, не тот скриншот, нужно самую нижнюю часть (Location на английском), где вы определяете где будет отображаться группа полей.

[Stanislav6]

Игорь Воротнёв,

[Игорь Воротнёв]

Stanislav6,

array(12) { [1]=> NULL ["benefit-1"]=> string(0) "" [2]=> NULL ["benefit-2"]=> string(0) "" [3]=> NULL ["benefit-3"]=> string(0) "" [4]=> NULL ["benefit-4"]=> string(0) "" [5]=> NULL ["benefit-5"]=> string(0) "" [6]=> NULL ["benefit-6"]=> string(0) "" } array(12) { [1]=> NULL ["benefit-1"]=> string(0) "" [2]=> NULL ["benefit-2"]=> string(0) "" [3]=> NULL ["benefit-3"]=> string(0) "" [4]=> NULL ["benefit-4"]=> string(0) "" [5]=> NULL ["benefit-5"]=> string(0) "" [6]=> NULL ["benefit-6"]=> string(0) "" }

Так вот же, вывод появился нормальный. Теперь видите что в переменной $benefits? Это массив, и он не пуст. А значит, ваше условие if ($benefits) всегда будет true. Поэтому и выводится обертка. А уже внутренности там у вас со своими проверками, потому и не выводятся. Я бы советовал вам изменить тип поля, вместо Group сделать Repeater. У рипитера можно проверить длину массива (количество элементов), и если оно 0 - не выводить контейнер.

[Stanislav6]

Игорь Воротнёв, а можно без репитера?
За репитера нужно заплатить. В противном случае можно сделать реализацию блока через список (Редактор WordPress). Хотелось клиенту как то удобнее сделать, без котлеты инструкции, каким образом оформлять блок.

[Игорь Воротнёв]

Stanislav6, без рипитера у вас всегда фиксированное количество строк/полей, многие из которых будут пустыми. Я бы не назвал это "удобнее для клиента". Как раз для таких задач рипитер и создан, он очень удобен. Впрочем, если бюджет не позволяет купить ACF Pro, то придется мучаться с тем, что есть. Понятное дело, проверять в IF все benefits через && - дичь, поэтому стоит подумать об альтернативном пути. Я бы добавил в группу еще одно поле типа True/False или Checkbox/Radio (если True/False тоже не бесплатен, честно говоря не помню), и назвал его что-то типа Показывать / Активно. Ну и на фронте проверял бы уже его - если значение "да", то формировал бы обертки, а уже внутри запрашивал все эти бенефиты.

[Stanislav6]

Мне проще будет через списки ul сделать и стилизовать css, раз уж такое дело.

[Игорь Воротнёв]

Stanislav6, смотрите как удобнее. Имхо, добавить "булевое" поле активен/неактивен для этой группы - дешево и сердито. Впрочем, если посчитать сколько времени у вас уйдет на CSS с UL (и учитывая всю вот эту возню на Тостере) - дешевле было бы сразу купить ACF Pro :)

[Stanislav6]

Игорь Воротнёв, не дешевле, если вы понимаете о чём речь. :) В общем, спасибо за время.

Answer 2

[Sergey Bro]

А что, если сделать так?

<?php
$icons = [
    'icon-1' => '',
    'icon-2' => '',
    'icon-3' => '1',
    'icon-4' => '',
];

$countIcons = 0;
foreach ($icons as $icon) {
  if ($icon) {
    ++$countIcons;
  }
}

if ($countIcons): ?>

  Выводим верстку
  
<?php endif;?>