Today I ran into a problem, I needed to implement tabs on the front end with ACF dynamically and found this solution. And nonetheless, It's better to fix the thing with some bunch of code rather than uploading one more bulky plugin on your website that will end up making your site heavy. Just follow the steps below and avoid heading up into any malicious or bulky plugin for this particular problem from now on forever. Step 1: Execute loop first for tab navigation <?php $i=1; while(have_rows('data')) : the_row(); ?> <button class="nav-item nav-link <?php if($i==1){echo "active";}?>" data-bs-toggle="tab" data-bs-target="#tab <?php echo $i;$i++;?> "> <h3 class="s-floorplan__tabs__title"><?php the_sub_field('tab_title'); ?></h3> <p class="s-floorplan__tabs__text"><?php the_sub_field('tab_sub_title'); ?></p> </button> <?php ...
Find the Solutions for your day to day Code Challenges