Hi, thanks for this informative article. I noticed you haven’t touched on Flutter’s image manipulation options, which I discovered when working with Flutter groups. I wrote a post on it, check it out if you’re interested:

http://www.freshtilledsoil.com/how-to-use-the-flutter-custom-fields-options-list-to-crop-and-manipulate-images/

—Luke Sideris

removing the query doesn’t stop it from populating all of the data.

Also the code i’m implementing is within the main if have post function.

 <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

Here is the code i’m using currently that populating all of the data.

  <?php if($tour == "true" ) { ?>
        <div class="title-tour-small"></div>
      
        <div class="date-label">DATE</div>
        <div class="venue-label">VENUE</div>
        <div class="city-label">CITY</div>
        <div class="title-tour-div"></div>
      
                  
          <?php $total = getGroupDuplicates('event-date');?>
          <?php for($i = 1; $i < $total+1; $i++):?>
          
          
          <?php echo "<div class='tour-schedule'>";
                echo "<div class='event-date'>" .get('event-date',$i,1). "</div>";
                echo "<div class='event-venue'><a target='_blank' href=" .get('venue-url',$i,1). ">" .get('event-venue',$i,1). "</a></div>";
                echo "<div class='event-city'>" .get('event-city',$i,1). "</div>";
                if((get('event-url',$i,1)) !== ""){
                echo "<div class='event-url'><a target='_blank' href=" .get('event-url',$i,1). ">more info</a></div>";
                }else{}
                echo "</div>"; ?>
          <div class="title-tour-div"></div>
          <?php endfor;?>
          
        <?php } else {} ?>

Thanks edit in place did the trick.

As far as with my query i couldn’t get the query to work no matter what page id i referenced so I’m referencing the query according to a selected category which would probably explain why it’s populating all of the duplicated fields within the whole entire category.

The write panel i created with the duplicate fields has a page id = 3 but that doesn’t populate any data because although the write panel the duplicate fields are on has a page id =3 after creating a new post with the write panel it output a post with a different ID everytime.

<?php $my_query = new WP_Query('category_name=tour');
while ($my_query->have_posts()) : $my_query->the_post();
$do_not_duplicate = $post->ID; ?>

Also fyi this code lives in an if statement within my single.php file that checks if the category of tour is selected then it will run the duplicate fields code.

Very informative tutorial!

Let me describe what i’m using it for and also what i seem to be having an issue with.

I’ve created a custom write panel(post) that has duplicate group “Tour” which has 5 custom fields.
“tour-date”, “tour-city”, “tour-venue”, “venue-url”, and “tour-url”

So when creating a new “Tour” post you can create a tour for a band or artist and show the upcoming dates,and tour info. But what i’m having an issue with now is when viewing a particular “Tour” post it seems to output all of the duplicate fields within every “Tour” post created instead of just outputting the duplicate fields within the selected tour post.

Any insight would be greatly appreciated. Also is this bug? I noticed that what i’m logged into wordpress, flutter seems to create it’s own divs and sometimes breaks the code. for example. When i’m logged out the output will say something like.

<div class="tour-date">Jan 20,2010</div>

but when i’m logged in the output will look like this.

<div class="tour-date">
      <div class=" EIP_textbox EIP_postid292 EIP_mid_1987">January 20, 2010</div>
</div>

So if camping events and fishing events are in the same group duplicate, how would you separate them out?

Hmmm, I’m sorry, I guess my post wasn’t so clear. The code that I used below, is actually how it should Display:

so what I mean is they should display:

<h1>Fishing Events</h1>

<p>
Event: The great Fishing extravaganza Event Date: June 7, 2010<br />
Event: Fishing at the Great Lake Event Date: June10, 2010 <br />
Event: Father, Son fish outting Event Date: June12, 2010 <br />
</p>

<h1>Camping Events</h1>
<p>
Event: Campout on Dreary Mountain Event Date: June 20, 2010 <br />
Event: Campout on Lake Keowee Event Date: August 20, 2010<br />
</p>

Both Fishing Events and Camping Events are in a group called “events” as they will be displayed on the same page…. But even separating them out, how will you actually display the group name?

Awesome tutorial. This is working great couple of questions.

1. If I want many of these entries to go under a specific title or category, example (using your example):

Fishing Events
Event: The great Fishing extravaganza Event Date: June 7, 2010
Event: Fishing at the Great Lake Event Date: June10, 2010
Event: Father, Son fish outting Event Date: June12, 2010

Camping Events
Event: Campout on Dreary Mountain Event Date: June 20, 2010
Event: Campout on Lake Keowee Event Date: August 20, 2010

Hiking Events
Event: Appalachain Trail Event Date: July 9, 2010
Event: Hike the great wall of China Event Date: August 10, 2010
Event: Nature Hike Event Date: Aug 19, 2010

So here is data set, all duplicates withing a post or a page. The categories are “Fishing Events”, “Camping Events” and “Hiking Events”. How do I place the Appropriate entries withing the correct title or category?

Hope this is clear.

The first part of the question is simply to get the duplicate fields printing on the web page (with the code below I haven’t been successful)

The second part of the question is: I have a grouped custom field called Related Links; there are two fields in the group called Link Name and Link URL. Rather than having an inexperienced user have to put “a href” tags by hand, I would like it if the link URL field would be applied to the Link-Name field, thereby making it an active link. This second part I have no idea how to do it, but first question is certainly the most important.

Thanks in advance for answering so quickly!

Super to have found your post – so thanks in advance.
I’m still having some problems to get it up and working though, after going through and trying out several things. The first issue is to get the Group Custom Field displaying, which I haven’t yet got working. The second question, which is adding to the first would be to have one of the custom fields in the group become the URL link for the Link-Name-Title pulled from the proceeding field in the group.

<div class="related">
                <h4>Related Links</h4>
                <ul>
                <?php $my_query = new WP_Query('page_id=1');
      while ($my_query->have_posts()) : $my_query->the_post();
      $do_not_duplicate = $post->ID; ?>

<?php $total = getGroupDuplicates('Related-Links');?>
<?php for($i = 1; $i < $total+1; $i++):?>
<?php echo "<li>";
      echo "<b>" .get('link-name',$i,1). "</b>";
      echo "</li>"; ?>

<?php endfor;?>
<?php  endwhile; ?>

      
      
      </ul>

Awesome! this is the missing manual for Flutter duplicate fields. I have been working with flutter for a while now and i have never gotton duplicate fields to work, thanks

LOL – I”m thinking the same thing – I must be just missing something HUGE Here’s a sample file – it’s my single post template (single.php). It’s the CLASS LEADERS section that isn’t working.

<?php
/**
 * @package WordPress
 * @subpackage reunion
 */

get_header();
?>

  <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    
    <h1>Class of <?php the_title(); ?></h1>
    
    <?php if( get_post_meta($post->ID, 'event_link', true) ) { ?>
    <a href="<?php echo get_post_meta($post->ID, 'event_link', $single=true) ?>">Register Now</a>
  <?php } ?>
    
 <!-- BULLETIN BOARD -->    
 <h2>Bulletin Board</h2>
 <ul>
 <li>Questions? Your class Reunion office contact is <a href="mailto:<?php echo get_post_meta($post->ID, 'reunion_staff_email', $single=true) ?>"><?php echo get_post_meta($post->ID, 'reunion_staff_name', $single=true) ?></a>, <?php echo get_post_meta($post->ID, 'reunion_staff_phone', $single=true) ?>.</li>

<?php $total = getFieldDuplicates('bulletin_board', 1);?> 
<?php for($i = 1; $i < $total+1; $i++):?> 
<li><?php echo get ('bulletin_board',1,$i)?></li>
<?php endfor;?> 

 </ul>

<!-- Class Leaders-->
<ul> 
<?php $my_query = new WP_Query('page_id=1');
      while ($my_query->have_posts()) : $my_query->the_post();
      $do_not_duplicate = $post->ID; ?>

<?php $total = getGroupDuplicates('reunion-leadership');?>
<?php for($i = 1; $i < $total+1; $i++):?>
<?php echo "<li>";
      echo "<b>" .get('leadertitle',$i,1). "</b>";
      echo get('leadername',$i,1);
      echo "</li>"; ?>

<?php endfor;?>
<?php  endwhile; ?>
</ul> 

<?php the_content('<p class="serif">Read the rest of this entry &raquo;</p>'); ?>

<?php edit_post_link('Edit this page.', '<p>', '</p>'); ?>

<?php endwhile; else: ?>

<?php endif; ?>

<?php get_footer(); ?>

So – that means – we can’t pull grouped data as part of the page template (or single post template)?!?!? We’d have to code an individual template PER POST / PAGE that would be including the data? That makes no sense …

I did test this by updating my single post template reflecting the post_id of one entry that contains duplicate groups (id was 75) — and it still didn’t pull the fields.

Using flutter successfully with single fields and with duplicate single fields. But grouped duplicates … just cannot get it working.

Using this code:

<ul> 
<?php $my_query = new WP_Query('page_id=1');
      while ($my_query->have_posts()) : $my_query->the_post();
      $do_not_duplicate = $post->ID; ?>

<?php $total = getGroupDuplicates('class-leaders');?>
<?php for($i = 1; $i < $total+1; $i++):?>
<?php echo "<li>";
      echo "<b>" .get('leadertitle',$i,1). "</b>";
      echo get('leadername',$i,1);
      echo "</li>"; ?>

<?php endfor;?>
<?php  endwhile; ?>
</ul> 

My duplicate group is called “class-leaders” … for testing I’m only pulling two of the fields: leadertitle and leadername. This code is within the loop. Nothing outputs.

I’m using duplicate groups on multiple pages … so i need to pull the current posts post_id… where you have page_id=1 … surely that needs to be dynamically pulling whatever the current posts id is. Right?

This code worked great:

<?php
$total = getFieldDuplicates('nameOfYourField',1);
for($i = 1; $i < $total+1; $i++){
echo get('nameOfYourField',1,$i);
}?>

One question – how do I individually style each field as it’s displayed? I want to add at least a comma after each field or maybe wrap them each in a span tag

if you want to use the getFieldDuplicate ( to duplicate a field and not a group )

<?php
$total = getFieldDuplicates('nameOfYourField',1);
for($i = 1; $i < $total+1; $i++){
echo get('nameOfYourField',1,$i);
}?>

Wonder if you can help me, I’m trying to get your tutorial to work, but its just not outputting anything, flutter outputs all the fields fine on their own, but when I try and use the code above it wont display anything.

Its on a page template that I’m trying to get it working. I’m quite new to wordpress and flutter so far you site is the best recource I could find on flutter, so thank’s for your hard work.

ID, 'PageTitle', $single=true) ?>
ID, 'ShopText', $single=true) ?>
have_posts()) : $my_query->the_post();
      $do_not_duplicate = $post->ID;  ?>
     
<?php for($i = 1; $i 
<?php echo "";
      echo "" .get('PageTitle',$i,1). "";
      echo get('ShopText',$i,1);
      echo ""; ?>

Loop is over

Thank you so much. I really appreciate you posting this for everyone, it was very helpful. It’s such a great system and being able to do this is its biggest strength in my opinion.

Hi!
This tutorial was very helpful for me, it was awesome.
The only problem that I have is that I made a Group with 2 flutter fields (‘paso_texto’ & ‘paso_imagen’), but when i duplicate it five times, it doesn’t save steps (‘paso’ is step in Spanish) # four and five; it only saves the first three steps…

Am I doing something wrong? Or it’s a known limitation of Flutter?

Thanks!
(And sorry for my english… )

HI I would like to say: thanks a lot:-) I’m searching google down and above -everybody says: flutter is the best, but to find some help is a hard thing

(and yes my english is more less than my knowledge about flutter )

Monika from Austria

Hi,
Thanks for this explanation.
I’m testing Flutter right now and I’m not very good at coding. I’m having troubles with where to copy/paste your code

I created a Ressource page on a test blog.
I pasted your code in the page : “Edit page >> Ressources” (I deactivated the WYSIWG) and then renamed the fields so it matches my own ones

But when I’m updating the page, I get strange codes but no datas.

Am I pasting the code in the wrong place ?