Împărțirea valorilor câmpurilor personalizate în div-uri la fiecare două valori

Question

Împărțirea valorilor câmpurilor personalizate în div-uri la fiecare două valori

6 iun. 2015, 21:51:33

Vizualizări: 946

Voturi: 0

Am acest markup HTML pentru a sorta unele date

<div class="row">
<div class="col-xs-2">
  <img src="images/member-schools/ms1.jpg" class="img-responsive" alt="Școala Americană Internațională - Est" title="Școala Americană Internațională - Est">
</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="Școala Americană Internațională Dover" title="Școala Americană Internațională Dover">
</div>
<div class="col-xs-4">
  <h4>Dover American International School</h4>
</div>

și extrag datele dintr-un grup repetabil de metabox-uri pe care le folosesc din CMB2

Acesta este codul pentru metabox-ul înregistrat

function schools() {

// Începe cu un underscore pentru a ascunde câmpurile din lista de câmpuri personalizate
$prefix = 'schools_';

/**
 * Grupuri de câmpuri repetabile
 */
$schools= new_cmb2_box( array(
    'id'           => $prefix . 'metabox',
    'title'        => __( 'școli', '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' ), // {#} este înlocuit cu numărul rândului
        'add_button'    => __( 'Adaugă alt slide', 'cmb2' ),
        'remove_button' => __( 'Șterge slide', 'cmb2' ),
        'sortable'      => true, // beta
    ),
) );


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

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

Extrag datele prin acest cod

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

unde $schools este un array care conține o imagine și un titlu pentru fiecare intrare, prin care pot parcurge pentru a extrage valorile. Întrebarea mea este cum pot adăuga <div class="row"> la fiecare două elemente din acel array, pentru că am nevoie de un rând pentru fiecare două intrări

EDIT: rezultatul 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 câmp personalizat buclă numărătoare pluginuri

Comentarii

Te rog să postezi structura array-ului $schools. Un var_dump($schools) ar fi perfect.

Omar Tariq

6 iun. 2015 22:02:40

am editat codul pentru a adăuga structura metabox-ului

Mohamed Mokhtar

6 iun. 2015 22:11:50

Apreciez eforturile tale, dar te rog să postezi rezultatul var_dump($schools) pentru a-ți răspunde rapid la întrebare.

Omar Tariq

6 iun. 2015 22:17:27

am editat postarea pentru a include rezultatul vardumb, apreciez ajutorul tău

Mohamed Mokhtar

6 iun. 2015 22:46:57

Toate răspunsurile la întrebare

Comentarii

logică frumoasă, îmi place modul în care ai făcut-o, cod mult mai curat decât răspunsul meu și practic de folosit pe alte șabloane, o să încerc, aș aprecia dacă mi-ai putea spune ce părere ai despre răspunsul meu, este ceva ce am omis sau la care nu m-am gândit?

Mohamed Mokhtar

7 iun. 2015 01:41:05

Nu am analizat pe deplin codul tău, de fapt. Dar, am observat 2 probleme când l-am parcurs în fugă. Numărul 1: iteratorul $i este în mod normal actualizat chiar înainte de sfârșitul buclei. Numărul 2: Ar trebui să afișezi rândurile când $i este par. Deci condiția pentru aceasta ar trebui să fie if(!($i & 1)). Nu am revizuit complet codul tău.

Omar Tariq

7 iun. 2015 01:49:55

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

Am descoperit o modalitate de a face acest lucru, s-a dovedit a fi destul de ușoară, iată ce am făcut:

$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'] ; // Obține numele școlii

  if ( isset( $Aschool['logo_id'] ) ) {
      $logo = wp_get_attachment_image( $Aschool['logo_id'], 'full', null, array(
          'class' => 'img-responsive', // Adaugă clasa pentru imagine responsivă
      ) );
  }

  // Faceți ceva cu datele

  if ($i & 1) {
    echo '<div class="row row-eq-height">'; // Începe un rând nou
    echo '<div class="col-xs-2">'; // Coloană pentru logo
    echo $logo;
    echo '</div>';
    echo '<div class="col-xs-4">'; // Coloană pentru nume
    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>'; // Închide rândul
  } 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>'; // Închide rândul
  }
}

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']; ?>" 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++;
    }
}

Omar Tariq

676

7 iun. 2015 01:23:28