1. If scroll through the gallery once on your mobile device, autoplay will start. At the same time, in the carousel settings, the autoplay option is disabled (works as it should on computers).
2. What Data Attributes to use to disable swipe in OWL caouruse (example: data-autoplaytimeout = "5000")? "data-touchdrag" doesn't work.
1. I've tested it and can confirm the issue. After swiping it manually, the carousel will start autorotating, even when autorotate is set to off. It seems to me this is an Owl Carousel bug. I wanted to file the issue on github, but the Owl carousel project unfortunatly isn't active anymore.
Sadly I don't have a solution for this right now. I will have to look into the code and try to come up with a solution. It is possible that we'll have to switch to a different carousel for the long term.
2. Data attributes works is that we add them inside widget template files (with php), then fetch it in javascript. In the functions.js file those data attributes are translated to the owl API. here is an example for doted navigation:
And the dots setting is then passed to the Carousel:
Adding data-touchdrag could work, but you'll need to handle it inside the dentalia/dev-js/function.js file
file "dentalia / dev-js / function.js" is not loaded when viewing the source code of the site page in the browser. Do I need to include it in functions.php?
console.log ("*****************************"); placed in "dentalia / dev-js / function.js" did not output anything to the console
In Theme Options -> General -> SEO there is an option which files are loaded. You can either load minified versions of JS and CSS files (checked), or development versions (unchecked):
When you uncheck it, the files in the /dev-js/ folder will be loaded.
I recommend to keep it unchecked while developing, then after you are done, you can copy it to the /js/ folder and then load the minified versions. Optionaly you can minify it before with a tool like https://javascript-minifier.com/ or similar. Although the savings in size are not that big, only around 20 Kb.
I noticed you are running an older version of Dentalia theme. I would recommend updating theme to version 2.0 before changing javascript files, because with the theme upgrade, any modifications in the functions.js file will get overwritten. There were a lot of improvements from 1.8 to 2.0 version, some WP 5.5 compatibility issus were resolved. It was a huge update. The javascript files changed as well.
I used a temporary solution for "disable" autoplay - turning on autoplay and increasing the time to 80 minutes.
For this, in all widgets where "Autoplay Transition Delay" is used, the max value of 'autoplay_timeout' is set to 5000000. To make this number correctly displayed in the admin panel in wp-content\themes\dentalia\css\admin.css, the following changes have been made:
If all galleries on the site are static, then you can get by in an easier way - increase the time for all galleries. To do this, in the file wp-content\themes\dentalia\dev-js\functions.js need to change the default "autoplayTimeout" value to 5000000.
PS
this method does not work on "Orion Advanced Tabs" widget
1. If scroll through the gallery once on your mobile device, autoplay will start. At the same time, in the carousel settings, the autoplay option is disabled (works as it should on computers).
2. What Data Attributes to use to disable swipe in OWL caouruse (example: data-autoplaytimeout = "5000")? "data-touchdrag" doesn't work.
https://stom-ch.ru/
Hi,
1. I've tested it and can confirm the issue. After swiping it manually, the carousel will start autorotating, even when autorotate is set to off. It seems to me this is an Owl Carousel bug. I wanted to file the issue on github, but the Owl carousel project unfortunatly isn't active anymore.
Sadly I don't have a solution for this right now. I will have to look into the code and try to come up with a solution. It is possible that we'll have to switch to a different carousel for the long term.
2. Data attributes works is that we add them inside widget template files (with php), then fetch it in javascript. In the functions.js file those data attributes are translated to the owl API. here is an example for doted navigation:
And the dots setting is then passed to the Carousel:
Adding data-touchdrag could work, but you'll need to handle it inside the dentalia/dev-js/function.js file
Kind regards,
Andrej
OrionThemes
file "dentalia / dev-js / function.js" is not loaded when viewing the source code of the site page in the browser. Do I need to include it in functions.php?
console.log ("*****************************");
placed in "dentalia / dev-js / function.js" did not output anything to the console
Hi,
In Theme Options -> General -> SEO there is an option which files are loaded. You can either load minified versions of JS and CSS files (checked), or development versions (unchecked):
When you uncheck it, the files in the /dev-js/ folder will be loaded.
I recommend to keep it unchecked while developing, then after you are done, you can copy it to the /js/ folder and then load the minified versions. Optionaly you can minify it before with a tool like https://javascript-minifier.com/ or similar. Although the savings in size are not that big, only around 20 Kb.
I noticed you are running an older version of Dentalia theme. I would recommend updating theme to version 2.0 before changing javascript files, because with the theme upgrade, any modifications in the functions.js file will get overwritten. There were a lot of improvements from 1.8 to 2.0 version, some WP 5.5 compatibility issus were resolved. It was a huge update. The javascript files changed as well.
Kind regards,
Andrej
OrionThemes
I used a temporary solution for "disable" autoplay - turning on autoplay and increasing the time to 80 minutes.
For this, in all widgets where "Autoplay Transition Delay" is used, the max value of 'autoplay_timeout' is set to 5000000. To make this number correctly displayed in the admin panel in wp-content\themes\dentalia\css\admin.css, the following changes have been made:
.siteorigin-widget-form .siteorigin-widget-field.siteorigin-widget-field-type-slider input[type="number"]
// scip
max-width: 85px;
// scip
}
.siteorigin-widget-form .siteorigin-widget-field.siteorigin-widget-field-type-slider .siteorigin-widget-slider-wrapper {
margin-left: 95px;
}
If all galleries on the site are static, then you can get by in an easier way - increase the time for all galleries. To do this, in the file wp-content\themes\dentalia\dev-js\functions.js
need to change the default "autoplayTimeout" value to 5000000.
PS
this method does not work on "Orion Advanced Tabs" widget