Hi deplancy lets see if my info helps. Please remember I don’t know js. so the following is a hackish way to do this but it works for me…
My shortcode is in a page template called home-page.php
<?php echo do_shortcode('[owl-carousel category="slider01" items="1" autoPlay="true" navigation="true"]'); ?>
At first I was stuck and shortcode alone would not work so I did it through this file:
wp-content/plugins/owl-carousel/js/owl.carousel.js
The options start at line 1454.
navigation : true,
navigationText : ["prev", "next"],
rewindNav : true,
scrollPerPage : false,
pagination : true,
paginationNumbers : false,
Then I had to open owl.theme.css
and edited this:
.owl-theme .owl-controls .owl-buttons .owl-prev{
background-image: url(../images/arrow-wt-L.svg);
background-position: center center;
left: 0;
display: block;
}
.owl-theme .owl-controls .owl-buttons .owl-next{
background-image: url(../images/arrow-wt-R.svg);
background-position: center center;
right: 0;
display: block;
}
and in owl.carousel.css i did this:
.owl-pagination{
display: block;
}
I wanted both pagination and back next buttons.
I am sure the Plugin Author is cringing when reading this but hey it works and it looks exactly how i wanted it to look so…