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/...
- 199
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': {
...
- 9,284
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 ...
- 4,253
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 ...
- 9,284
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 ...
- 8,564
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/...
- 451
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:
...
- 9,284
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::...
- 21
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 ...
- 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 ...
- 7,880
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,
...
- 2,254
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
- 6,216
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
- 1,924
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 ...
- 9,284
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: {
'...
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 ...
- 3,284
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">
<...
- 8,898
Only top scored, non community-wiki answers of a minimum length are eligible