Code

Discussion on Media Boxes Portfolio - Wordpress Grid Gallery Plugin

Discussion on Media Boxes Portfolio - Wordpress Grid Gallery Plugin

Cart 1,048 sales

castleplugins supports this item

Supported

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

516 comments found.

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 :)

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 :)

Hey … I forgot to ask again for support that I needed back when buying the plugin… do you provide any styling CSS code snippets for the filter bar so that I could use to make my design more colorful?

Hi Robert,
For example, if you want the filters to look like the example found here: https://www.castlecodeweb.com/wp-mediaboxes/media-grid/ you can import the “Media Grid” portfolio and check the CSS, here’s a little video that may help: https://drive.google.com/file/d/1VVj8YnDMpovQUfX1vOn5eRfRfDTOsDRr/view

Let me know if this makes sense :)

Ah … I see that this was already there… I probably was too blind to see this example. This helps sooo much!!! TY!!!

I love it so far however evetime I am loading a gallery the browsers are trying to translate my site from French when the site is in English, I am not sure what is going on.

Hello,
I sent you an email, lets continue there :)

Best, David

Great plugin! I’m using the Dark Grid skin, and it looks great using both HTML and image posts, UNTIL I add overlay styles. Then, anything without a featured image (namely HTML posts) disappear. They won’t appear again until I re-install the skin. Obviously, if I add a featured image to the HTML pages, the HTML content won’t show. What am I doing wrong? Here’s what I have. There should be three html posts showing: https://joshknisely.com/portfolio/

Hello,
thank you :)

I would like to see how you configured the plugin in the admin section, any chance you could give me access so I can take a look?

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

Best, D

do you have subcategorys>? i can share a screen shoot like this you click on the category and it display sub categories https://prnt.sc/k0tGvfE9_eZl

Hello,
Unfortunately I don’t have an example exactly like that one, the only similar thing would be the Multiple Filters example: http://www.castlecodeweb.com/wp-mediaboxes/multiple-filters/

Best Regards :)

Can I use it with Polylang?

Hello,
Unfortunately, no, the admin section is in English, and you can translate the texts for the front-end

Best, David

Hi!

Is there a way to remove or hide loading animation ( loading wheel and dark background ) for my grid at: https://bellakliniken1.wpengine.com/fore-efterbilder/

Regards Milan

Hi! No need to answer this question. Thank you. Regards Milan

Hi Milan,
Glad you found the answer :)

Best, David

Here is link to my staging site: https://bellakliniken1.wpengine.com/fore-efterbilder/

If you click on one of the images Lightbox opens. When trying to slide on arrows it takes three clicks for it to change image.

How can i solve this problem?

Regards Milan

Great :) happy you found a work around

This maybe the wrong place to ask this but i bought two version of same plugin by mistake. I needed the version for the Wordpress but i i was not carefull and bought ‘ Media Boxes Portfolio – jQuery Grid Gallery Plugin’ too. Is there a way to get money back? Regards Milan

Hi Milan,
Yes, it is possible, please contact me privately via email here: https://codecanyon.net/user/castleplugins#contact so I can send you the instrucctions

Best, David

Hi – how do I make each of the media grid columns the same height please?

Hello,
Do you mean the height of the content area? if so, you can set a static height for all items, like this: https://codecanyon.net/comments/26297131

Best, David

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey