Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$
keenthems Draggable The function doesn't work.
hello.
The drag function does not work in the doc example.
Even if you copy the source code, it doesn't work.
keenthemms : seven-html-pro
doc Url : https://preview.keenthemes.com/html/seven-html-pro/docs/general/draggable/restricted
Replies (2)
Hi,
Thank you for reporting this issue. We will check it further and provide a quick fix asap.
Regards.
Hi,
You can fix this issue by referring to the following steps:
1. Follow
Quick Setup guide.
2. If you are using Gulp go to core/html/tools/gulp.config.js and change the draggable build config as shown below:
draggable: {
src: {
scripts: [
"{$config.path.node_modules}/@shopify/draggable/build/umd/index.min.js",
],
},
dist: {
scripts: "{$config.dist}/plugins/custom/draggable/draggable.bundle.js",
},
},3. If you are using Webpack go to
tools/webpack/plugins/custom/draggable/draggable.js and change the build config as shown below:require("@shopify/draggable/build/umd");4. In your custom JS code use
var containers = document.querySelectorAll(".draggable-zone");
var swappable = new Draggable.Sortable(containers, {
draggable: ".draggable",
handle: ".draggable .draggable-handle",
mirror: {
//appendTo: selector,
appendTo: "body",
constrainDimensions: true
}
});Regards.
