loop – woocommerce product listing problem with owl-slider

I am using the WooCommerce shortcode: (product_category category = "course") to list my products. I wanted the list to be inside a slider (carousel owl – https://owlcarousel2.github.io/OwlCarousel2/).

Currently, I am using it as:


I set the slider to show 3 items per slide.

My expected visual representation will be:

------------------------------------
(< prev) item1 item2 item3 (next >)
------------------------------------

But, my code is shown as:

------------------------------------
         item1 item1 item1
(< prev) item2 item2 item2 (next >)
         item3 item3 item3
           .     .     .
           .     .     .
         itemN   itemN itemN

------------------------------------

N – total no. of products in that category

So, the problem seems to be a loop problem. But, I can't find out where the problem is, be a newbie in e-commerce. Please enlighten me where and how I can solve this problem.