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: 3633
  • 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: 3633
  • 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 575 korisnika na forumu :: 44 registrovanih, 6 sakrivenih i 525 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: _commandos_, A.R.Chafee.Jr., aerofreak, ALBION101, bojank, Buzdovan, cetka, darkangel, Deneb, djordje92sm, djukapfc, Dusko Nikolin, Filip Marinković, jaeger, kovinacc, Kruger, Libertas, Marko Marković, mercedesamg, Mercury, mrmr, novator, ok, operniki, ozzy, pacika, proka89, raketaš, repac, RJ, ruma, S2M, Smiljke, spektorsky, Srki94, stegonosa, theNedjeljko, tkcz, tomigun, yamato, yrraf, zajcev1, zixmix, zlaya011