Skip Navigation

[Resolved] Image carousel with progress bar

This support ticket is created 3 years, 1 month 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.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 -
- 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 14:00 – 18:00 13:00 – 18:00 -

Supporter timezone: America/Jamaica (GMT-05:00)

Tagged: 

This topic contains 1 reply, has 2 voices.

Last updated by Shane 3 years, 1 month ago.

Assisted by: Shane.

Author
Posts
#1962767
Screenshot_2021-02-22 Steris Insight.png

Hi Team,

I need to create a Image carousel with horizontal progress bar (see screenshot for your reference). Currently there is a option to create image slider only but I need a auto-slide functionality with it and want to add a progress bar in bottom.
Could you please help me to achieve this functionality with the help of any custom code?

#1963087

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Ankit,

Thank you for getting in touch. A setup like this won't be possible natively with Toolset especially if you are using the block editor.

I did some searching and was able to find the owl Carousel that should be able to get this working for you. You can use this with the classic views editor by going to Toolset -> Views.

hidden link

You will need to add the owl carousel by using the enqueue_script and enqueue_style functions that wordpress offers.
Here below is a list of the files that you need to enqueue to your site.
hidden link

Essentially you will only need the css and the js files.

This is the most I can offer given that this is not something that is natively possible with our Toolset plugins.

Please let me know if this helps.
Thanks,
Shane

This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.