Questions tagged [owl-carousel]
The owl-carousel tag has no usage guidance.
30
questions
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"?>
<...
- 451
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
...
- 1,276
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/...
- 319
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" ...
- 2,166
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 ...
- 484
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">
...
- 83
1
vote
0
answers
270
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/...
- 695
1
vote
0
answers
735
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": ...
- 1,886
1
vote
0
answers
285
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....
- 11
1
vote
1
answer
849
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 ...
- 451
0
votes
1
answer
490
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,
...
- 21
0
votes
2
answers
714
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.
- 484
0
votes
2
answers
138
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.
- 175
0
votes
1
answer
38
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?
0
votes
1
answer
434
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/...
- 1,112
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/...
- 695
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>...
- 115
0
votes
1
answer
1k
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.
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 ...
- 146
0
votes
0
answers
127
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 , ...
0
votes
1
answer
45
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 "&...
0
votes
1
answer
223
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 ...
- 694
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="...
0
votes
0
answers
67
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.
0
votes
1
answer
45
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?
- 1
0
votes
2
answers
840
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.
- 886
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 ...
- 109
0
votes
1
answer
167
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
...
- 1,710
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%.
...
- 3
0
votes
1
answer
983
views
Lazy Load issue
I have below code for jQuery owl carousel slider.
jQuery('#testslider').owlCarousel({
lazyLoad:true,
loop: true,
nav:true,
dots:false,
...
- 4,562