Dividere i valori dei campi personalizzati in div ogni due valori

Question

Dividere i valori dei campi personalizzati in div ogni due valori

6 giu 2015, 21:51:33

Voti: 0

Ho questo markup HTML per organizzare alcuni dati

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

e sto estraendo i dati da un metabox a gruppi ripetibili che uso da CMB2

Questo è il codice per il metabox registrato

function schools() {

// Inizia con un underscore per nascondere i campi dalla lista dei campi personalizzati
$prefix = 'schools_';

/**
 * Gruppi di campi ripetibili
 */
$schools= new_cmb2_box( array(
    'id'           => $prefix . 'metabox',
    'title'        => __( 'schools', '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' ), // {#} viene sostituito dal numero di riga
        'add_button'    => __( 'Aggiungi un altro Slide', 'cmb2' ),
        'remove_button' => __( 'Rimuovi 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' => __( 'Nome', 'cmb2' ),
    'id'   => 'name',
    'type' => 'text',
) );}

Estraggo i dati attraverso questo codice

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

dove $schools è un array che contiene un'immagine e un titolo per ogni voce che posso ciclare per estrarre i valori. La mia domanda è come posso aggiungere <div class="row"> ogni due elementi da quell'array, perché ho bisogno di una riga per ogni due voci

EDIT: risultato di 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 personalizzato loop conteggio plugin

Commenti

Per favore pubblica la struttura dell'array $schools. Un var_dump($schools) sarebbe perfetto.

Omar Tariq

6 giu 2015 22:02:40

ho modificato il codice per aggiungere la struttura del metabox

Mohamed Mokhtar

6 giu 2015 22:11:50

Apprezzo il tuo impegno, ma vorrei che tu pubblicassi il risultato di var_dump($schools) per permettermi di rispondere rapidamente alla tua domanda.

Omar Tariq

6 giu 2015 22:17:27

modificato il post per includere il risultato di vardumb, apprezzo il tuo aiuto

Mohamed Mokhtar

6 giu 2015 22:46:57

Tutte le risposte alla domanda

Commenti

buona logica mi piace come l'hai fatto, codice molto più pulito della mia risposta e pratico da usare su altri template, proverò a usarlo, apprezzerei se potessi dirmi cosa ne pensi della mia risposta, c'è qualcosa che mi è sfuggito o a cui non ho pensato?

Mohamed Mokhtar

7 giu 2015 01:41:05

In realtà non ho analizzato completamente il tuo codice. Ma, dando un'occhiata veloce, vedo 2 problemi. Numero 1: l'iteratore $i normalmente viene aggiornato appena prima della fine del ciclo. Numero 2: Dovresti mostrare le righe quando $i è pari. Quindi la condizione dovrebbe essere if(!($i & 1)). Non ho esaminato completamente il tuo codice.

Omar Tariq

7 giu 2015 01:49:55

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

Ho scoperto un modo per farlo, si è rivelato piuttosto semplice ecco cosa ho fatto

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

  // Fai qualcosa con i dati

  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

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']; ?>" alt="Foto della scuola <?php echo $school['name']; ?>" title="Foto della scuola <?php echo $school['name']; ?>" class="img-responsive photo_id_<?php echo $school['photo_id']; ?>">
            </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++;
    }
}