175 comments found.
Hi, we’re wanting to use your gallery to display product options in our shopping cart (via iframe modal) and it works great, but I was wondering if there was a toggle or something I am missing to show the captions below the thumbnails – without a hover. I like the hover caption, but on mobile, as you know doesn’t work the same as desktop. I am just looking for a simple solution and was hoping you could point out something I overlooked. Thanks. Here is the first product to use this, click on “view leather color swatches” https://www.ravenswoodleather.com/mens_clothing/mens_leather_pants/m_65_mens_leather_pants/
Sorry, wrong app. I have too many of these…. I need to exercise some self control
don’t worry about it 
Hi, At IE 11 the images are stretched in lighbox. Can you provide me a fix for that?
img {
width: auto;
height: auto;
}
Best, David
Hi there,
If I want to link to PDFs when thumbnails are clicked, Could I use “data-url” just like linking to another web page?
Thank you for your help!
Rhea
Hi Rhea,
yes you can, I just tested this:
data-url="http://www.orimi.com/pdf-test.pdf"and it is working
I hope my question is simple to answer. When I upload the gallery to my host, it doesn’t seem to adjust for a phone browser. If I decrease the width in a computer browser or use an online emulator, it adjusts fine, but if I use a phone browser, such as Chrome for Android, it isn’t acting responsively. I even attempted to simply upload the example folder to see how that responds, and it is doing the same thing. If I go to the online preview on a phone, it does exactly what I need, but when I uploaded the same example to the host without changing anything, it does not act responsively.
I love this gallery and really want to use it. I assume that I’m doing something wrong, but I’m not sure what…
try adding this at the top of your page:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=0">if still doesn’t work, any chance you could show me a living example online? so I can take a look
Best, David
That did it!!! Thank you so much!
awesome 
One more quick question…Is it possible to lock the menu at the top of the screen so that it doesn’t scroll? I will be using it as a photo menu for a restaurant that customers can view on their phones, and it would be better if the category menu was always at the top of the screen.
Hi there,
by default the plugin doesn’t have this feature, but you can try to implement some “sticky menu” style to it, if you want I can tell you where is the menu in the JS so you can add maybe some CSS class or some style
Best, David
Thanks for the fast reply, David. It appears I have solved it by adding the following rules in the gridGallery.css file:
position: fixed; z-index: 100; to the .category-navbar class
and I changed the positioning for the .autoGrid-lightbox class from:
top: 0
to
top: 2em
It’s now doing what I need it to do. Thank you so much for the great product and even better support!
Awesome thank you for sharing I’m sure it will be helpful for other customers
As it turned out, there was one more thing I had to fix. Initinally I hadn’t noticed that the top row of photos was being cut off by the fixed menu. I added:
top: 2em to the .grid-clearfix class
That seems to have everything working now. The grid has been pushed down so that it is no long partially behind the menu.
thanks for sharing
Hi, On a gallery with 50 image, i set initial load to 20, and turn lazy load on. when i am on lightbox mode & reached to 20th image, i expect “Next” button take me to 21th image, not loop through first image. Is it possible to do that?
Hi there,
currently is not possible, since the lightbox is designed to show only the images loaded in the grid, it doesn’t load more images on its own, it only reads what’s in the grid
but if this is really necessary I would recommend you to use this more advanced plugin: http://codecanyon.net/item/media-boxes-portfolio-responsive-grid/5683020 which is way faster, has a powerful filter system and more options such as the one you are asking
Best, David
Hello and cheer for your gallery.
I wanted to know if it were possible to add movies by replacing “Data-image” by “data-URL” (youtube, vimeo, …) in the “div” ? Do you have a solution or a version improved of your script?
Thank you for your return.
Yannick
Hi Yannick, I actually have an advance version of this plugin, which is this one: http://codecanyon.net/item/media-boxes-portfolio-responsive-grid/5683020
it supports iframe based videos/players (like youtube, vimeo, metacafe, soundcloud etc), it is way faster and has a powerful filter system, just check it out
Best, David
Hi Support,
We have downloaded the Auto Grid Responsive Gallery and everything is working great the only issue we have is when we set the image spacing to 0 we are getting horizontal and vertical scroll bars.
Is there anyway we can remove the scroll bars while still having 0 spacing between images.
Kind regards, John
body{
margin:0;
overflow-y: scroll; /* This is optional, but you need it for a full width gallery */
}
if still doesn’t work, any chance you could show me a living example online so I can take a look?Best, David
I need to change the text font how can I do?
you can just change the font of your page and the plugin will inherit it, for example:
body {
font-family: serif !important;
}
I hope it makes sense
Hello all.
Firstly I would like to thank the author of this cool plugin. It’s really awesome and useful thing with a lot of user friendly features. And I know you did great job.
I like this plugin and plan to use it in my site, that I’m creating just for fun. This project based on Drupal 7 and I’am using views to display an images on the front page. All these images should be wrapped by plugin, but my page structure doesn’t allow to to this. I’d like sorry, because my project is based locally and I can’t share it with you. But I’ll attach an images with page structure and etc. So, let’s go:
1. We have the following structure. http://www.screencast.com/t/ER0w2ETil8t
2. Each post is a separate node. http://www.screencast.com/t/DIjcwBgv2Ny
3. I’d like to apply the plugin for each node. http://www.screencast.com/t/Hk5niYnrwoh
But in this case only first node looks correctly. And the problem is that page can’t be displayed correctly if it contains more than one “grid” locator. It works perfect for single page http://www.screencast.com/t/z92oRVCm. But I need to adapt this plugin for my case.
Any ideas are welcome. Probably you had this problem before. Maybe you could recommend me other plugin, that meets my case, but I really like this one and I want try to adapt it. In any case thanks for your answers, your work and this awesome plugin.
Hello,
thanks
<div id="grid1"> /* the images */ </div> <div id="grid2"> /* the images */ </div>and in the JS like this:
$('#grid1').grid();
$('#grid2').grid();
if so, I would need to see a living example online so I can take a look at it and find what’s going on Best, David
Hello, David.
Thanks a lot for your answer. Yes it works in this way. And here is one more question: do we have any way to increase the width for image if ‘box’ contains only one img, because in this case plugin uses columnMinWidth value and the image is sooooo small. In other words I would like to use original image size if ‘box’ div contains only one image, please look at the attached screenshot to better understand what I mean http://www.screencast.com/t/NWlUoSgibno
Have a nice day. Ivan
Hi Ivan,
are you using PHP to print the HTML for the images? if so you can add a PHP condition if the array you are passing contains only 1 item change the “columnMinWidth” and the “columns” setting in the JS initialization
Best, David
Nice, thanks for your answers, your patience and your great work. It seems all questions are solved, so thx. Have a nice day.
Be nice, stay cool. Ivan
awesome Ivan you’re welcome! Best, David
Hi, Very nice gallery! I really like it. I have one question: Is it possible to make a div box 2 collums? Or maybe you have an other solution. I want my landscape photo’s bigger than the portraits. Both the same height if possible. Do you have any idea how to fix this?
Thanks, Richard
Hi Richard,
with this plugin is not possible, since the logic behind it is based on single columns, you would need a more advanced and powerful plugin like this one: http://codecanyon.net/item/media-boxes-portfolio-responsive-grid/5683020
Best, David
Is there a way to display image title on default? (not only on hove)
Hello,
I don’t quite understand, do you mean showing always the hover effect?
Best, David
Merhaba, Auto Grid Responsive Gallery sat?n ald?m ancak wordpress eklenti olarak kurulum yap?yorum ayarlar bölümümde Auto Grid options bölümü var arayüzü nerededir resimleri nereden ekleyece?im bana yard?mc? olursan?z sevinirim.
Hi,
sorry, I don’t understand, can you write it in english?
Best, David
Hi, How can i make the first picture double in size?
Hi,
I don’t quite understand, what do you mean double in size? you mean its weight?
i mean making first image bigger and stand-out from the grid, something like this: http://photoswipe.com/ or http://www.davidbo.dreamhosters.com/plugins/mediaBoxes/example/pinterest_style.html
This plugin doesn’t support that feature, that would required a more advanced grid which is the case of: http://codecanyon.net/item/media-boxes-portfolio-responsive-grid/5683020
Best, David
where exactly should I place this code?
the caption works fine now thanks!
Disregard this question. Works fine now. Thanks for troubleshooting this!
awesome
Hello,
This is a beautiful gallery add-on. I purchased it but I am having some difficulties integrating the gallery into another website template I also purchased from this market. I was able to display the photos inside container but when I click on any picture doesn’t do anything. Any idea? I suspect is a conflict between java script files. If I declare them at the end of my index html file in the section with the other js files, the entire site stop working. So I placed them at the beginning of the section. 1.9.1 java script file version might interfere with the latest version I am using with my purchased website template? Everything looks OK, even the page is responsive, adapting to my existing DIV section inside the page but nothing happens when I want to see the picture. Also the hover with the picture text info (the gray color that go over the picture with text) is not consistent, sometimes doesn’t cover the side of the picture displayed in the gallery or it’s off. Can you please help me?
Thanks!
Hi there,
can you show me a living example online of this issue? so I can check it out and see what’s going on
Sure, I have uploaded the work-in progress so please do not mind the rest of the content 
Thanks for your quick response and for help.
I found the problem with the lightbox, try adding this peace of CSS:
.autoGrid-lightbox {
z-index: 99999999999999;
}
about the caption I didn’t see any issue, did you fix it?
Sorry, forgot to give you a link to the gallery – http://181.224.136.67/~iobisyst/urban/portfolio.html
lets keep the support in your first comment
I added a new gallery called Wood and Stone to this but when I click on the tab it doesn’t show images right away. It makes me click the load more images button. Can you tell me how I can fix this.
Thanks!
Ryan
Hello Ryan,
when you click on a category it just filters the images that are already there loaded in the grid, it doesn’t load more images, but we can do a minor tweak to trigger the load more button when you click on a category for the first time, try adding the following JS in your page (after the JS initialization of the plugin)
<script>
$(document).on('click', '.category-navbar a', function(){
$this = $(this);
if($this.attr('data-foce-load') == undefined){
$this.attr('data-foce-load', 'yes');
setTimeout(function(){
$('.grid-loadMore').trigger('click');
}, 400);
}
});
</script>
let me know how it goes
Ouch.! I think I’ve purchased this Plugin and don’t think its compatible for Wordpress.. Am I correct?
Hi there,
you are correct, this is a stand alone plugin, I’m currently working on the WP version of the Media Boxes (which is the advance version for this) but is not quite ready yet
-David
Lightbox image is loading at 25px x 19px, why won’t it load the normal size? Also the Load more button is not the right size, it’s cutting off. Help is appreciated. Here is the link: http://www.ellsriverblackbearoutfitting.com/black-bear-hunting-pictures.html
there are some compatibility issues with your theme CSS, but we can fix it by adding this peace of CSS:
.grid-loadMore{
height: auto !important;
}
.autoGrid-lightbox img{
width: auto;
margin-right: 0 !important;
margin-top: 5px !important;
}
also the plugin is trying to find the icons in this directory: http://www.ellsriverblackbearoutfitting.com/img/loader.gifmake sure to drop the img folder there so all the icons are found
let me know how it goes
hi, For linking image to external url, i just wrap every item into tag, but most of the time (specially in chrome) the gallery loads into a frame (height=0) and i should resize the browser window to fix. Is there any recommend way to add link to every item?
into < a > tag *
Hello,
if you want an image to link to another page here how you can do it: http://www.davidbo.dreamhosters.com/plugins/gridGallery/documentation/index.html#Link
just add the data-url attribute
I hope it makes sense
Best, Daivd
This item was featured on CodeCanyon
Elite Author
Contact the Envato Market Help Team
