Na svaka 4 columna wrapuj sa nekoliko parent divova

Na svaka 4 columna wrapuj sa nekoliko parent divova

offline
  • m4rk0  Male
  • Administrator
  • Administrator tech foruma
  • Marko Vasić
  • Gladijator - Maximus Decimus Meridius
  • Pridružio: 14 Jan 2005
  • Poruke: 15766
  • Gde živiš: Majur (Colosseum)

Treba mi php code koji ce da vrapuje po 4 kolone sa odredjenim parent divovima. Taj php code bi morao da generise sledece

<section class="bod-boxes">       <div class="bod-row">          <div class="container">             <div class="row">                <div class="col-md-6 col-lg-3">                   <a href="#" class="bod-box">                      <div class="bod-photo">                         <img src="<?php bloginfo('template_directory'); ?>/img/misc/board-member.jpg" alt="">                      </div>                      <!-- /.bod-photo -->                      <div class="bod-info">                         <div class="name">                            <h3>Title ovde</h3>                            <span class="position"Pozicija ovde</span>                         </div>                      </div>                      <!-- /.bod-info -->                   </a>                   <!-- /.bod-box -->                </div>                <!-- /.col-lg-3 -->                <div class="col-md-6 col-lg-3">                   <a href="#" class="bod-box">                      <div class="bod-photo">                         <img src="<?php bloginfo('template_directory'); ?>/img/misc/board-member.jpg" alt="">                      </div>                      <!-- /.bod-photo -->                      <div class="bod-info">                         <div class="name">                            <h3>Title ovde</h3>                            <span class="position"Pozicija ovde</span>                         </div>                      </div>                      <!-- /.bod-info -->                   </a>                   <!-- /.bod-box -->                </div>                <!-- /.col-lg-3 -->                <div class="col-md-6 col-lg-3">                   <a href="#" class="bod-box">                      <div class="bod-photo">                         <img src="<?php bloginfo('template_directory'); ?>/img/misc/board-member.jpg" alt="">                      </div>                      <!-- /.bod-photo -->                      <div class="bod-info">                         <div class="name">                            <h3>Title ovde</h3>                            <span class="position"Pozicija ovde</span>                         </div>                      </div>                      <!-- /.bod-info -->                   </a>                   <!-- /.bod-box -->                </div>                <!-- /.col-lg-3 -->                <div class="col-md-6 col-lg-3">                   <a href="#" class="bod-box">                      <div class="bod-photo">                         <img src="<?php bloginfo('template_directory'); ?>/img/misc/board-member.jpg" alt="">                      </div>                      <!-- /.bod-photo -->                      <div class="bod-info">                         <div class="name">                            <h3>Title ovde</h3>                            <span class="position"Pozicija ovde</span>                         </div>                      </div>                      <!-- /.bod-info -->                   </a>                   <!-- /.bod-box -->                </div>                <!-- /.col-lg-3 -->             </div>             <!-- /.row -->          </div>          <!-- /.container -->       </div>       <!-- /.bod-row -->       <div class="bod-row">          <div class="container">             <div class="row">                <div class="col-md-6 col-lg-3">                   <a href="#" class="bod-box">                      <div class="bod-photo">                         <img src="<?php bloginfo('template_directory'); ?>/img/misc/board-member.jpg" alt="">                      </div>                      <!-- /.bod-photo -->                      <div class="bod-info">                         <div class="name">                            <h3>Title ovde</h3>                            <span class="position"Pozicija ovde</span>                         </div>                      </div>                      <!-- /.bod-info -->                   </a>                   <!-- /.bod-box -->                </div>                <!-- /.col-lg-3 -->                <div class="col-md-6 col-lg-3">                   <a href="#" class="bod-box">                      <div class="bod-photo">                         <img src="<?php bloginfo('template_directory'); ?>/img/misc/board-member.jpg" alt="">                      </div>                      <!-- /.bod-photo -->                      <div class="bod-info">                         <div class="name">                            <h3>Title ovde</h3>                            <span class="position"Pozicija ovde</span>                         </div>                      </div>                      <!-- /.bod-info -->                   </a>                   <!-- /.bod-box -->                </div>                <!-- /.col-lg-3 -->                <div class="col-md-6 col-lg-3">                   <a href="#" class="bod-box">                      <div class="bod-photo">                         <img src="<?php bloginfo('template_directory'); ?>/img/misc/board-member.jpg" alt="">                      </div>                      <!-- /.bod-photo -->                      <div class="bod-info">                         <div class="name">                            <h3>Title ovde</h3>                            <span class="position"Pozicija ovde</span>                         </div>                      </div>                      <!-- /.bod-info -->                   </a>                   <!-- /.bod-box -->                </div>                <!-- /.col-lg-3 -->                <div class="col-md-6 col-lg-3">                   <a href="#" class="bod-box">                      <div class="bod-photo">                         <img src="<?php bloginfo('template_directory'); ?>/img/misc/board-member.jpg" alt="">                      </div>                      <!-- /.bod-photo -->                      <div class="bod-info">                         <div class="name">                            <h3>Title ovde</h3>                            <span class="position"Pozicija ovde</span>                         </div>                      </div>                      <!-- /.bod-info -->                   </a>                   <!-- /.bod-box -->                </div>                <!-- /.col-lg-3 -->             </div>             <!-- /.row -->          </div>          <!-- /.container -->       </div>       <!-- /.bod-row -->           </section>    <!-- /.bod-boxes -->

Znaci automatski po 4 "col-md-6 col-lg-3" diva da budu wrapovani sa .bod-row>.container>.row



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3608
  • Gde živiš: 127.0.0.1

Probaj ovako:

<section class="bod-boxes"> <?php $items = [     ["Image" => "/img/misc/board-member.jpg", "Name" => "Title ovde", "Position" => "Pozicija ovde"],     ["Image" => "/img/misc/board-member.jpg", "Name" => "Title ovde", "Position" => "Pozicija ovde"],     ["Image" => "/img/misc/board-member.jpg", "Name" => "Title ovde", "Position" => "Pozicija ovde"],     ["Image" => "/img/misc/board-member.jpg", "Name" => "Title ovde", "Position" => "Pozicija ovde"],     ["Image" => "/img/misc/board-member.jpg", "Name" => "Title ovde", "Position" => "Pozicija ovde"],     ["Image" => "/img/misc/board-member.jpg", "Name" => "Title ovde", "Position" => "Pozicija ovde"],     ["Image" => "/img/misc/board-member.jpg", "Name" => "Title ovde", "Position" => "Pozicija ovde"] ]; $total = count($items); $perRow = 4; foreach ($items as $key => $value) {     if ($key % $perRow === 0)     { ?>     <div class="bod-row">         <div class="container">             <div class="row"> <?php     } ?>                 <div class="col-md-6 col-lg-3">                     <a href="#" class="bod-box">                         <div class="bod-photo">                             <img src="<?php bloginfo('template_directory'); ?><?= $value['Image']; ?>" alt="">                         </div>                         <!-- /.bod-photo -->                         <div class="bod-info">                             <div class="name">                             <h3><?= $value['Name']; ?></h3>                             <span class="position"><?= $value['Position']; ?></span>                             </div>                         </div>                         <!-- /.bod-info -->                     </a>                     <!-- /.bod-box -->                </div> <?php     if ($key % $perRow === $perRow - 1 || $key === $total - 1)     { ?>             </div>             <!-- /.row -->         </div>         <!-- /.container -->     </div>     <!-- /.bod-row --> <?php     } } ?> </section>



offline
  • m4rk0  Male
  • Administrator
  • Administrator tech foruma
  • Marko Vasić
  • Gladijator - Maximus Decimus Meridius
  • Pridružio: 14 Jan 2005
  • Poruke: 15766
  • Gde živiš: Majur (Colosseum)

Hvala Rasta Smile
Postoji li mogucnost da umesto ovoga...

$items = [     ["Image" => "/img/misc/board-member.jpg", "Name" => "Title ovde", "Position" => "Pozicija ovde"],     ["Image" => "/img/misc/board-member.jpg", "Name" => "Title ovde", "Position" => "Pozicija ovde"],     ["Image" => "/img/misc/board-member.jpg", "Name" => "Title ovde", "Position" => "Pozicija ovde"],     ["Image" => "/img/misc/board-member.jpg", "Name" => "Title ovde", "Position" => "Pozicija ovde"],     ["Image" => "/img/misc/board-member.jpg", "Name" => "Title ovde", "Position" => "Pozicija ovde"],     ["Image" => "/img/misc/board-member.jpg", "Name" => "Title ovde", "Position" => "Pozicija ovde"],     ["Image" => "/img/misc/board-member.jpg", "Name" => "Title ovde", "Position" => "Pozicija ovde"] ];

...izvuce $total parametar na neki drugi nacin > Na pr, moze li nekako da to dobije iz broja <div class="col-md-6 col-lg-3"> divova ? Jer ne znam kako ce wp developer kontorlisati sve ove gore iteme iz wp panela.

offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3608
  • Gde živiš: 127.0.0.1

Ne moze, jer broj tih div-ova zavisi od njega, a ne obrnuto.

Pravo pitanje je kako ti dolazis do tog broja div-ova, tj odakle se oni izvlace. Onda bi moglo nesto da se uradi.

offline
  • m4rk0  Male
  • Administrator
  • Administrator tech foruma
  • Marko Vasić
  • Gladijator - Maximus Decimus Meridius
  • Pridružio: 14 Jan 2005
  • Poruke: 15766
  • Gde živiš: Majur (Colosseum)

OK, hvala Rasta. Smile

Ko je trenutno na forumu
 

Ukupno su 648 korisnika na forumu :: 20 registrovanih, 4 sakrivenih i 624 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3028 - dana 22 Nov 2019 07:47

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: Bane san, bankulen, branko72, brundo65, comi_pfc, crnitrn, darios, havoc995, Joja2, Kožedub, kuntalo, kybonacci, LUDI2, Majstorr, ofbeyond, powSrb, saputnik plavetnila, sombrero, sovanova95, Živković