Разделение значений пользовательских полей в div каждые два значения

Question

Разделение значений пользовательских полей в div каждые два значения

6 июн. 2015 г., 21:51:33

Просмотры: 946

Голосов: 0

У меня есть такая HTML-разметка для сортировки данных:

<div class="row">
<div class="col-xs-2">
  <img src="images/member-schools/ms1.jpg" class="img-responsive" alt="American International School - East" title="American International School - East">
</div>
<div class="col-xs-4">
  <h4>American International School - East</h4>
</div>
<div class="col-xs-2">
  <img src="images/member-schools/ms2.jpg" class="img-responsive" alt="Dover American International School" title="Dover American International School">
</div>
<div class="col-xs-4">
  <h4>Dover American International School</h4>
</div>

Данные я получаю из повторяемой группы метабокса, который я использую из CMB2

Вот код зарегистрированного метабокса:

function schools() {

// Начинаем с подчеркивания, чтобы скрыть поля из списка пользовательских полей
$prefix = 'schools_';

/**
 * Повторяемые группы полей
 */
$schools = new_cmb2_box( array(
    'id'           => $prefix . 'metabox',
    'title'        => __( 'Школы', 'cmb2' ),
    'object_types' => array( 'page', ),
    'show_on'      => array( 'key' => 'id', 'value' => 6 ),
    'closed'     => true,
) );

$group_field_id = $schools->add_field( array(
    'id'          => $prefix . 'field',
    'type'        => 'group',
    'options'     => array(
        'group_title'   => __( 'Слайд {#}', 'cmb2' ), // {#} заменяется номером строки
        'add_button'    => __( 'Добавить еще слайд', 'cmb2' ),
        'remove_button' => __( 'Удалить слайд', 'cmb2' ),
        'sortable'      => true, // бета
    ),
) );

$schools->add_group_field( $group_field_id, array(
    'name' => __( 'Фото', 'cmb2' ),
    'id'   => 'photo',
    'type' => 'file',
) );

$schools->add_group_field( $group_field_id, array(
    'name' => __( 'Название', 'cmb2' ),
    'id'   => 'name',
    'type' => 'text',
) );}

Я получаю данные через этот код:

$schools = get_post_meta( get_the_ID(), 'schools_field', true );

где $schools - это массив, содержащий изображение и название для каждой записи, которые я могу перебирать. Мой вопрос: как я могу добавлять <div class="row"> каждые два элемента из этого массива, так как мне нужен отдельный row для каждой пары записей.

РЕДАКТИРОВАНИЕ: результат var_dump

array(3) {
    [0] => array(3) {
        ["photo_id"]    => string(2) "89"
        ["photo"]       => string(56) "http://localhost/NCSR/wp-content/uploads/2015/06/ms3.jpg"
        ["name"]        => string(8) "Школа 1" 
    }
    [1] => array(3) {
        ["photo_id"]    => string(2) "88"
        ["photo"]       => string(56) "http://localhost/NCSR/wp-content/uploads/2015/06/ms2.jpg"
        ["name"]        => string(8) "Школа 2"
    }
    [2] => array(3) {
        ["photo_id"]    => string(2) "87"
        ["photo"]       => string(56) "http://localhost/NCSR/wp-content/uploads/2015/06/ms1.jpg"
        ["name"]        => string(8) "Школа 3"
    } 
}

Mohamed Mokhtar

59

php произвольное поле цикл счетчик плагины

Комментарии

Пожалуйста, опубликуйте структуру массива $schools. Будет отлично, если вы сделаете var_dump($schools).

Omar Tariq

6 июн. 2015 г. 22:02:40

отредактировал код, добавив структуру метабокса

Mohamed Mokhtar

6 июн. 2015 г. 22:11:50

Я ценю ваши усилия, но мне хотелось бы, чтобы вы опубликовали результат var_dump($schools) для быстрого ответа на ваш вопрос.

Omar Tariq

6 июн. 2015 г. 22:17:27

отредактировал пост, добавив результат vardump, благодарю за помощь

Mohamed Mokhtar

6 июн. 2015 г. 22:46:57

Все ответы на вопрос

Комментарии

отличная логика, мне нравится как ты это сделал, код намного чище чем в моём ответе и практичный для использования в других шаблонах, я попробую его, буду благодарен если скажешь что думаешь о моём ответе, может я что-то упустил или недодумал?

Mohamed Mokhtar

7 июн. 2015 г. 01:41:05

Я не полностью анализировал твой код, честно. Но при беглом просмотре вижу 2 проблемы. Первая: итератор $i обычно обновляется прямо перед концом цикла. Вторая: тебе следует выводить строки когда $i чётный. Так что условие должно быть if(!($i & 1)). Я не полностью изучил твой код.

Omar Tariq

7 июн. 2015 г. 01:49:55

Mohamed Mokhtar 59 · Answer 1 · 2015-06-07T00:55:27

Я нашел способ сделать это, оказалось довольно просто. Вот что я сделал:

// Получаем мета-данные для американских школ-участников
$Aschools = get_post_meta( get_the_ID(), 'american_member_schools_field', true );

$i = 0;

// Считаем количество записей
$entries = count($Aschools);

// Перебираем массив школ
foreach ( (array) $Aschools as $key => $Aschool ) {

  $logo = $Aname = '';

  $i++;

  // Если есть название школы
  if ( isset( $Aschool['name'] ) )
      $Aname =  $Aschool['name'] ;

  // Если есть логотип
  if ( isset( $Aschool['logo_id'] ) ) {
      $logo = wp_get_attachment_image( $Aschool['logo_id'], 'full', null, array(
          'class' => 'img-responsive',
      ) );
  }

  // Обрабатываем данные

  // Для нечетных элементов начинаем новую строку
  if ($i & 1) {
    echo '<div class="row row-eq-height">';
    echo '<div class="col-xs-2">';
    echo $logo;
    echo '</div>';
    echo '<div class="col-xs-4">';
    echo '<h4>' . $Aname . '</h4>';
    echo '</div>';
  } 
  // Для последнего нечетного элемента закрываем строку
  elseif ($i & 1 && $i == $entries) {
    echo '<div class="row row-eq-height">';
    echo '<div class="col-xs-2">';
    echo $logo;
    echo '</div>';
    echo '<div class="col-xs-4">';
    echo '<h4>' . $Aname . '</h4>';
    echo '</div>';
    echo '</div>';
  } 
  // Для четных элементов добавляем в текущую строку и закрываем ее
  else {
    echo '<div class="col-xs-2">';
    echo $logo;
    echo '</div>';
    echo '<div class="col-xs-4">';
    echo '<h4>' . $Aname . '</h4>';
    echo '</div>';
    echo '</div>';
  }
}

Omar Tariq 676 · Answer 2 · 2015-06-07T01:23:28

display_schools($string);

function display_schools($string) {
    $counter = 0;
    $i = 0;
    $len = count($string);
    foreach($string as $school) {
        if($counter == 0) {
            echo '<div class="row">';
        }
        ?>
            <div class="col-xs-2">
              <img src="<?php echo $school['photo']; ?>" class="img-responsive photo_id_<?php echo $school['photo_id']; ?>" alt="Фото школы <?php echo $school['name']; ?>" title="Фото школы <?php echo $school['name']; ?>">
            </div>
            <div class="col-xs-4">
              <h4><?php echo $school['name']; ?></h4>
            </div>
        <?php
        if($counter == 1 || $i == $len - 1) {
            echo '</div>';
            $counter = 0;
        } else {
            $counter = $counter + 1;    
        }

        $i++;
    }
}