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.
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)
This topic contains 7 replies, has 2 voices.
Last updated by eWeb 6 years, 4 months ago.
Assisted by: Noman.