I have created a repeatable section that contains text and multiple images. The images are using a lightbox and successfully expand. However, I have tried making the img src that of a thumbnail but when I add the thumbnail attribute the image disappears completely. Also, there is no thumbnail info within the dashboard just the area for the main image. Can I even add a thumbnail into a repeatable section or is something wrong with my code?
HEADER:
BODY:
HEADER:
- Code: Select all
<cms:template title='Available Puppies'>
<cms:repeatable name='my_multiple_images' >
<cms:editable type='nicedit' label='Description' name='my_desc' show_preview='1' preview_width='150' input_width='200' col_width='300' />
<cms:editable type='image' name='my_image1' label='Photo' show_preview='1' preview_width='75' input_width='100' col_width='130' />
<cms:editable type='image' name='my_image2' label='Photo' show_preview='1' preview_width='75' input_width='100' col_width='130' />
<cms:editable type='image' name='my_image3' label='Photo' show_preview='1' preview_width='75' input_width='100' col_width='130' />
<cms:editable type='image' name='my_image4' label='Photo' show_preview='1' preview_width='75' input_width='100' col_width='130' />
<cms:editable type='image' name='my_image5' label='Photo' show_preview='1' preview_width='75' input_width='100' col_width='130' />
<cms:editable type='image' name='my_image6' label='Photo' show_preview='1' preview_width='75' input_width='100' col_width='120' />
<cms:editable name='my_image1_thumb' label='Image Thumbnail' desc='Thumbnail of image'
width='100'
show_preview='1'
assoc_field='my_image1'
type='thumbnail'
/>
<cms:editable name='my_image2_thumb' label='Image Thumbnail' desc='Thumbnail of image'
width='100'
show_preview='1'
assoc_field='my_image1'
type='thumbnail'
/>
<cms:editable name='my_image3_thumb' label='Image Thumbnail' desc='Thumbnail of image'
width='100'
show_preview='1'
assoc_field='my_image1'
type='thumbnail'
/>
<cms:editable name='my_image4_thumb' label='Image Thumbnail' desc='Thumbnail of image'
width='100'
show_preview='1'
assoc_field='my_image1'
type='thumbnail'
/>
<cms:editable name='my_image5_thumb' label='Image Thumbnail' desc='Thumbnail of image'
width='100'
show_preview='1'
assoc_field='my_image1'
type='thumbnail'
/>
<cms:editable name='my_image6_thumb' label='Image Thumbnail' desc='Thumbnail of image'
width='100'
show_preview='1'
assoc_field='my_image1'
type='thumbnail'
/>
</cms:repeatable>
</cms:template>
BODY:
- Code: Select all
<cms:show_repeatable 'my_multiple_images' >
<div class="content-block">
<div class="container baby-blue-bg">
<img src="img/divider-7.gif">
<div class="row">
<div class="col-sm-5 white-bg lime-green-border">
<p class="center baby-blue size20 paddingtop20 paddingbottom10">
<cms:show my_desc />
</p>
</div>
<div class="col-sm-7 no-pad">
<a class="fancybox" rel="gallery_group" href="<cms:show my_image1 />"><img src="<cms:show my_image1_thumb />"></a>
</div>
</div>
<div class="row">
<div class="col-sm-6 no-pad">
<a class="fancybox" rel="gallery_group" href="<cms:show my_image2 />"><img src="<cms:show my_image2_thumb />"></a>
</div>
<div class="col-sm-6 no-pad">
<a class="fancybox" rel="gallery_group" href="<cms:show my_image3 />"><img src="<cms:show my_image3_thumb />"></a>
</div>
</div>
<div class="row">
<div class="col-sm-4 no-pad">
<a class="fancybox" rel="gallery_group" href="<cms:show my_image4 />"><img src="<cms:show my_image4_thumb />"></a>
</div>
<div class="col-sm-4 no-pad">
<a class="fancybox" rel="gallery_group" href="<cms:show my_image5 />"><img src="<cms:show my_image5_thumb />"></a>
</div>
<div class="col-sm-4 no-pad">
<a class="fancybox" rel="gallery_group" href="<cms:show my_image6 />"><img src="<cms:show my_image6_thumb />"></a>
</div>
</div>
</div>
</div>
</cms:show_repeatable>
