Discussion on Auto Grid Responsive Gallery - Wordpress

castlecode

castlecode supports this item

Supported

This author's response time can be up to 1 business day.

315 comments found.

Hi! I had a pre-sale question – is the directory attribute still working? I saw a few comments that said it wasn’t working in the new version anymore. I’d like to be able to do this:

[auto_grid id="gallery" directory="galleries/gallery1"]
[auto_grid id="gallery" directory="galleries/gallery2"]
[auto_grid id="gallery" directory="galleries/gallery3"]
[auto_grid id="gallery" directory="galleries/gallery4"]

With each shortcode on a different page. Is that still possible? Thanks!

OK, thank you for letting me know. I cannot purchase this plugin now then, as I’d want to use it for multiple galleries (a few hundred), all with the same settings but pointed at a different directory. If you are able to add this parameter, please do come back here to let me know and I’ll purchase right away! :) Thank you!

Hi,
I just added the “directory” parameter to the shortcode, I pushed the update to CodeCanyon and its waiting to be approved :D

its approved, update is now alive once you purchase ;)

hwlhome

hwlhome Purchased

Quesiton 1; Thumbnail does not crop properly. I indicated 1;1 ratio, but it shows black background. Please see – http://moderni.co/interior-design/interior-products/FLOOR-CARPET-BROADLOOM/ATLAS/

Question 2; I do not want grey rectangular shade at ‘lazy load’ at end. Please see – http://moderni.co/interior-design/interior-products/FLOOR-CARPET-BROADLOOM/ATLAS/

Question 3; I am wondering if I can have ‘Load More’ text without gray shading box, but with rectangular lines. Could you make it the same as in http://moderni.co/interior-design/interior-products/COUNTERTOP/LG-Surfaces/

Question 4; I am wondering if I can have rectangular box lines around thumbnail image like shown in http://moderni.co/interior-design/interior-products/COUNTERTOP/LG-Surfaces/

Thank you very much.

hwlhome

hwlhome Purchased

They are working beautifully. One more question; In http://moderni.co/interior-design/interior-products/Furniture-Seating-Task/Herman-Miller/, hovered texts show ‘file names’, but in http://moderni.co/interior-design/interior-products/Floor-Carpet-Modular/Bentley/, the hovered texts show ‘title name’, but not file names. I prefer to have just ‘title names’ rather than ‘file names’. I am wondering how I can fix that. Thank you very much.

hwlhome

hwlhome Purchased

QUESTION 1: In http://moderni.co/interior-design/interior-products/Furniture-Seating-Task/Herman-Miller/, hovered texts show ‘file names’, but in http://moderni.co/interior-design/interior-products/Floor-Carpet-Modular/Bentley/, the hovered texts show ‘title name’, but not file names. I prefer to have just ‘title names’ rather than ‘file names’. I am wondering how I can fix that.

QUESTION 2: In “[auto_grid directory=”gallery1”] the file names of gallery2 or gallery1 seem to be case-sensitive. I am wondering if the file names can be not case-sensitive.

Thank you very much.

Hi,
1) how did you defined title names here? http://moderni.co/interior-design/interior-products/Floor-Carpet-Modular/Bentley/

2) I’m afraid at this moment that the folder name can only be case sensitive

Best, David

dsl25

dsl25 Purchased

Just updated to the latest version but it seems you forgot to update the plugin’s version in new files. It might be useful to do so in order to avoid confusion. That’s a great improvement by the way! Thanks.

Hi,
you are totally right, I forgot :s
thank you for the heads up ;)

Hello, there is a demo version of the admin area?

Hi,
only screen shots, but if you want to see something in particular you can contact me via email (through my profile at the bottom there’s a contact form) and I can send you a quick video clip of the desire section you wish to see

Best, David

gclyna

gclyna Purchased

Hello ! I bought yesterday your plugin and I would like to change things in the css but I can’t find the file css on which I can make the modifications. For example, I would like to change the background color that appears under the photos for the popup or button color where there are arrows, and other changes. Also, I can’t find the sample files to import … could you tell me where they are? A huge thank you in advance, Caroline

Hi Caroline,
wow very very sorry, in the last update the example JSON files are missing by mistake, please contact me via email (through my profile at the bottom there’s a contact form) so I can send them to you right away.

I will push an update to fix this in the CodeCanyon as well ;)

if you want to see the original CSS file go to this file: plugin/components/Media Boxes/css/mediaBoxes.css

Best, David

hi how can I disable the automatic load of the images when I scroll down with the mouse?

I want people to press the button to load more images

my code now is

<script>
$('#grid').autoGrid({
    grid : {
        fancybox : {
            transitionEffect : 'slide'
});
}
}
</script>

I tryed <script> but it doesnt work can you help me

$('#grid').autoGrid({
        grid : {
            fancybox : {
                transitionEffect : 'slide'
    lazyLoad : 'false'
            }
        }
    });
</script>

Hi,
You are using the stand alone version right? (No the wp version) if so can you show me a living example online? So I can take a look and see what’s going on ;)

Hello! Congratulations for your plugin! it’s very cool and i like this :-) but i have a display bug with Popup option when i select Fancy option… All css alignement are exploded!!

If you send me your email, i can share a caption if you want. Have you a solution to fix my problem?

Thanks you in advance.

Hi,
thank you :D
yes, please send me a living example online so I can take a look and see what’s going on, you can contact me privately via email here: https://codecanyon.net/user/castlecode#contact

Best, David

LOVE IT! Two questions:

1. In the popup screen the next and previous buttons will show the same image twice. How do I fix this?

2. I don’t want the file name to appear below the images in the popup screen

Template Code:

{{filter}}

Here is my CSS Code:

/* make your own style of the filter /

@auto_grid .auto-grid-filters-container{ margin-bottom: 40px; } @auto_grid .auto-grid-filters-container{ padding: 0px; text-align: center; } @auto_grid .media-boxes-filter li{ list-style: none; display: inline-block; margin: 9px 0px; } @auto_grid .media-boxes-filter li a{ color: #999; text-decoration: none; background: transparent !important; padding: 15px; border: 0; font-size: 16px; } @auto_grid .media-boxes-filter li a:hover{ color: #008ae3; text-decoration: underline; } @auto_grid .media-boxes-filter li a.selected{ color: #008ae3 !important; background: transparent !important; box-shadow: none !important; }

/ Change background of the thumbnail-overlay /

@auto_grid .thumbnail-overlay{ background: rgba(0,0,0,.3); } @auto_grid .thumbnail-overlay i.fa{ color: #0182be; }

/ Remove box shadow and border-radius from the media boxes */

@auto_grid .media-box-container{ -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;

Hi,
thank you :D

1) in your template find this:

<div class="media-box-image mb-open-popup" {{link}} data-src="{{popup_src}}" data-title="{{name}}" data-type="{{popup_type}}">
and replace it for this:
<div class="media-box-image" {{link}}>


2) in your template find this:
 data-src="{{popup_src}}" data-title="{{name}}" 
and replace it for this:
 data-src="{{popup_src}}" 


I hope it makes sense ;)

Perfect! Thank you so much. One more thing. I’m getting a ”+” sign in the rollover of the thumbnails can this be changed to a magnifying glass icon?

Yes you can, you can use any of these icons: https://fontawesome.com/v4.7.0/icons/ just change the class to the one of your choice

Best, David

david do you have a video of making the gallery into Mansory, i cant seem to find that option. I added the folder and pictures I wanted, now I just want them to be display the way I want

Hi,
did you import the examples? in the download file there’s the Masonry example so you can start from there (instead of doing it from scratch)

if you want to know how here’s it: http://www.castlecodeweb.com/wp-autogrid/documentation/#importexport

Best, David

Im a noob at this, please tell me you have a video?

Hi,
you mean a video tutorial? if so, then no, only the docs found here: http://www.castlecodeweb.com/wp-autogrid/documentation/

Best, David

I want my gallery to point to /wp-content/uploads/2018/05

how do i do this

thank you so much

Any chance you could give me ftp access to the plugin directory, so I can run few tests, you can send the ftp details privately via email (through my profile at the bottom there’s a contact form)

I sent you ftp details and wp login through contact form on your profile..

sent you an email ;)

I am getting this error when i try and view my gallery at http://spiresart2.com/gallery

Fatal error: Allowed memory size of 536870912 bytes exhausted (tried to allocate 290368352 bytes) in /home/spires5/spiresart2.com/wp-content/plugins/wp_auto_grid/plugin/auto_grid.php on line 164

Hi there,
Please lets keep the support in one single comment (for better support)
is this issue also present with the default galleries? (the ones that comes with the plugin)

i need to point the gallery to the uploads folder within wordpress

Hello,

your Plugin is very cool! Thank you for this.

I have a problem with the format/alignment from the photos.

This is the Thumbnail: https://www.dropbox.com/s/bjlv4czldtayzle/autogrid_002.png?dl=0

This is the photo: https://www.dropbox.com/s/mfzsxx343ysperp/autogrid_001.png?dl=0

What is the problem? Thank you!

Hi there,
thank you :D

The plugin doesn’t touch the orientation of the images, it just show them in the normal “img” HTML attribute, so I think is probably some Metadata or Exifdata on the image file, try adding this peace of CSS to your site:

img {
    image-orientation: from-image;
}
found this solution here: https://stackoverflow.com/questions/24658365/img-tag-displays-wrong-orientation

if not, we might need to remove the exifdata from your image file

Best, David

Hello David,

is it possible, that the searchfield find all(!) photos (by name) in the complete dictionary, not only the loaded photos?

Hi,
yes its possible, open the plugin/jquery.autoGrid.js file and find this:

searchTarget                    : '.media-box-container',
and replace it for this:
searchTarget                    : '.thumbnail-overlay, .media-box-content',
then clear your browser cache and you should be good to go ;)

Best, David

Hi David,

perfect! That’s it. Thank you very much!!! : )

awesome :D

Hello David,

I’ve purchased your plugin und my first impression is, that it works fine! I want to use it with the sharing plugin FooBox: https://fooplugins.com/plugins/foobox/

Is it possible to integrate it to my gallery? I think I’ve to change the js lightbox of your plugin to make it work. Thanks for your help.

Hi there,
I’m not familiar with FooBox, so I’m not sure if I can be of much help, but if you know JS you can give it a try, check out how I initialized FancyBox and MagnificPopup in the mediaBoxes.js file ;)

Best, David

Ok, I’m not familiar with JS ;). Are there other social sharing plugins you can recommend?

ohhh :/ I haven’t look for a sharing plugin for fancybox, but it probably would require some JS implementation :)

by
by
by
by
by
by