Advanced Custom Field and Genesis column classes

[japser123]

Hi there,

I'm having some problems trying to get the Advanced Custom Field plugin to play nicely with the Genesis column classes.

I'm working on a portfolio template with a grid layout consisting of items (images and overlayed text) that I derive from ACF using the repeater addon.

The problem I'm dealing with is that to start each row (I'm using 3 columns here by adding the class 'one-third') the first item should also have the added class 'first'.

The page template I'm using to load the ACF data into now looks like the code below:

<?php
/*
Template Name: Portfolio
*/
?>

	<?php 
	add_action( 'genesis_entry_content', 'abte_my_custom_function' );
	function abte_my_custom_function() {
	?>

		<?php if( have_rows('ACF_portfolio') ): ?>
		 
			<ul class="portfolio">
		 
				<?php while( have_rows('ACF_portfolio') ): the_row(); 
			 
					// vars
					$image = get_sub_field('image');
					$content = get_sub_field('description');
					$link = get_sub_field('link');
			 
					?>
			 
						<li class="one-third">
				 
							<?php if( $link ): ?>
								<a href="<?php echo $link; ?>">
							<?php endif; ?>
				 
								<img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt'] ?>" />
				 
							<?php if( $link ): ?>
								</a>
							<?php endif; ?>
				 
						    <?php echo $content; ?>
				 
						</li>
			 
				<?php endwhile; ?>
		 
			</ul>
		 
		<?php endif; ?>

<?php
	}
	?>

<?php genesis(); ?>

This works but gives every item only the 'one-third' class, I need it to give every third repeated div the class 'first'.

Looking for a solution I've found this: http://thewebprincess.com/using-php-counter-add-class-every-third-list-item but I can't get it to work with my code.

Anyone has any suggestions?

Thank you!
Jasper

[Genesis Developer]

try this

<?php
/*
Template Name: Portfolio
*/
?>

	<?php 
	add_action( 'genesis_entry_content', 'abte_my_custom_function' );
	function abte_my_custom_function() {
	?>

		<?php if( have_rows('ACF_portfolio') ):  $counter = 1;?>
		 
			<ul class="portfolio">
		 
				<?php while( have_rows('ACF_portfolio') ): the_row(); 
			 
					// vars
					$image = get_sub_field('image');
					$content = get_sub_field('description');
					$link = get_sub_field('link');
			                $is_first = ($counter % 3 == 1) ? "first" : '';
					?>
			 
						<li class="one-third <?php echo $is_first;?>">
				 
							<?php if( $link ): ?>
								<a href="<?php echo $link; ?>">
							<?php endif; ?>
				 
								<img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt'] ?>" />
				 
							<?php if( $link ): ?>
								</a>
							<?php endif; ?>
				 
						    <?php echo $content; ?>
				 
						</li>
			 
				<?php $counter++;  endwhile; ?>
		 
			</ul>
		 
		<?php endif; ?>

<?php
	}
	?>

<?php genesis(); ?>

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[japser123]

This is working now! Using the counter is very clever indeed.

Thank you so much!

[Genesis Developer]

You are welcome.

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[Author]

Posts