[Resolved] Need to display thumbnails in one row with slide over instead of in multiple row

[Author]

Posts

[larryB-3]

Tell us what you are trying to do? I am using this code to display thumbnails on a CPT layout page.

<div class="singleprojectgallery">
<p>[wpv-conditional if="( NOT (empty($(wpcf-gallery-image))) )"]</p>
<div class="galleryinstructions">Click image to view project gallery.</div>
[wpv-for-each field="wpcf-gallery-image"]
[types field='gallery-image' title='%%TITLE%%' alt='%%ALT%%' align='left' width='200' height='200' resize='crop' separator=', '][/types]
[/wpv-for-each][/wpv-conditional]
</div>

For some projects the thumbnails show in multiple rows due to the amount of thumbnails the client uploaded. Instead of displaying 5 for example in one row and then dropping to another row to show more, is there some code that keep them on one row and provide an arrow to see more thumbnails?

What is the link to your site? hidden link

[Minesh]

Hello. Thank you for contacting the Toolset support.

Based on the information you shared, it seems you are using Toolset Layouts and legacy views plugin to build your site.

To display repeating image field as slider, you need to add a flexslider JS library and once you add that you can use it to display the repeating field images as slider.

Please check the following related ticket that may help you:
=> https://toolset.com/forums/topic/how-to-display-the-pics-i-uploaded-as-a-slider/#post-518295
=> https://toolset.com/forums/topic/dynamic-carousel-image-slider-from-repeated-image-custom-field/#post-1141069

If you need further help implementing that please let me know.