Questions tagged [owl-carousel]
The owl-carousel tag has no usage guidance.
31
questions
0
votes
1
answer
974
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
633
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
28
views
Widget Configuration For Product Not Appearing Correctly
I recently create a new product page
In admin panel I go to Content > Element > Pages
I add in 3 section of the same widget as above named Widget++ Products
The content of the widget is as ...
0
votes
0
answers
78
views
Magento2 Owl Carousel
I am adding the slides in owl carousel dyamically 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, lazload nav etc , although ...
0
votes
0
answers
77
views
Custom Css is not working properly in Magento 2.4.4
I have added a custom CSS for owl carousel it is working fine with Magento 2.3.7 but not working with Magento 2.4.4
Snap from Magento 2.4.4
Snap from Magento 2.3.7
CSS code
{
background-image: ...
0
votes
1
answer
33
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
194
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 ...
- 682
0
votes
1
answer
4k
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">
...
- 63
0
votes
1
answer
385
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
1
answer
401
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,072
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/...
- 707
0
votes
1
answer
44
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="...
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/...
- 189
0
votes
0
answers
66
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
42
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
782
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
607
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.
- 464
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 ...
- 464
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,156
1
vote
0
answers
265
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/...
- 707
1
vote
0
answers
602
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,836
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
1
vote
0
answers
238
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
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"?>
<...
- 441
1
vote
1
answer
778
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 ...
- 441
0
votes
2
answers
131
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
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,266
0
votes
1
answer
166
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
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
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
927
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,502