Title: Owl Carousel
Last modified: January 28, 2019

---

# Owl Carousel

 *  Resolved [Dan Stramer](https://wordpress.org/support/users/danstramer/)
 * (@danstramer)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/owl-carousel-4/)
 * Hello
    From where can I control the owl carousel? – Speed of transition – number
   of items per container – etc… Currently, the theme is using it’s own slider, 
   can the plugin use the same, so display is identical? For example, see related
   products at bottom of page: [https://www.goldlabeldesigns.ca/product/my-treasures-earrings-65/](https://www.goldlabeldesigns.ca/product/my-treasures-earrings-65/)
   Thanks Dan

Viewing 11 replies - 1 through 11 (of 11 total)

 *  Plugin Contributor [Vagelis](https://wordpress.org/support/users/eboxnet/)
 * (@eboxnet)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/owl-carousel-4/#post-11140575)
 * Hello Dan, there are no options for the carousel on the current version ( this
   is something I am currently working on ).
 * Since your theme uses the same system you should be able to use the same styling.
   As for the functionality of the plugin if you want to change some of its options
   I can give you a function which you can use to re reinitiate the carousel.
 *  Thread Starter [Dan Stramer](https://wordpress.org/support/users/danstramer/)
 * (@danstramer)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/owl-carousel-4/#post-11140708)
 * Hi Vagelis,
    Thank you very much for your reply. Which system are you referring
   to? does it use owl carousel too? Regarding functionality, yes – it would be 
   helpful to tap in and change some options, thanks. For your reference I’m attaching
   2 screenshots, before activation of plugin and after: **Before activation:** 
   [https://www.dropbox.com/s/4jabgqcr6gpqfo4/gld-related-before.jpg?dl=0](https://www.dropbox.com/s/4jabgqcr6gpqfo4/gld-related-before.jpg?dl=0)
 * **After activation:**
    [https://www.dropbox.com/s/aqxzfyp8cblmg4p/gld-related-after.jpg?dl=0](https://www.dropbox.com/s/aqxzfyp8cblmg4p/gld-related-after.jpg?dl=0)
 * Thanks again,
    Dan
 *  Plugin Contributor [Vagelis](https://wordpress.org/support/users/eboxnet/)
 * (@eboxnet)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/owl-carousel-4/#post-11140734)
 * Thanks for the screenshots. The plugin use owl carousel just like your theme.
   Of course, the theme uses many style rules to make it look better than plugin’s
   carousel. You will need to modify plugin’s style using your theme’s styling rules.
 * As for the carousel options please visit these 2 links:
 * [https://wordpress.org/support/topic/related-products-is-not-incremented/](https://wordpress.org/support/topic/related-products-is-not-incremented/)
   
   [https://wordpress.org/support/topic/how-to-display-more-than-3-product-in-slider/](https://wordpress.org/support/topic/how-to-display-more-than-3-product-in-slider/)
 * There are 2 useful functions in those topics to help you “destroy” and reinitiate
   the carousel using custom options.
    If you want to read more about owl carousel’s
   options you should check this page:
 * [https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html](https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html)
 * Hopefully, the new version will be online soon (trying to find free time to finish
   it) packed with lots of new options.
 *  Thread Starter [Dan Stramer](https://wordpress.org/support/users/danstramer/)
 * (@danstramer)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/owl-carousel-4/#post-11140860)
 * Thanks.
    I started implementing these changes. There are a few issues if you 
   could help: 1. The related products area is in a div with no class so I can’t
   target all the elements except the UL#woorelatedproducts 2. .customNavigation
   is also not contained in a container with a class 3. Header is not contained 
   in a div with a class Is there a filter to add a class to this container? see
   screenshot: [https://www.dropbox.com/s/u46y6z8zb498d2o/woo-related-classes.jpg?dl=0](https://www.dropbox.com/s/u46y6z8zb498d2o/woo-related-classes.jpg?dl=0)
 * Dan
 *  Plugin Contributor [Vagelis](https://wordpress.org/support/users/eboxnet/)
 * (@eboxnet)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/owl-carousel-4/#post-11140877)
 * Yes of course, happy to help.
    The first div should have “woo-related-products-
   container” did this happen after you edited ? can you try to disable the edits
   and check if the div class is there or not?
 *  Thread Starter [Dan Stramer](https://wordpress.org/support/users/danstramer/)
 * (@danstramer)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/owl-carousel-4/#post-11140898)
 * I removed all edits.
    No change. The first div is still empty with no class. 
   You can look at the live page, here for example: [https://www.goldlabeldesigns.ca/product/solis-jupiter-earrings-6/](https://www.goldlabeldesigns.ca/product/solis-jupiter-earrings-6/)
 *  Plugin Contributor [Vagelis](https://wordpress.org/support/users/eboxnet/)
 * (@eboxnet)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/owl-carousel-4/#post-11140905)
 * Hmm so weird, I added that class on that specific div so we can target any element
   within it.
 * check the demo site [https://woorelated.eboxnet.com/](https://woorelated.eboxnet.com/)
 *  Thread Starter [Dan Stramer](https://wordpress.org/support/users/danstramer/)
 * (@danstramer)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/owl-carousel-4/#post-11140915)
 * As you can see there are no classes applied
 *  Plugin Contributor [Vagelis](https://wordpress.org/support/users/eboxnet/)
 * (@eboxnet)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/owl-carousel-4/#post-11140929)
 * Yes, I just checked a couple websites I use the plugin in and all have the class.
   
   We could use the ID to target the parent (div without class)
 *  Thread Starter [Dan Stramer](https://wordpress.org/support/users/danstramer/)
 * (@danstramer)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/owl-carousel-4/#post-11141014)
 * I added the class to the parent div with jQuery, and did some css manipulations
   to add the arrow navigation.
    Thanks for your help!
 * Dan
 *  Plugin Contributor [Vagelis](https://wordpress.org/support/users/eboxnet/)
 * (@eboxnet)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/owl-carousel-4/#post-11141139)
 * No problem, if you ever find out what happened with the class please let me know.
   
   Good luck with your projects.

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Owl Carousel’ is closed to new replies.

 * ![](https://ps.w.org/woo-related-products-refresh-on-reload/assets/icon-256x256.
   png?rev=1531812)
 * [Related Products for WooCommerce](https://wordpress.org/plugins/woo-related-products-refresh-on-reload/)
 * [Support Threads](https://wordpress.org/support/plugin/woo-related-products-refresh-on-reload/)
 * [Active Topics](https://wordpress.org/support/plugin/woo-related-products-refresh-on-reload/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/woo-related-products-refresh-on-reload/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/woo-related-products-refresh-on-reload/reviews/)

## Tags

 * [flatsome](https://wordpress.org/support/topic-tag/flatsome/)

 * 11 replies
 * 2 participants
 * Last reply from: [Vagelis](https://wordpress.org/support/users/eboxnet/)
 * Last activity: [7 years, 3 months ago](https://wordpress.org/support/topic/owl-carousel-4/#post-11141139)
 * Status: resolved