I have just created a new page that has testimonials on it and it uses flickity carousel and at the moment , it has three testimonials on it, I was just seeing if there is a way the website owner could add more himself without me adding more coding if he wants more than 3 to show on there, the coding I currently have is below
- Code: Select all
<div class="main-gallery">
<div class="gallery-cell">
<div class="testimonial">
<q class="testimonial-quote">
<cms:editable name='testimonials_one_content' toolbar='full' type='richtext'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mauris ex, gravida ut leo eu, rhoncus porta orci. Fusce vitae rutrum nulla.
</q>
</cms:editable>
<span class="testimonial-author">Name</span>
</div>
</div>
<div class="gallery-cell">
<div class="testimonial">
<q class="testimonial-quote">
<cms:editable name='testimonials_two_content' toolbar='full' type='richtext'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mauris ex, gravida ut leo eu, rhoncus porta orci. Fusce vitae rutrum nulla.
</q>
</cms:editable>
<span class="testimonial-author">Name</span>
</div>
</div>
<div class="gallery-cell">
<div class="testimonial">
<q class="testimonial-quote">
<cms:editable name='testimonials_three_content' toolbar='full' type='richtext'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mauris ex, gravida ut leo eu, rhoncus porta orci. Fusce vitae rutrum nulla.
</q>
</cms:editable>
<span class="testimonial-author">Name</span>
</div>
</div>
</div>
<script>
var flkty = new Flickity( '.main-gallery', {
cellAlign: 'left',
contain: true,
wrapAround: true,
prevNextButtons: false,
pageDots: false,
autoPlay: 5000
});
</script>