Plugin Contributor
Vagelis
(@eboxnet)
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.
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
After activation:
https://www.dropbox.com/s/aqxzfyp8cblmg4p/gld-related-after.jpg?dl=0
Thanks again,
Dan
Plugin Contributor
Vagelis
(@eboxnet)
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/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
Hopefully, the new version will be online soon (trying to find free time to finish it) packed with lots of new options.
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
Dan
Plugin Contributor
Vagelis
(@eboxnet)
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?
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/
Plugin Contributor
Vagelis
(@eboxnet)
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/
As you can see there are no classes applied
Plugin Contributor
Vagelis
(@eboxnet)
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)
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
(@eboxnet)
No problem, if you ever find out what happened with the class please let me know.
Good luck with your projects.
