Erweitertes benutzerdefiniertes Feld wird nicht in Wordpress-Seite angezeigt

Question

Ich habe dieses Bit Code, der nicht auf Seite rendert. Weiß jemand, was das Problem ist?

<div class="b b--alt"> 
    <div class="container"> 
    <div class="tab-widget tab-widget--team js-tab-widget"> 
     <?php if(have_rows('the_commusoft_story')) { ?> 
     <?php $i = 0; ?> 
     <ul class="tab-widget__list"> 
     <?php while(have_rows('the_commusoft_story')): the_row(); ?> 
      <?php $i++ ?> 
         <li class="tab-widget__item"> 
      <a href="#tab-panel-<?php echo $i; ?>" class="tab-widget__link"> 
           <span class="ss-icon <?php the_sub_field('icon'); ?>"></span> 
           <h2><?php the_sub_field('section_title'); ?></h2> 
           <?php the_sub_field('section_description'); ?> 
      </a> 
      </li> 
         <?php endwhile; ?> 
     </ul> 
       <?php }; ?> 
     <?php if(have_rows('the_commusoft_story')) { ?> 
     <?php $i = 0; ?> 
     <div class="tab-widget__tabs"> 
      <?php while(have_rows('the_commusoft_story')): the_row(); ?> 
      <?php $i++ ?> 
      <div class="tab-widget__tab-content"> 
      <h2 id="tab-panel-<?php echo $i; ?>"><?php the_sub_field('section_title'); ?></h2> 
      <?php the_sub_field('content'); ?> 
      </div> 
      <?php endwhile; ?> 
     </div> 
     <?php }; ?> 
    </div> 
    </div> 
</div> 

SO auf der Seite sind zwei Abschnitte, das Problem erscheint, wenn ich versuche, es als zweiten Abschnitt zu bewegen, und es verschwindet ...

Jede Idee, was los ist, und wo der Fehler ist?

Danke

Answer 1

Ihr Code kann auf jeden Fall vereinfacht werden. Ich habe die zusätzliche IF-Anweisung entfernt - sie ist nicht erforderlich. Ich habe auch Leitungsabschlüsse zu den $i++ Operatoren hinzugefügt:

<div class="b b--alt"> 
    <div class="container"> 
     <div class="tab-widget tab-widget--team js-tab-widget"> 
      <?php if(have_rows('the_commusoft_story')) : ?> 
       <?php $i = 0; ?> 
       <ul class="tab-widget__list"> 
        <?php while(have_rows('the_commusoft_story')): the_row(); ?> 
         <?php 
         $i++; // This starts at 1. 
         ?> 

         <li class="tab-widget__item"> 
          <a href="#tab-panel-<?php echo $i; ?>" class="tab-widget__link"> 
           <span class="ss-icon <?php the_sub_field('icon'); ?>"></span> 
           <h2><?php the_sub_field('section_title'); ?></h2> 
           <?php the_sub_field('section_description'); ?> 
          </a> 
         </li> 

        <?php endwhile; ?> 
       </ul> 

       <?php $i = 0; ?> 
       <div class="tab-widget__tabs"> 
        <?php while(have_rows('the_commusoft_story')): the_row(); ?> 
         <?php 
         $i++; 
         ?> 
         <div class="tab-widget__tab-content"> 
          <h2 id="tab-panel-<?php echo $i; ?>"><?php the_sub_field('section_title'); ?></h2> 
          <?php the_sub_field('content'); ?> 
         </div> 
        <?php endwhile; ?> 
       </div> 

      <?php endif; ?> 
     </div> 
    </div> 
</div> 

Dieses in der Theorie sollte ein Arbeitsstück des Code sein. Also - wenn das, was ich geschrieben habe, nicht für dich funktioniert; Ich rate Ihnen, nach PHP-Fehlern zu suchen oder nach CSS-Styling-Konflikten zu suchen.

Halten Sie uns auf dem Laufenden, wie Sie kommen :)