The HTML Code : https://codepen.io/anon/pen/yzgyYN

Hi,
thank you

About your concern, try using this HTML:

<div class="media-box-image mb-open-popup" {{link}} data-src="{{popup_src}}" data-title="{{name}} <div hide_if_empty=\"{{text}}\">{{text}}</div>" data-type="{{popup_type}}">
    <div data-thumbnail="{{thumb_src}}" {{ratio}} data-title="{{name}}" data-alt="{{name}}"></div>

    <div class="thumbnail-overlay">
        <div class="thumbnail-overlay-animated" data-from="top">
            <div class="media-box-title">{{name}}</div>
        </div>
        <div class="thumbnail-overlay-animated" data-from="bottom">
            <div class="media-box-date">{{filter}}</div>
        </div>
    </div>
</div>

Best, David

Thanks for your reactivity! Here’s what it gives me:

https://img11.hostingpics.net/pics/309934Capturedecran20170925a180606.png

It doesn’t seem to work, I don’t think that can accept the div in the opening of another div.

Hi,
Try with this one (I replace the double quote with single quote):

' <div class="media-box-image mb-open-popup" data-src="{{popup_src}}" data-title="{{name}} <div hide_if_empty=\'{{name}}\'>{{name}}</div>" data-type="{{popup_type}}">'+
    '<div data-thumbnail="{{thumb_src}}" data-title="{{name}}" data-alt="{{name}}" />'+
    '<div class="thumbnail-overlay">'+
        '<div class="thumbnail-overlay-animated" data-from="top">'+
            '<div class="media-box-title">{{name}}</div>'+
        '</div>'+
        '<div class="thumbnail-overlay-animated" data-from="bottom">'+
            '<div class="media-box-date">{{filter}}</div>'+
        '</div>'+
    '</div>'+
'</div> ',

then go to the jquery.autoGrid.js file and find this:

template = template.split('hide_if_empty="{{'+variable+'}}"').join('');

and right after that line add this code:

template = template.split("hide_if_empty='{{"+variable+"}}'").join('');

I hope it makes sense

I have applied all your modifications and the portfolio no longer works. It does not appear any more

Hi,
Ohh true, it should be {{text}} instead of {{name}} (I was just testing with the name variable) but it should be this:

data-title="{{name}} <div hide_if_empty="\"{{text}}\"">{{text}}</div>" 

if still doesn’t work any chance you could show me a living example online so I can take a look and see what’s going on?

in the portfolio.php example I tried with this one:

' <div class="media-box-image"> '+
    ' <div data-thumbnail="{{thumb_src}}" data-title="{{name}}" data-alt="{{name}}" /> '+

    ' <div class="thumbnail-overlay"> '+
        ' <a href="#" class="mb-open-popup btn btn-sm btn-default" data-src="{{popup_src}}" data-title="{{name}} <div hide_if_empty=\'{{text}}\'>{{text}}</div>"> '+
            ' View Larger '+
        ' </a> '+
        ' <a hide_if_empty="{{link}}" class="btn btn-sm btn-default">More Details</a> '+
    ' </div> '+
' </div> ' +    

' <div class="media-box-content"> '+
    ' <div class="media-box-categories"><span>{{filter}}</span></div> '+
    ' <div class="media-box-title">{{name}}</div> '+
    ' <div class="media-box-text"> '+
        ' {{text}} '+
    ' </div> '+
' </div> ',

and it works great, it shows the text right after the name of the image in fancybox

Best, David

You can also contact me privately via email (through my profile at the bottom there’s a contact form) for better support

Ohhh, my bad, sorry sorry, I though you were using the stand alone version, but I see now that you are using the WP version, let me send you the snippet for the WP version

here’s it:

<div class="media-box-image mb-open-popup" {{link}} data-src="{{popup_src}}" data-title="{{name}} <div hide_if_empty=\'{{text}}\'>{{text}}</div>" data-type="{{popup_type}}">
    <div data-thumbnail="{{thumb_src}}" {{ratio}} data-title="{{name}}" data-alt="{{name}}"></div>

    <div class="thumbnail-overlay">
        <div class="thumbnail-overlay-animated" data-from="top">
            <div class="media-box-title">{{name}}</div>
        </div>
        <div class="thumbnail-overlay-animated" data-from="bottom">
            <div class="media-box-date">{{filter}}</div>
        </div>
    </div>
</div>

if still doesn’t work, can you still show me a living example online?

Hello
Unzip the file you download from codecanyon and inside you will find a file name wp_auto_grid.zip that’s the plugin you need to upload into wp

Best, David

Yes. I’ve already done that. But re-read my question …

Ohh, you are downloading the plugin by using the link that says “Installable Wordpress file only”? (I though you were using the link “All files & documentation)

If so, then yes, you can rename the .zip file, but at the end WP will unzip that file and inside the actual name of the plugin is “wp_auto_grid”

Best, David

[facepalm]

Can you understand what I’ve asked …? Let me say again in very simple English …

After installation, your plugin’s folder name is “castlecodeweb-wp_auto_grid-xxxxxxxxxx”. Why is the folder name so long? Why not just “wp_auto_grid” ...? Simple, and short …

I hope this is clearer.

So … what’s your advice?

Edited

Ohh wait, I saw that you edited your answer, you didn’t mentioned before that this was after installation, the folder shouldn’t be that long, it should be “wp_auto_grid” I tried locally and on my hosting and I don’t get that very long name.
Yes you can rename it still and it will work though

I have tried everything, deactivated all other plugins, theme etc. and I just get an error message saying ‘Are you sure you want to do this? Please try again.’

Hi,
You need to unzip the file you download from CodeCanyon, inside you’ll find a documentation folder and a file name “wp_auto_grid.zip” that’s the file you need to upload into WP.

Here’s the docs so you can see this step by step: http://www.castlecodeweb.com/wp-autogrid/documentation/#installation

Best

Hi, yes I did that and the install failed. I got an error message as stated above

Hi, at this moment is not possible, but I’m planning an update that will take care of this

Excellent

Hi again! How soon you are planning to update this feature? Actually I’m quite hurry with this feature

Hi there,
well currently I’m working on the WP version of the Media Boxes and after that I will make a huge update for the auto grid (stand alone version) and after that the WP version will get a huge update as well (this feature will be included).

But if this is urgent and necessary for you maybe we can tweak the current version under freelance basis, if that’s the case you can contact me privately via email through here: https://codecanyon.net/user/castlecode#contact

Best

Any news about update with different number of columns in different pages ?

Hi,
I’m actually about to release a huge update for the Auto Grid (the stand alone version) in a couple of days, and then I’ll get this update to the Auto Grid WP version!
In that update I will include separate settings for each gallery/shortcode

Best

Hi Again Copy Paste Question Any news about update with different number of columns in different pages?

Hi,
I released the update for the Auto Grid, you can check it out here: http://www.castlecodeweb.com/autogrid/example/

now I will start working on the WP version of the Auto Grid hopefully doesn’t take me long

Hi there,
do you mean have 2 or 3 columns on mobile rather than just 1 column?

Hello there,
The 2 plugins are separately and unfortunately can’t be combined together.
Also currently there’s no social comment feature that comes with the plugin, only some FB, twitter, pinterest sharing buttons in the lightbox.
Best, David

Thanks for your fast reply!

And can I combine the plugin with a separate lightbox plugin?

Kind regards Donat

Hi Donat,
it may be tricky, but mostly at the end will depend on the type of lightbox, the lightbox must be a stand alone plugin and be able to read images that are added to the gallery after the initialization (async images) like Fancybox or Magnific Popup

Best, David