52 comments found.
I am considdering implementing the JS version into a nuxt/vue project. Was somone already able to do so easily? Trying to do it as a client only plugin or component does not work straighforwardly. Any tips are much appreciated!
Hello,
The ModuloBox instance must be initiated/destroyed each time a component is mounted/dismounted: https://theme-one.com/modulobox/javascript-api/
Themeone
Hello,
We would need to instance gallery for each other product in the product list page with waterfall flow, How do I initialize the newly added gallery
Hello,
You need to create a grid to display and to add it in the page to display it. THat’s the only way to display a grid from The Grid plugin.
Themeone
Excuse me Can I use it for personal non-commercial use For personal use ~ do I just need to buy a regular license
Hello,
Yes, you can use it for personal use.
Themeone
I just bought the plugin, this doesn’t work with webp images?
Hi. There is a bug when using multiple galleries on page. Lightbox does not close, navigation and keys not working, the only way out is to refresh page:( Can you please help with this?
Hello,
You have certainly not used the JS API correctly. Please make sure that you have instantiated ModuloBox only once.
Themeone
Thank you, it was my mistake.
Hi. Can you please help me with handling navigation events? I have to do some work after navigated. But I cant find navigation events…
I have multiple galleries on a page separated by data-rel attribute. Is there someway I can have a navigation arrow that will jump to the next gallery instead of the next slide? I will place this arrow separate from the one the lightbox generates.
Hello,
Unfortunately, this is not possible. There isn’t such feature with ModuloBox.
Themeone
Good luck with your sales
Hello,
Everything is working fine and as expected in your example. I do not see any issue.
Themeone
I am really struggling to get this plugin running on my local html css build. Kindly can you assist?
Never mind i managed to do it. Though how do i edit the SVG sprite modulobox.svg?? When i use illustrator, it does not render well and instead loads the whole image on icons rather than individual icons dictated by background positioning
Hello,
You can manually edit an SVG sprite or use a dedicated tool for sprite.
Themeone
in need a onload lightbox, do you have an example?
Hello,
If you mean to open the lightbox on load, it is possible by using the URL generated by the lightbox: https://theme-one.com/modulobox/?guid=main-demo&mid=3
Themeone
Hi, I like your plugin a lot and before I buy it I would like to know if it is possible to have in the page not the static thumbnails but the thumbnail-slider, like the one you have when you open the lightbox. That would be perfect for my project. Thank you so much for your answer.
Hello,
ModuloBox is a lightbox plugin (the popup that appears on click). It is not a gallery or slider, so you can’t add it in a page like that.
Themeone
Hello,
Is the plugin code minified? Can you please tell me the minified file size?
Thanks!
Hello,
The script is minified and is about 20Kb with a Brotli compression for example (like on our demo site).
Themeone
Thank you! Is it possible to remove features that we don’t plan on using, to make the code smaller? For example, if we don’t plan on using videos, or thumbnails, or the slideshow feature, can we remove those modules from the code?
Hello,
Unfortunately, this is not possible. The script is already quite small and will have no impact on the loading speed at all.
Themeone
Hello, Really good lightbox!
I have 2 questions: 1. Is it possible add event for specific gallery? Something like below example:
mobx.on('afterOpen.modulobox', function () {
document.body.classList.add('specific-id-gallery-is-open');
});
2. Is there any way to add aria-label attributes for buttons?
Hello,
1) In the event you mentioned you can get the gallery name as mentioned in the documentation: https://theme-one.com/modulobox/javascript-api/#afterOpen
2) You can simply add them with JavaScript and thanks to ModuloBox API.
Themeone
I overlooked the solution. Everything works as it should! Thank you.
A very good plugin but have some important missing features.
I it would be great if we can create multiple instances with different options like;
var box1=new ModuloBox({ mediaSelector: ’.selector-a’, controls: [‘zoom’, ‘play’, ‘fullScreen’, ‘share’, ‘close’], dragToClose: true, tapToClose: true });
var box2=new ModuloBox({ mediaSelector: ’.selector-b’, controls: [‘zoom’, ‘close’], dragToClose: false, tapToClose: false });
this is not possible for now. Each document accepts only one instance
Hello,
You can change options at any time and also destroy an instance and create a new one. There isn’t any need to create several instances. You will find more details in the documentation: https://theme-one.com/modulobox/javascript-api/
Themeone
Howdy! I was planning to buy another license for a new project but unfortunately this one requires support for HEIC files. I can load them fine and display within a standard through the use of a BLOB but ModuloBox will not accept the BLOB url. Any chance a future version will add support for BLOBs?
Hello,
Unfortunately, this is not possible to display such type of image and this is not possible to add support for blobs. Thank you for your understanding.
Themeone
Brought and dont know how to use.. rather complicated 
Hello,
This is a JS script for developers. So, it requires to have knowledge in JavaScript. You will find the docs here: https://theme-one.com/modulobox/javascript-api/ And, you can open ticket on support forum for questions: https://themeoneticket.ticksy.com/
Themeone
Hi, my support has been expired, will buy one more license soon for another project. May I know how to add a caption with URL in the caption or data-desc?
Hello,
You simply need to add it inside the data-desc attribute. Of course you need to escape it to prevent breaking the markup.
Themeone
i see there hasn’t been an update for almost 2 years, but i will still ask, will you ever add inner zoom to the images on mouse hover?
Hello,
We do not plan to add Zoom on mouse hover.
Zoom should be triggered by a recognizable user interaction like a click. Making a zoom on mouse hover is not user friendly and accessible. But, you can use ModuloBox JS API to change the script behaviour: https://theme-one.com/modulobox/javascript-api/
Themeone
Hello, on desktop the inner zoom on mouse hover is a very well liked features like magic zoom has: https://www.magictoolbox.com/magiczoomplus/, the functionality would be very welcome by buyers.
On your example, the zoom is not applied in the lightbox. ModuloBox is a lightbox plugin and not an image zoom plugin.
Themeone
Hello! I bought your plugin with a beautiful gallery, but it is not installed, WordPress writes: “The archive could not be installed. No valid plugins found. Installing the plugin failed. ” What should I do in this situation?
Hello,
This is not a WordPress plugin but a JavaScript plugin as mentioned in the product description on CodeCanyon. So, you can’t install it on WordPress.
Themeone
Hello! Thanks for the answer! I already realized that I was mistaken. I am a deletant in this matter. Can I give it back? And then I found and tried a free option and I liked it. But I want a premium, and there’s no way to pay twice. Thank you for your understanding, Vitaly Bogdanovich
Hey, i see that it’s possible to let picures zoom to 100% of the image width. But not withg the punch zoom?. There you can zoom more thann 100%. If i say zoom level 1 – the zoom isn’t working anymore. Is this also possible to zoom to 100% (maybe 2300px when the pic is 2300px). It’s very important – that visitors can’t zoom more than the image size!
Hello,
The zoom feature is based on a scale. it allows to zoom image displayed on screen to a certain factor. If you set 1X you will not be able to zoom. Unfortunately, this is not possible to control the zoom in px because it depends of the screen size of the user.
Themeone
