Skip Navigation

[Resolved] How to populate an image carousel with multiple images (not Toolset Views)

This support ticket is created 6 years ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Our next available supporter will start replying to tickets in about 0.87 hours from now. Thank you for your understanding.

Sun Mon Tue Wed Thu Fri Sat
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

This topic contains 2 replies, has 2 voices.

Last updated by aprilM 5 years, 12 months ago.

Assisted by: Christian Cox.

Author
Posts
#1156489

Just curious if this is a feature of ToolSet or if you can recommend a plugin that will work in conjunction with ToolSet to achieve. 🙂

I have a custom post type with custom fields for multiple images for a carousel.

Is it possible to take the generated shortcode for the Toolset custom field of the image(s) and have them displayed in a slider or carousel?

For example, the custom field shortcode looks like this: {!{types field='slider-image-4' output='raw'}!}{!{/types}!} and there is a different one for each image added to the custom post. I was thinking I could paste this shortcode into a slide somewhere.

I've tried SmartSlider and they told me it was not possible with their plugin. Have you had other customers ask this question and they found a resolution? If curious, I'm using the Divi theme.

#1157324

Hi, I don't have a specific recommendation for a slider plugin or system that will help you achieve a slider effect using multiple image custom fields from the same post. Toolset's sliders are designed to loop over posts, not custom fields in a post.

The shortcode you offered will give you access to the raw image URL:

{!{types field='slider-image-4' output='raw'}!}{!{/types}!}

So if you find a slider system that accepts a shortcode for the image URL, that could work. However, if you need to render a full image then you should remove output='raw' to produce the image tag. There are some other tickets in the forum related to Flexslider, and some other Users have shared their experience integrating with Toolset custom fields. However, it's not officially supported or documented.

#1161658

It's a few extra steps, but I'm just going to have the client make the slider and then enter the shortcode of the slider into the toolset field each time. Thank you! 🙂