Assistance with Implementing a Portfolio Slider
Hello Support Team,
I need assistance with implementing a portfolio slider. The desired functionality should be similar to the reference section on this website: https://koehler-projektentwicklung.de/.
Specifically, I would like to have a slider on the left side for the portfolio images, and a text field on the right side. When clicking on the arrows, the displayed text on the right should change according to the selected project.
Additionally, it would be great if the arrows could be positioned not just over the images, but also beside the text, so that the entire slider (including the text field) can be navigated.
Thank you in advance for your support!
Best regards,
Comments
Hi,
For such functionality, you must use Query Loops.
See the following video tutorials:
https://www.youtube.com/watch?v=maE0FuFIhjQ&list=PLyfUqkbtW2kxq8AY0SivMxX7kf2H9Y-Wf
Best regards
Okay, thanks! I have now created a query loop and managed to add the images using the feature image. However, how do I add the arrows to make it function as a slider? And most importantly, how do I make the text change dynamically with each image? Like in the example image, using HTML?
In the Query Loop section, use two wraps: one with image and one with content. Like on the following screenshot:
Arrows can be activated in the Style tab of the QL:
Best regards