Questions tagged [owl-carousel]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
0 votes
1 answer
45 views

I want to show my product video in the first position in carousel

I want to show a video of the product in the first position from the carousel. When the user clicks on the product If the product contains video in the carousel slider. How can I achieve this?
tehwain99's user avatar
0 votes
1 answer
2k views

How to Create a Dynamic Owl Carousel

Using code below you can create a fully responsive dynamic owl carousel. The same way you can implement this carousel in magento2 as well.
Syed Hassan Zamir's user avatar
0 votes
1 answer
1k views

sometimes Owl Carousel Slider not working

Now the magento site version is 2.4.3. It's using the owl carousel for banner image and product images. And the owl carousel works well. But sometimes it isn't working. I think it's because the owl ...
Aaron Wang's user avatar
0 votes
0 answers
136 views

Magento 2 - Owl Carousel

I am adding the slides in owl carousel dynamically but it is not working fine when I try to remove them some of the properties of owl carousel won't work at all like margin, lazyload nav etc , ...
Syed Hassan Zamir's user avatar
0 votes
1 answer
48 views

Owl Carsouel in Magento2

I am creating owl carsouel for compare products <div class="main-padding"> <div class="message-container"> </div> <div class="compare-inner-block "&...
Syed Hassan Zamir's user avatar
0 votes
1 answer
229 views

Magento 2.4.2: How to add Yotpo reviews carousel code in specific category pages?

We've been able to display Yotpo reviews carousel on the homepage of our Magento store. But I need to display that also on a few specific category pages. I'm not sure where to add the following code ...
CodeForGood's user avatar
1 vote
1 answer
6k views

how to refresh owl.carousel slider?

I have created the owl.carousel slider in Magento 2 and created it in phtml file using the following code. <div class="carousel-wrap"> <div class="owl-carousel"> ...
DhwaniBhatt's user avatar
0 votes
1 answer
508 views

owl carousel not working in magento2.4

it's my first time using Magento and I have a luma theme "without sample data" and I want to put the slider in it, when I do this the images show under each other like a block not a slider, ...
ok_25's user avatar
  • 21
0 votes
1 answer
443 views

Magento 2.4.2 : Owl Carousel in Related Products not working

I am facing a strange issue with setup owl carousel slider to related products on PDP. I've added below code to initialise owl carousel at the end of items.phtml file in my custom theme. app/design/...
Rahul Barot's user avatar
  • 1,122
0 votes
4 answers
1k views

Owl Carousel randomly not loading magento2.4

on my Magento2.4 I have an issue where owl-carousel will randomly not load. Here is my default_head_blocks.xml <?xml version="1.0"?> <page xmlns:xsi="http://www.w3.org/2001/...
Jayreis's user avatar
  • 705
0 votes
1 answer
49 views

Magento-1.9: How to manage products as per my wish in owl corousel slider for my home page slider?

I'm trying to set up a category products list on my homepage following this tutorial. <div class="hide-ratting owl-top-narrow" id="featured_product"> {{block type="...
IntraPersonalLearner's user avatar
3 votes
1 answer
3k views

magento 2 add owl carousel to recently viewed products

I am trying to add owl carousel to recently viewed products in product detail page by making custom theme and creating viewed_grid.phtml in app/design/frontend/_YOUR_VENDOR_/YOUR_THEME/...
Zarna Parekh's user avatar
0 votes
0 answers
68 views

How Can I add Any jQuery Plugin in Magento 2.3.0

I am trying to add owl Carousel js file in app/design/frontend/My/theme/web/js/carousel.min.js but I am unable to add it to my site header.
Chandan Sayed's user avatar
0 votes
1 answer
46 views

Magento 2 OWL carrousel filtered by custom attribute

I am trying to get the OWL carrousel to show products filtered by a custom attribute that I added. This filter option is not supported by default. Does anybody know a good way to fix this?
D12's user avatar
  • 1
0 votes
2 answers
855 views

Add custom slider for banners

I have two banners that are showing on frontend. I want to show them in a slider. Please suggest something.
surbhi agr's user avatar
0 votes
2 answers
753 views

Owl Carousel is working in magento 2 luma theme but other functions like dots, next and prev not displaying?

The owl carousel slider is working fine as drag. But I can't able to see any dots or next, prev icons. Please tell me how to display that? autoplay: true, dots: true are not working.
Kowsigan Atsayam's user avatar
1 vote
1 answer
2k views

How to implement owl carousel in luma theme in Magento 2?

The images for the slider should be chosen in the admin panel. I am new to magento. Kindly tell me how to implement owl carousel. I don't want to use free extensions. I included the css file link in ...
Kowsigan Atsayam's user avatar
1 vote
2 answers
2k views

Magento 2 - OWL Carousel 2 in related products issue

I try to setup OWL Carousel for Related Products in Magento 2. I overwrite this file: Magento_Catalog/templates/product/list/items.phtml this is my custom code: <div id="owlslider" ...
Robert's user avatar
  • 2,166
1 vote
0 answers
271 views

Adding Owl Carousel to Magento2.2.5 Blank Theme

I am working on customizing the Magento 2 Blank theme and trying to add owl carousel however am getting this error Uncaught TypeError: Cannot read property 'fn' of undefined at :8888/pub/static/...
Jayreis's user avatar
  • 705
1 vote
0 answers
762 views

margin parameter not working in Owl Carousel slider magento 2.3

Please check my code,if anyone have any idea please guide me - <script type="text/x-magento-init"> { "#discounts-offers": { "OwlCarousel": { "autoPlay": ...
Hitesh Balpande's user avatar
0 votes
2 answers
1k views

Owl Carousel for custom them for Magento 2.2.4

I am creating a custom theme and I need to add banner slider in the home page. I try to use owl carousel and it’s not working. Can you please help Her is how I try to add slider to home page 1 ...
GeorgeM's user avatar
  • 109
1 vote
0 answers
307 views

OWL Carrousel Not Showing Images - WeltPixel Extension [closed]

I was wondering if anyone can help. I recently installed the OwlCarrouselSlider from WeltPixel and after upgrading to 2.3 the images within sliders for related and upsell products have stopped showing....
S T's user avatar
  • 11
4 votes
3 answers
2k views

css not loading in owl carousel magento 2

hello guys i am trying to use owl carousel in phtml file in console it shows error regarding css Following is my default_head_block.xml file which is a layout file <?xml version="1.0"?> <...
Harsh Jayswal's user avatar
1 vote
1 answer
879 views

How to use owl carousel using require js in magento 2

Anyone can help me out how to use owl carousel using a custom theme by using require js I have downloaded owl carousel zip file from an official website. I want to use this owl carousel in my block ...
Harsh Jayswal's user avatar
0 votes
2 answers
141 views

Getting JS errors on live site [closed]

http://35.178.2.150/rep/india please hit this URL and inspect it, and help me if you can.
Farhan Ali's user avatar
3 votes
2 answers
6k views

Owl carousel is not working in magento 2

I want to add owl slider in custom theme in magento 2. For that, I added, \app\design\frontend\Theme\custom\web\css\owl.carousel.min.css \app\design\frontend\Theme\custom\web\js\owl.carousel.js ...
Bhakti Thakkar's user avatar
0 votes
1 answer
168 views

js merge carousels sliders are breaking when js merge

After js merge carousels sliders are breaking in the site, followed no-conflict and other solutions, also in the console this is showing Uncaught TypeError: jQueryowlCarousel is not a function ...
Raghu's user avatar
  • 1,710
0 votes
1 answer
4k views

How to implement owl carousel in custom module? [duplicate]

I have tried to implement owl carousel slider in custom module followed How to call Owl Slider in Magento2 my phtml file <div class="products list items product-items owlslider"> <ul>...
Gopi Nathan's user avatar
0 votes
2 answers
2k views

Owl Carousel not working in Chrome

I've got a carousel (Owl Carousel) on my home page that doesn't work on Chrome but does work in other browsers. I believe it is something to do with Jquey loading after the carousel but I'm not 100%. ...
Mike's user avatar
  • 3
0 votes
1 answer
999 views

Lazy Load issue

I have below code for jQuery owl carousel slider. jQuery('#testslider').owlCarousel({ lazyLoad:true, loop: true, nav:true, dots:false, ...
Denish Vachhani's user avatar