Problem:
Trying to create a PHOTO+THUMBNAILs slider gallery for the custom post type, which has a field with multiple images, but instead only single images displayed with no gallery.
Solution:
Please follow the below steps to achieve this:
1. Add this jQuery code in Content Template >> JS editor:
jQuery(window).load(function() { // The slider being synced must be initialized first jQuery('#carousel').flexslider({ animation: "slide", controlNav: false, animationLoop: false, slideshow: false, directionNav: false, itemWidth: 130, itemMargin: 5, asNavFor: '#flexslider' }); jQuery('#flexslider').flexslider({ animation: "slide", controlNav: false, animationLoop: false, slideshow: false, sync: "#carousel" }); });
2. Add the following html code in your Content Template:
<!-- Slider - start here --> <div id="flexslider" class="flexslider"> <ul class="slides"> <li>[types field="fotkes" separator="</li><li>" width="770" height="510" alt="[wpv-post-title]"][/types]</li> </ul> </div> <div id="carousel" class="flexslider"> <ul class="slides"> <li>[types field="fotkes" separator="</li><li>" width="120" height="80" alt="[wpv-post-title]"][/types]</li> </ul> </div> <!-- Slider - end here -->
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.
No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.
Sun | Mon | Tue | Wed | Thu | Fri | Sat |
---|---|---|---|---|---|---|
- | 12:00 – 17:00 | 12:00 – 17:00 | 12:00 – 17:00 | 12:00 – 17:00 | 12:00 – 17:00 | - |
- | 18:00 – 21:00 | 18:00 – 21:00 | 18:00 – 21:00 | 18:00 – 21:00 | 18:00 – 21:00 | - |
Supporter timezone: Asia/Karachi (GMT+05:00)