Displaying a combination of first upload only and all uploads on same page

Hi Kittybiccy, 

The best way to start with anything like this is to mock it up in plain html first.  Then once you get it working exactly how you want it figure out how to recreate the HTML with PHP.

Here's some basic counter code you can add to any foreach loop to show some difference content for the first result:

  <?php $myCounter = 0; ?>
  <?php foreach ($records as $record): ?>
    <?php $myCounter++; ?>
    
    <?php if ($myCounter == 1): ?>
      <p>This is the first record
      <?php showme($record); ?>
    <?php endif ?>

    <?php if ($myCounter > 1): ?>
      <p>These are records after the first
      <?php showme($record); ?>
    <?php endif ?>
  <?php endforeach ?>

Hope that helps!

Hi Dave,

Thank you for this - I'm struggling to get it to work though. Here is a link to the HTML page:
http://www.llewellynharker.com/MERCER3/work.html

And here is my php page:
http://www.llewellynharker.com/MERCER4/work.php

You'll see the difficulty is to just get the one image to display and that trigger the pop up window which then displays the full batch of images for each record. Any ideas?

Hi,

We have your email with details. Will take a look and get back to you with suggestions.

Thanks!

Just a follow-up for anyone else, you can limit the uploads displayed to just the first one for each record by adding the code into the uploads foreach:

<?php if ($index >= 1) { continue; } // limit uploads shown ?>

Hey Damon,

Thanks for sharing that solution:

<?php if ($index >= 1) { continue; } // limit uploads shown ?>

I decided to try something it make this useful for CMS Editors. Here's what I did.

In a section editor called "News" I added a new Field Type "list" called "limit_uploads" and added the following List Options 1-12 a user can choose from in the list.

I then wrote this little snippet to use the limits chosen by the CMS editor in the snippet you provided for limiting uploads displayed via CMSB.

<?php foreach ($newsRecord['uploads'] as $index => $upload): ?>
    <?php if ($newsRecord['limit_uploads']): ?>
        <?php if ($index >= $newsRecord['limit_uploads']) { continue; } // limit uploads shown ?>
    <?php endif; ?>
          <img src="<?php echo htmlencode($upload['thumbUrlPath2']) ?>"/>
<?php endforeach ?>

Zicky

Is there a way of doing something similar with text? I have a page where I want to show various project categories, but if there is, say, two projects in the same category, that category's title appears twice: http://dordanmech.com/projects.php

This is the code I'm using:

<ul id="filter-porto">
<li class="space"></li>
<li class="filt-projects" data-project="*">View All</li>
<li class="space"></li>

<?php foreach ($projectsRecords as $record): ?>
<li class="filt-projects" data-project=".<?php echo $record['category'] ?>"><?php echo $record['category:label'] ?></li>
<li class="space"></li>
<?php endforeach ?>

</ul>

Howdy CSD,

This might do the trick... I haven't tested this code, but I have something similar to it running.

<ul id="filter-porto">
    <li class="space"></li>
        <li class="filt-projects" data-project="*">View All</li>
            <li class="space"></li>
<?php $recordCounter = 0; ?>
    <?php foreach ($projectsRecords as $record): ?>
    <?php $recordCounter++; ?>
            <?php if ($recordCounter == 0): ?><!-- apply to first instance -->
                <li class="filt-projects" data-project=".<?php echo $record['category'] ?>"><h1><?php echo $record['category:label'] ?></h1></li>
                <li class="space"></li>
            <?php elseif ($recordCounter == 1): ?><!-- apply to second instance -->
                <li class="filt-projects" data-project=".<?php echo $record['category'] ?>"><h3><?php echo $record['category:label'] ?></h3></li>
                <li class="space"></li>
            <?php else: ?><!-- apply to remaining instances -->
                <li class="filt-projects" data-project=".<?php echo $record['category'] ?>"><p><?php echo $record['category:label'] ?></p></li>
                <li class="space"></li>
            <?php endif; ?>
    <?php endforeach ?>
</ul>

Zicky

Hi CommonSenseDesign, 

Try this: 

<ul id="filter-porto">
  <li class="space"></li>
  <li class="filt-projects" data-project="*">View All</li>
  <li class="space"></li>

  <?php foreach ($projectsRecords as $record): ?>
    <?php if (@$alreadySeen[ $record['category'] ]++) { continue; } // skip categories we've already seen ?>
    <li class="filt-projects" data-project=".<?php echo $record['category'] ?>"><?php echo $record['category:label'] ?></li>
    <li class="space"></li>
  <?php endforeach ?>
</ul>

Let me know if that works for you.