Dividir valores de campos personalizados en div cada dos valores

Question

Dividir valores de campos personalizados en div cada dos valores

6 jun 2015, 21:51:33

Vistas: 946

Votos: 0

Tengo este marcado HTML para organizar algunos datos

<div class="row">
<div class="col-xs-2">
  <img src="images/member-schools/ms1.jpg" class="img-responsive" alt="Escuela Internacional Americana - Este" title="Escuela Internacional Americana - Este">
</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="Escuela Internacional Americana Dover" title="Escuela Internacional Americana Dover">
</div>
<div class="col-xs-4">
  <h4>Dover American International School</h4>
</div>

y estoy extrayendo los datos de un grupo repetible de metabox que uso de CMB2

Este es el código para el metabox registrado

function schools() {

// Comienza con un guión bajo para ocultar campos de la lista de campos personalizados
$prefix = 'schools_';

/**
 * Grupos de Campos Repetibles
 */
$schools= new_cmb2_box( array(
    'id'           => $prefix . 'metabox',
    'title'        => __( 'Escuelas', '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'   => __( 'Slide {#}', 'cmb2' ), // {#} se reemplaza por el número de fila
        'add_button'    => __( 'Añadir Otro Slide', 'cmb2' ),
        'remove_button' => __( 'Eliminar Slide', 'cmb2' ),
        'sortable'      => true, // beta
    ),
) );


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

$schools->add_group_field( $group_field_id, array(
    'name' => __( 'Nombre', 'cmb2' ),
    'id'   => 'name',
    'type' => 'text',
) );}

Extraigo los datos mediante este código

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

donde $schools es un array que contiene una imagen y título para cada entrada que puedo recorrer para extraer los valores. Mi pregunta es cómo puedo agregar <div class="row"> cada dos elementos de ese array, porque necesito una fila por cada dos entradas

EDIT: resultado del 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) "School 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) "school 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) "school 3"
    } 
}

Mohamed Mokhtar

59

php campo personalizado loop contar plugins

Comentarios

Por favor, publica la estructura del array $schools. Un var_dump($schools) sería genial.

Omar Tariq

6 jun 2015 22:02:40

edité el código para agregar la estructura del metabox

Mohamed Mokhtar

6 jun 2015 22:11:50

Aprecio tus esfuerzos, pero me gustaría que por favor publiques el resultado de var_dump($schools) para que pueda responder rápidamente a tu pregunta.

Omar Tariq

6 jun 2015 22:17:27

editó la publicación para incluir el resultado de vardumb, agradezco su ayuda

Mohamed Mokhtar

6 jun 2015 22:46:57

Todas las respuestas a la pregunta

Comentarios

Buena lógica, me gusta la forma en que lo hiciste, código mucho más limpio que mi respuesta y práctico para usar en otras plantillas, lo probaré, te agradecería si me puedes decir qué piensas de mi respuesta, ¿hay algo que estoy pasando por alto o en lo que no pensé?

Mohamed Mokhtar

7 jun 2015 01:41:05

En realidad no he analizado completamente tu código. Pero, al echar un vistazo rápido, veo 2 problemas. Número 1: el iterador $i normalmente se actualiza justo antes de que termine el bucle. Número 2: Deberías mostrar las filas cuando $i es par. Así que la condición debería ser if(!($i & 1)). No he revisado completamente tu código.

Omar Tariq

7 jun 2015 01:49:55

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

Descubrí una manera de hacer esto, resultó ser bastante fácil. Esto es lo que hice:

$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',
      ) );
  }

  // Hacer algo con los datos

  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:28Z

mostrar_escuelas($string);

function mostrar_escuelas($string) {
    $contador = 0;
    $i = 0;
    $len = count($string);
    foreach($string as $escuela) {
        if($contador == 0) {
            echo '<div class="row">';
        }
        ?>
            <div class="col-xs-2">
              <img src="<?php echo $escuela['photo']; ?>" class="img-responsive photo_id_<?php echo $escuela['photo_id']; ?>" alt="Foto de la escuela <?php echo $escuela['name']; ?>" title="Foto de la escuela <?php echo $escuela['name']; ?>">
            </div>
            <div class="col-xs-4">
              <h4><?php echo $escuela['name']; ?></h4>
            </div>
        <?php
        if($contador == 1 || $i == $len - 1) {
            echo '</div>';
            $contador = 0;
        } else {
            $contador = $contador + 1;    
        }

        $i++;
    }
}