Developing (v7+)

Designer Content Image Field Access For Gallery

Permalink August 11, 2014 at 9:05 AM

Hi,

I'm working on a website where I created a block with the fantastic Designer Content addon with image fields. These fields are for images in a gallery, which in view.php goes into an <ul> for the thumbnails. The first image is an attribute for the page, which works fine, however I cannot seem to access the images stored in the fields for the block (the loop).
Everything works fine i.e. no PHP errors, but the img src etc just remains blank.

Any help would be greatly appreciated. Code for view.php is below.

<?php  defined('C5_EXECUTE') or die("Access Denied.");
$imgHelper = Loader::helper('image');
$btc = $this;
?>
<div class="rg-gallery" id="rg-gallery">
        <div id="rg-header">
        </div>
        <div class="rg-thumbs">
        <!-- Elastislide Carousel Thumbnail Viewer -->
        <div class="es-carousel-wrapper">
            <div class="es-nav">
                <span class="es-nav-prev">Previous</span>
                <span class="es-nav-next">Next</span>
            </div>
            <div class="es-carousel" style="max-width: 280px">

Viewing 15 lines of 76 lines. View entire code block.

 
<?php  defined('C5_EXECUTE') or die("Access Denied.");
$imgHelper = Loader::helper('image');
$btc = $this;
?>
<div class="rg-gallery" id="rg-gallery">
        <div id="rg-header">
        </div>
        <div class="rg-thumbs">
        <!-- Elastislide Carousel Thumbnail Viewer -->
        <div class="es-carousel-wrapper">
            <div class="es-nav">
                <span class="es-nav-prev">Previous</span>
                <span class="es-nav-next">Next</span>
            </div>
            <div class="es-carousel" style="max-width: 280px">
                <ul>
                    <?php if ($file = $page->getAttribute('veh_image')) {
                        echo '<li>';
                        $img = $page->getAttribute('veh_image');
                        $imgPath = $page->getAttribute('veh_image')->getRelativePath();
                        $description = "";//$page->getCollectionName();
                        $thumb = $imgHelper->getThumbnail($img, 75, 75, TRUE);
                        echo "<a href='#'><img src='$thumb->src' data-large='$imgPath' alt='$description' data-description='$description' /></a>";
                        echo '</li>';
                      }
                    ?>
                    <?php 
                    $imgFIDs[8];
                    if(!empty($field_2_image)):
                        $imgFIDs[0] = $btc->$field_2_image_fID;
                    endif;
                    if(!empty($field_3_image)):
                        $imgFIDs[1] = $btc->$field_3_image_fID;
                    endif;
                    if(!empty($field_4_image)):
                        $imgFIDs[2] = $btc->$field_4_image_fID;
                    endif;
                    if(!empty($field_5_image)):
                        $imgFIDs[3] = $btc->$field_5_image_fID;
                    endif;
                    if(!empty($field_6_image)):
                        $imgFIDs[4] = $btc->$field_6_image_fID;
                    endif;
                    if(!empty($field_7_image)):
                        $imgFIDs[5] = $btc->$field_7_image_fID;
                    endif;
                    if(!empty($field_8_image)):
                        $imgFIDs[6] = $btc->$field_8_image_fID;
                    endif;
                    if(!empty($field_9_image)):
                        $imgFIDs[7] = $btc->$field_9_image_fID;
                    endif;
                    if(!empty($field_10_image)):
                        $imgFIDs[8] = $btc->$field_10_image_fID;
                    endif;
                    echo $imgFIDs[0];
                    for($i = 0; $i < 9; $i++){
                        if (!$imgFIDs[$i] = null): 
                            $imgFID = $imgFIDs[$i];
                            echo $imgFID;
                            $img = empty($imgFIDs[$i]) ? null : File::getByID($imgFIDs[$i]);
                            $thumb = $imgHelper->getThumbnail($img, 75, 75, TRUE);
                            ?>
                            <li>
                                <a href="#"><img src='<?php echo $thumb->src; ?>' data-large='<?php echo $img->src; ?>' alt="Vehicle Thumbnail" data-description="Vehicle Thumbnail" /></a>
                            </li>
                        <?php
                        endif;
                    }
                    ?>
                </ul>
            </div>
        </div>
        <!-- End Elastislide Carousel Thumbnail Viewer -->
    </div><!-- rg-thumbs -->
</div>

mnakalay replied on Aug 11, 2014 at 11:37 am Permalink Best Answer Reply

Hello. Here's the working code

<?php  defined('C5_EXECUTE') or die("Access Denied.");
$imgHelper = Loader::helper('image');
?>
<div class="rg-gallery" id="rg-gallery">
    <div id="rg-header">
    </div>
    <div class="rg-thumbs">
        <!-- Elastislide Carousel Thumbnail Viewer -->
        <div class="es-carousel-wrapper">
            <div class="es-nav">
                <span class="es-nav-prev">Previous</span>
                <span class="es-nav-next">Next</span>
            </div>
            <div class="es-carousel" style="max-width: 280px">
                <ul>

Viewing 15 lines of 66 lines. View entire code block.

 
<?php  defined('C5_EXECUTE') or die("Access Denied.");
 
$imgHelper = Loader::helper('image');
?>
<div class="rg-gallery" id="rg-gallery">
    <div id="rg-header">
    </div>
    <div class="rg-thumbs">
        <!-- Elastislide Carousel Thumbnail Viewer -->
        <div class="es-carousel-wrapper">
            <div class="es-nav">
                <span class="es-nav-prev">Previous</span>
                <span class="es-nav-next">Next</span>
            </div>
            <div class="es-carousel" style="max-width: 280px">
                <ul>
 
                    <?php
                    $imgDetails = array();
                    if(!empty($field_2_image)):
                        $imgDetails[] = array('fid'=>$field_2_image_fID, 'img'=>$field_2_image);
                    endif;
                    if(!empty($field_3_image)):
                        $imgDetails[] = array('fid'=>$field_3_image_fID, 'img'=>$field_3_image);
                    endif;
                    if(!empty($field_4_image)):
                        $imgDetails[] = array('fid'=>$field_4_image_fID, 'img'=>$field_4_image);
                    endif;
                    if(!empty($field_5_image)):
                        $imgDetails[] = array('fid'=>$field_5_image_fID, 'img'=>$field_5_image);
                    endif;
                    if(!empty($field_6_image)):
                        $imgDetails[] = array('fid'=>$field_6_image_fID, 'img'=>$field_6_image);
                    endif;
                    if(!empty($field_7_image)):
                        $imgDetails[] = array('fid'=>$field_7_image_fID, 'img'=>$field_7_image);
                    endif;
                    if(!empty($field_8_image)):
                        $imgDetails[] = array('fid'=>$field_8_image_fID, 'img'=>$field_8_image);
                    endif;
                    if(!empty($field_9_image)):
                        $imgDetails[] = array('fid'=>$field_9_image_fID, 'img'=>$field_9_image);
                    endif;
                    if(!empty($field_10_image)):
                        $imgDetails[] = array('fid'=>$field_10_image_fID, 'img'=>$field_10_image);
                    endif;
 
                    foreach($imgDetails as $image){
                        $imgFID = $image['fid'];
                        $largeImg = $image['img'];
                        if (!empty($imgFID)) {
                            $img = File::getByID($imgFID);
                            $thumb = $imgHelper->getThumbnail($img, 75, 75, TRUE); ?>
                            <li>
                                <a href="#"><img src="<?php echo $thumb->src; ?>" data-large="<?php echo $largeImg->src; ?>" alt="Vehicle Thumbnail" data-description="Vehicle Thumbnail" /></a>
                            </li>
                            <?php
                        }
 
                        ?>
 
                        <?php
                        // endif;
                    }
                    ?>
                </ul>
            </div>
        </div>
        <!-- End Elastislide Carousel Thumbnail Viewer -->
    </div><!-- rg-thumbs -->
</div>

However you would be better off modifying the controller to deal with thumbnails right away instead of doing it in the view.

danielcwaghorn replied on Aug 14, 2014 at 2:44 pm Permalink Reply

Works spot on, didn't know you could add to arrays like that in PHP.

Many thanks.

mnakalay replied on Aug 15, 2014 at 10:06 am Permalink Reply

yes, that's multidimensional arrays you can put arrays inside arrays inside arrays inside...

Forums

Developing (v7+)

Designer Content Image Field Access For Gallery

Code

Post Reply

Delete Post

Mark Post as Spam

Destroy Spammer

Sign In?