Skip to main content
3 votes
Accepted

magento 2 add owl carousel to recently viewed products

Copy the knockout HTML template to your theme. Copy /vendor/magento/module-catalog/view/base/web/template/product/list/listing.html to app/design/frontend/[Vendor]/[Theme]/Magento_Catalog/web/...
Zarna Parekh's user avatar
3 votes
Accepted

Magento 2 - OWL Carousel 2 in related products issue

in your theme app/design/frontend/Vendor/YourTheme/requirejs-config.js add owlcarousel js entry: var config = { paths: { 'myowl': 'Vendor_Module/js/owl.carousel' }, shim: { 'myowl': { ...
Shoaib Munir's user avatar
  • 9,522
3 votes
Accepted

Owl carousel is not working in magento 2

The problem is you are calling jQuery in your require statement but you are not passing it into the anonymous function. You are calling the global jQuery and not the jQuery defined by Require JS. When ...
circlesix's user avatar
  • 4,323
2 votes

Owl carousel is not working in magento 2

I had faced same issue on my website. Magento 2 used old jquery version and also used migrate js. I simply removed migrate js and updated jquery version on my website, and carousel was working fine ...
Shoaib Munir's user avatar
  • 9,522
2 votes

css not loading in owl carousel magento 2

This error usually shows up when static content is not correctly generated by Magento. It can show also show up when using a vanilla Magento installation and is not necessarily related to a theme or ...
Muhammad Hasham's user avatar
2 votes
Accepted

css not loading in owl carousel magento 2

Updated Files My All css files are located in app/code/design/frontend/CustomTheme/ThemeName/web/css/cssfilename.css All js files are located in app/code/design/frontend/CustomTheme/ThemeName/web/...
Harsh Jayswal's user avatar
2 votes
Accepted

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

Since you need specific to luma theme, My suggestion that you do it in module leve. Add requirejs-config.js file in app/code/Vendor/Module/view/frontend/requirejs-config.js add owlcarousel js entry: ...
Shoaib Munir's user avatar
  • 9,522
2 votes

owl carousel not working in magento2.4

it was because i didn't put / to close the css &link tag worked after i did this <css src="Magento_Theme::css/owl.carousel.css"/> <css src="Magento_Theme::...
ok_25's user avatar
  • 21
1 vote

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

Maybe this link will be helpful You can select the role for your video, when you add the video from admin panel just like product image.
Aziz Kapasi's user avatar
1 vote

Magento 2.4.2 : Owl Carousel in Related Products not working

in vendor/magento/module-catalog/view/frontend/web/js/related-products.js, there's a function _shuffle rearranging the products based on the data-shuffle-group attribute. If this function is called ...
Yun's user avatar
  • 126
1 vote

Owl Carousel randomly not loading magento2.4

I have same problem with owl carousel slider Js. sometime js load and sometime show error. So at that time i found many solutions. And at last i found solution which is works well. There are two ways ...
Msquare's user avatar
  • 9,193
1 vote
Accepted

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

you Can Try this require(["jquery" ], function ($) { $(document).ready(function($) { var owl = $("#owlslider"); owl.owlCarousel({ items : 5, ...
Waqar Ali's user avatar
  • 2,349
1 vote

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

In your Script Replace This : navigation : true With This : nav : true Owl Carousel docs
Ronak Rathod's user avatar
  • 6,342
1 vote

Magento 2 - OWL Carousel 2 in related products issue

In Magento 2,You can use this simple module for any slider. https://github.com/vrajeshkpatel/magento2-owlcarousel
Vrajesh Patel's user avatar
1 vote

css not loading in owl carousel magento 2

because of your localhost/magento as base URL it is not adding your CSS properly. You need to set a local domain in your vhost file of your xampp or wampp add following: Note: Change directory ...
Shoaib Munir's user avatar
  • 9,522
1 vote
Accepted

Getting JS errors on live site

Your file path for your js should be here Vendor_Modulename/web/js/myfile.js var config = { paths: { 'myfile': "Vendor_Modulename/js/myfile" }, shim: { '...
Abdulrehman Sheikh's user avatar
1 vote

Getting JS errors on live site

Add an external JS in the following way : Try this, Add your custom js in the following path. Vendor/Module/view/frontend/web/js/nameofjs.js then you need to add requirejs-config.js to the ...
Prathap Gunasekaran's user avatar
1 vote

How to implement owl carousel in custom module?

Instead of writing inline script, it is better to do it using js component as follows: Code in phtml file <div class="products list items product-items"> <ul id="owlslider"> <...
Anshu Mishra's user avatar
  • 8,990

Only top scored, non community-wiki answers of a minimum length are eligible