Navigation Dots

  • Hi Ha,
    Thanks for the nice plugin.
    How can I you add pagination (navigation dots) to the testimonial slider using the WordPress filter method you mentioned in one of your responses?

    Referencing your response below.
    Currently, there is only a way using WordPress filters. I’ll try to add an easy option to a future release. If you are interested in the filter route, I can write up a Help Guide to show you how.

    Thank you

Viewing 1 replies (of 1 total)
  • Plugin Author Hal Gatewood

    (@halgatewood)

    Here is the filter:

    function hg_add_rotator_pager()
{
	echo '<style>';
	echo '.cycletwo-pager { text-align: center; }';
	echo '.cycletwo-pager span { font-size: 40px; cursor: pointer; cursor: hand; }';
	echo '.cycletwo-pager-active { color: red; }';
	echo '</style>';
	echo '<div class="cycletwo-pager"></div>';
}
add_action('testimonial_rotator_after', 'hg_add_rotator_pager');

    I included the CSS in the filter. But you should remove that and move it into your theme’s CSS file. The elements are:
    .cycletwo-pager
    .cycletwo-pager span
    .cycletwo-pager-active

    You create custom templates for the pager too. Here is the documentation on that:
    https://jquery.malsup.com/cycle2/demo/pager.php

    Just make sure any reference you have to data-cycle change it to data-cycletwo

    • This reply was modified 6 years, 1 month ago by Hal Gatewood.
    • This reply was modified 6 years, 1 month ago by Hal Gatewood.
    • This reply was modified 6 years, 1 month ago by Hal Gatewood.
Viewing 1 replies (of 1 total)
  • The topic ‘Navigation Dots’ is closed to new replies.