Code

Discussion on Media Boxes Portfolio - Wordpress Grid Gallery Plugin

Discussion on Media Boxes Portfolio - Wordpress Grid Gallery Plugin

Cart 953 sales

castleplugins supports this item

Supported

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

464 comments found.

PRSop2000 Purchased

I’m trying to see if there is a way to get something other than just the Title of an image to show below a pop-up.

Currently I have “Popup Title” set to “Post Title” and all I will see on a popup is the title of the image instead of what I want to see which is the Caption for the image in question.

I’m wanting to do this because I want to keep the grid uniform on the gallery but tell the prospective client who’s viewing my portfolio, a little about the project in the popup.

You can see what I’ve got currently using a slower plugin at jmeister.com

PRSop2000 Purchased

Question,

I’m trying to find a gallery plugin that will let me show a multi-stage project and not just a single pop up image.

For instance I have portfolio work as a jeweler that shows 3-4 steps in the process of repairing jewelry.

Does your plugin allow for a thumbnail that when clicked would show a slider or can show a few images side by side?

Thanks! I look forward to hearing from you.

Hello,
Yes it is possible, under each item post you will have the option to add “Popup Additional URLS”, so they are not part of the grid, but they will show up in the popup when you open it

I hope this makes sense :)

Best, David

PRSop2000 Purchased

Where exactly is that located? I’m not seeing that option anywhere I look?

I guess I should add that I’m using Elementor. This is what I’m looking to do, I just don’t like my current plugin setup.

https://imgur.com/a/XSbQN0j

it became normal LOL

Great :)

Hello, When I use the plugin for my blog articles on my website cn.L4SHUSA.com the excerpt of the article is ugly, even though I input the excerpt for the post. Please see it here: https://cn.l4shusa.com/articles/

What should I do for the excerpt?

Look forward to hearing from you soon. Thanks. Marian W

Hi Marian,
Very strange, it looks like Elementor is attaching some inline CSS to the excerpt, can you try unchecking these 2 options in your portfolio settings? https://imgur.com/a/xl8nfic

Best, David

I did something wrong, now it is ok. Thank you.

Hello, I am receiving this error in my debug log:

Optional parameter $excerpt_max_word declared before required parameter $except_this_tags is implicitly treated as a required parameter

Plugin: Media Boxes File: /wp-content/plugins/wp_media_boxes/class_media_boxes_shortcode.php Line: 1002

Hello,
Can you try the following:
Open the class_media_boxes_shortcode.php file and find this:

$excerpt_max_word=55
then replace it for this:
$excerpt_max_word
let me know if this makes sense :)

That seems to have done the trick. Thank you!

Hello Jaime,
Ohh I think I understand, unfortunately the plugin doesn’t have the feature to open the post URL in the popup “automatically”.

It is possible to do it, but you would need to specify manually the URL for each post, if you want me to show you how, can you send me a private message? here: https://codecanyon.net/user/castleplugins#contact so I can send you some screen shots on the steps you would need to follow :)

Best, David

Hi, I sent you a message yesterday. Thanks

sent you a reply :)

Really enjoying the plugin so far! But i can’t seem to fix one problem. I’m making a video portfolio but the controls in the fancybox don’t seem to work. So the pop-up doesnt close, neither do the arrow buttons work. Underneath is the website link. http://www.arjenpoort.com/video/

Seem to have figured it out. It was the vimeo embed code.

Hello,
I’m glad you figured out :D

I just would recommend you to add this peace of CSS to your site:

body{
      overflow-y: scroll; 
}
so when you first load the page you don’t have a scrolling issue :)

Looking great!

Best, David

Hi Will Media Boxes Portfolio work with WP Bakery? Thanks

Hello,
Yes, the Media Boxes is placed via shortcode, so you can insert it in any page by placing the shortcode :)

Best, David

kurde78

kurde78 Purchased

Hi David,

I observe, that having more posts (~50+) in the source defined in a Media Boxes portfolio in Wordpress, it takes more and more time to prepare the content for displaying, which slows down the page generation in WP, on which the Media Boxes shortcode is embedded.

I checked the code and even though the Load more button is available, it seems all the processing at the backend side runs for all the posts anyway when the shortcode is executed.

Are you able to provide any hints, even high-level ones, to address this performance bottleneck? I do not expect a solution, rather a path to follow if I decide to augment the plugin to address the problem.

Thank you!

Hello,
Indeed, the plugin doesn’t have an Ajax feature to load the posts asynchronously

Maybe some process inside each post is causing the extra delay, since 50 posts are not that many

If you want to debug it I would start with the WP_Query, which you’ll find in the class_media_boxes_shortcode.php file, just find this line:

$new_wp_query     = new WP_Query($args);
and some lines below that, you’ll find the “while” which loops through each post

I hope this helps :)
kurde78

kurde78 Purchased

Thank you David. I instrumented the code in function create_portfolio() with timestamps and found out the that bottleneck was step /* 10. Post categories */. Dealing with taxonomies takes long time for WP apparently. Having found that, I noticed in WP release notes that from WP 6.0 onwards, the taxonomies operations have greatly been improved performance wise. After upgrading from 5.9 to 6.1.3, without any further actions on the Media Boxes plugin, it works in the blink of an eye now.

Hello,
Awesome, happy to hear that :)

And thank you for sharing your results, I hope it helps other customers!

Best, David

Is it possible to use two level filtering in the filter list? Categories and below sub-categories? Is it possible to show a head category with sub-items on hover or click? Thanks

Hey there, I’m quite happy with media boxes portfolio, but I’d like to change the colour of the Filter button “All” and take away the grey layer of the “load more” button – how can I do this? Thanx!

Hello,
Thank you :)

You can do this with CSS, for example this:

/* Change "ALL" background color */
.media-boxes-filter>li a.selected {
    background: blue !important;
}

/* Change load-more-button style */
.media-boxes-load-more-button{
    background: transparent !important;
    color: black !important;
    border: 1px solid black !important;
}
You can paste it in the CSS tab of your portfolio :)

I hope it makes sense

Best, David

Hi David, the first one worked, thank you! The second one didn’t, can’t find out where the layer comes from; took the whole button away now :-)

Very strange, can you send me the link to your site where the gallery is? so I can see what’s going on

Also you can contact me privately via email here: https://codecanyon.net/user/castleplugins#contact

Best, David

Hi Support-Team,

we have the problem that our font (Source Sans Pro) is not loaded in areas of the page that do not appear directly when the URL is called.

This affects: pop-up and lightboxes, the search-box, the second level of the mobile menu, the mini-cart.

We use the Preload Fonts feature on WP-Rocket and have specified the locations for the font variants on our server there:

/fonts/source-sans-pro-v18-latin-regular.woff2 /fonts/source-sans-pro-v18-latin-600.woff2 /fonts/source-sans-pro-v18-latin-700.woff2 /fonts/source-sans-pro-v18-latin-300.woff2 /fonts/source-sans-pro-v18-latin-200.woff2

You can access a lightbox by visiting our site www.betterwood.de and clicking on the phone icon in the header on the right.

When I examine the light-box in the browser I get the following css-info:

.mfp-container, .media-box, .media-boxes-load-more-button, .media-boxes-filter, .media-boxes-drop-down-menu > li > a, .media-boxes-drop-down-header, .media-boxes-search { /* font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif; */ font-family: ‘Open Sans’, “Helvetica Neue”, Helvetica, Arial, sans-serif; font-weight: 300; }

When I disabled your plugin the font appears correctly and also the css-info described above does not appear anymore.

So it seems that your plugin on our site partly changes the font to “Open Sans” or similar.

Do you have a solution for this problem?

Thanks a lot for your help!

Kind regards Philip

Hi Philip,
Try adding this peace of CSS, which will force the plugin to use the default font and weight of your site

.mfp-container, 
.media-box, 
.media-boxes-load-more-button, 
.media-boxes-filter,
.media-boxes-drop-down-menu > li > a, .media-boxes-drop-down-header,
.media-boxes-search{
  font-family: inherit !important;
  font-weight: inherit !important;
}
you can add it in the CSS section of your portfolio or in your global theme :)

I hope this helps!



Best, David

Thank you, David! That works!

please support compatibility to php 8.2.x

Hello,
The plugin is already compatible with PHP 8.2 :)

Best, David

https://i.imgur.com/opwWI9e.png

Undefined variable $form_custom_media_gallery_json Undefined variable $form_fancyb_margin

seems error ajax

Hello,
Did you buy the plugin from a different account? (since CodeCanyon says that you don’t have a license)

Do you have the latest version? Can you send me your purchase code privately via email here? https://codecanyon.net/user/castleplugins#contact

Best :)

Is there a way to increase the number of possible columns beyond ten?

Hello,
It is possible, you would need to make the following small adjustment in the code:

1) open the admin/admin.php file and find this:

<?php for ($i=1; $i <= 10; $i++) {  ?>

2) Then replace it for this:
<?php for ($i=1; $i <= 20; $i++) {  ?>


and that’s it, now you’ll be able to select until 20 columns

I hope this helps :)

Worked perfectly! Thank you so much! I should have also asked: how do I do the same thing for the number of columns an image/post can span?

Glad it worked :D

About your other question, open the class_media_boxes.php file and find this:

<option value="6" '. (get_post_meta($post->ID, 'media_boxes_how_many_columns', true)=='6'?'selected':'') .'>6</option>
and just add more items, for example:
<option value="7" '. (get_post_meta($post->ID, 'media_boxes_how_many_columns', true)=='7'?'selected':'') .'>7</option>
<option value="8" '. (get_post_meta($post->ID, 'media_boxes_how_many_columns', true)=='8'?'selected':'') .'>8</option>
<option value="9" '. (get_post_meta($post->ID, 'media_boxes_how_many_columns', true)=='9'?'selected':'') .'>9</option>

I hope it makes sense :)

can we use system font? we need lightest as possible

Hello,
Yes, you can use any font, by default it will use your website font, but you can define a different one through CSS :)

Best, David

Is there a practical way to use it on multilingual sites? I have to constantly create galleries for each language and it is very difficult for 700 images

Hi, sent you an email

Hello. We attempted to create the simplest portfolio grid on our website and we got an http500 error. We experienced the same issue when we attempted to create an image gallery.

Please assist us resolve these issues.

Tks.

Hello,
Very strange, can you show me a living example online? Or any chance you could give me access? You can contact me privately via email here:

https://codecanyon.net/user/castleplugins#contact

Best, David

How can I filter posts to display only those with ‘Category 1’ but exclude those with ‘Tag1’? I need to apply a filter before display, not present all posts in a category regardless of the tag. Just purchased today given the promise of filters, but it appears you can only present them to the user and not apply them before display. Thanks for any tips or explanation.

Hello,
The type of condition is not supported by default, but you can add a small filter to the WP_Query in order to do it, here’s an example:

open the class_media_boxes_shortcode.php and find this:

$new_wp_query     = new WP_Query($args);

and right before that line, add this code:
if($portfolio['shortcode_id'] == 'portfolio2'){ // specify te shortcode ID, so this doesn't affect all portfolios
    $args['tax_query']['relation'] = 'AND';
    $args['tax_query']['post_tag'] = [
        'taxonomy'  => 'post_tag',
        'field'     => 'term_id',
        'terms'     => [9], // exclude the tag = 9
        'operator' => 'NOT IN',
    ];
}

you would need to specify the shortcode_id of the portfolio and the id of the tag you are looking to exclude

Let me know if this makes sense :)

You can also contact me via email here: https://codecanyon.net/user/castleplugins#contact

Best, David

Hello 1- can I add a title and a description to each image and edit typographies 2- can I add a link for each image 3- can I change the color (text and background) and the font of the filter 4- can I hide the button ” All” (of the filter) or displays it to the right or to the left of the categories Thanks

Hello,
I sent you an email :)

Hi, I set the Grid layout->Columns as 4 column per row, but when the pages load, it will show more than 4 columns per row, let say 7 posts in per row, when I scroll down, it will change to 4 columns per row. Is possible to show 4 columns per row when the page is load? Thanks.

Hi David, thanks for the quick responded. The website that I provided works after the overflow-y css setting. I have a client website under developement, not working with overfloy-y way. May I have you support email and send to you to have a look? I don’t want to paste the link in public.Thanks a lot.

Also, one more question. Is it possible to add a shortcode to the skin overlay section? I have the woocommerce wishlist plugin, I want to add the add wishlist shortcode on the overlay instead of the text field. Thanks.

Hello,
1) Yes you can contact me privately via email here: https://codecanyon.net/user/castleplugins#contact

2) In the skin editor is not possible, but you can set the skin to show the post-content item in the thumbnail overlay, and then in your post add the shortcode in the post content area

I hope this makes sense :)

by
by
by
by
by
by