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 |
|---|---|---|---|---|---|---|
| - | 9:00 – 18:00 | 9:00 – 18:00 | 9:00 – 18:00 | 9:00 – 18:00 | 9:00 – 18:00 | - |
| - | - | - | - | - | - | - |
Supporter timezone: Asia/Manila (GMT+08:00)
This topic contains 4 réponses, has 2 voix.
Last updated by petruccio Il y a 10 années et 3 mois.
Assisted by: emerson.
Dear Petruccio,
Views can be used slide from one post content to another post content. However It is not designed to slide from within repeating images of the same page. To do this, can use jQuery cycle plugin. I manage to have a working example on this.This is assuming you have a post type "page" with each page content containing several images using repeating image fields. And you already have the images set for each page content. This is how I do it:
Step1.) In the slider View (the View that is designed to slide from one post content to another), I set the pagination to manual and add pagination controls. The purpose is just let the user click on the pagination links if to see another set of slider images. For example when the page loads, the user is presented only with the first page content. This content has a slider of images (using jQuery cycle plugin). If the user wants to view another set of slider images, in this case belonging to another page content. The user will simply click the pagination link. View will navigate to the next page content and show another set of slider images belonging to this page. You can easily implement this by adding the code below to your "Filter HTML":
[php]
[wpv-filter-start hide="false"]
[wpv-filter-controls][/wpv-filter-controls]
[wpv-pagination][wpv-pager-current-page style="link"][/wpv-pagination]
[wpv-filter-end]
[/php]
Step2.) In your functions.php (if you are using a child theme, add this to your child theme functions.php), add the jQuery Cycle JS plugin:
[php]
//Add the jQuery Cycle Plugin
function add_cycle_plugin_wp_test() {
wp_enqueue_script('jquery_cycle_test', 'hidden link',array( 'jquery' ));
}
add_action('wp_enqueue_scripts', 'add_cycle_plugin_wp_test');
[/php]
Step3.) In your View layout meta HTML, I simply have this:
[php]
[wpv-layout-start]
[wpv-items-found]
<!-- wpv-loop-start -->
<wpv-loop>
<div id="the_images">
[wpv-for-each field="wpcf-slider-images"]
[types field="slider-images" id=""][/types]
[/wpv-for-each]
</div>
</wpv-loop>
<!-- wpv-loop-end -->
[/wpv-items-found]
[wpv-no-items-found]
[wpml-string context="wpv-views"]<strong>No items found</strong>[/wpml-string]
[/wpv-no-items-found]
[wpv-layout-end]
[/php]
See how I use wpv-for-each to display the repeating image fields. Another thing that is important is that I enclosed these images with with a div using id "the_images", I will use for the jQuery cycle implementation.
Step4.) Finally click "Open JS editor" below the View layout meta HTML editor, to add the jQuery cycle JS code (the ID selector used is the div id of the repeating images - "the_images"):
[php]
$('#the_images').cycle('fade');
[/php]
See screenshot (jquery_cycle_implementation.jpg) for the Views layout meta HTML and this JS code added in Views.
You can tweak my code and implementation to your actual site. But I believe you should have this working.
Please let me know how it goes. Thanks.
Cheers,
Emerson
