Reply To: Replace Owl carousel with Revolution Slider

December 1, 2020 at 12:31 am #10035252
Support
Keymaster

Hello,

The best way to replace the Owl Carousel is use as base the HTML code of page: https://www.okler.net/previews/porto/8.2.0/index-slider-revolution.html

1) First remove the Owl Carousel code and in the same place, put the HTML code of revolution slider.

2) Make sure to include the CSS of Revolution Slider on head of document:

<link rel="stylesheet" href="vendor/rs-plugin/css/settings.css"> 
<link rel="stylesheet" href="vendor/rs-plugin/css/layers.css"> 
<link rel="stylesheet" href="vendor/rs-plugin/css/navigation.css">

3) Make sure to include the JS script of Revolution Slider on footer of document:

<script src="vendor/rs-plugin/js/jquery.themepunch.tools.min.js"></script> 
<script src="vendor/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>

* Important: Add these scripts before the theme.init.js.

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads