[Resolved] Unable to show repeating custom field images in a loop

[Author]

Posts

[katrina]

I am trying to: Display a thumbpeg gallery of all the images on a post type that are of a particuar repeating custom field image

Link to a page where the issue can be seen: I can provide in a private message

I expected to see: Gallery of thumbpegs

Instead, I got: No images showing

I have a custom field that is a repeating image called "featured-image-for-slider".

I have a view called "My Slidey" which selects "posts" to display, and has the following code in my loop:

[wpv-layout-start]
	[wpv-items-found]
	<!-- wpv-loop-start -->
	<wpv-loop>
      <div id="bingo">
		[wpv-for-each field="wpcf-featured-image-for-slider"] 
         [types field='featured-image-for-slider' title='%%TITLE%%' alt='%%ALT%%' size='thumbnail' resize='proportional' separator=', '][/types]
	    [/wpv-for-each] 
      </div> 
</wpv-loop>
		<!-- wpv-loop-end -->
	[/wpv-items-found]
	[wpv-no-items-found]
		<strong>[wpml-string context="wpv-views"]No items found[/wpml-string]</strong>
	[/wpv-no-items-found]
[wpv-layout-end]

with the following CSS:

#bingo {
  background-color:#27d8af;
  min-height:500px;
}

When i embed by View inside my Content Template for those post types—using the new Toolset Blocks editor—nothing shows on the front end except for my Bingo container in turquoise. None of the repeating custom field images display at all. So, the View displays, but not the repeating images as thumbnails.

What am i obviously doing wrong? I'm sure i've done this before, but perhaps my brain isn't awake any longer.

[Minesh]

Hello. Thank you for contacting the Toolset support.

With the code you shared I see that the [types] shortcode that displays the image is having the separator=', ' attribute.

<wpv-loop>
      <div id="bingo">
        [wpv-for-each field="wpcf-featured-image-for-slider"] 
         [types field='featured-image-for-slider' title='%%TITLE%%' alt='%%ALT%%' size='thumbnail' resize='proportional' separator=', '][/types]
        [/wpv-for-each] 
      </div> 
</wpv-loop>

When you display the repeating field using [wpv-for-each] shortcode, you should add the [types] shortcode without the separator attribute to display the single instance within the [wpv-for-each] loop.

Can you please try to use the following code and check if that helps you to resolve your issue where I just removed the separator attribute added to types shortcode.

<wpv-loop>
      <div id="bingo">
        [wpv-for-each field="wpcf-featured-image-for-slider"] 
         [types field='featured-image-for-slider' title='%%TITLE%%' alt='%%ALT%%' size='thumbnail' resize='proportional'][/types]
        [/wpv-for-each] 
      </div> 
</wpv-loop>

[katrina]

Thanks so much Minesh - your solution worked!