Carousel Teamblocks:

This section is used for displaying a collection members of a team with their details which slides infinitely throughout the section.


Available Options:


Output:

Code:


<div class="darkout-section">
  {% include do-carousel-teamblocks.html tag="module" %}
</div>


How to add content:

- name: Christopher Woolard  # Use team-block name here
  image: /assets/images/carousel-teamblocks/christopher-woolard.jpg  # Use team-block image here
  designation: Executive Director of Strategy & Competition, Financial Conduct Authority (FCA)  # Use team-block designation here
  tags: module  # Use team-block tag here

How to add in page:

<div class="darkout-section">{% include do-carousel-teamblocks.html tag="module" %}</div>


Carousel options:


    $('.do-team-block-carousel').slick({
        slidesToShow: 4,
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 1500,
        arrows: false,
        dots: false,
        pauseOnHover: true,
        responsive: [{
            breakpoint: 991,
            settings: {
                slidesToShow: 3
            }
        },{
            breakpoint: 768,
            settings: {
                slidesToShow: 2
            }
        }, {
            breakpoint: 520,
            settings: {
                slidesToShow: 2
            }
        }]
    });