steveush

Hi Luca,

Apologies, the option I mentioned is in the paid version of the plugin, I thought it was also available in the free version. This seems to be a common problem for WP users in general, even though it is not caused by our plugin, so I’ll go over your errors here and hopefully others can see how to approach this.

OK, so onto your actual errors. I think they are being caused by a plugin called Photonic, I can’t see what the actual plugin is called but it is attempting to load a non-existent file using the following URL:

~/wp-content/plugins/photonic/include/scripts/third-party/.min.js?ver=19700101-00000

The issue with the above is that the actual file name is missing, it is only showing as .min.js which is basically just the extension. So that is the first error you can see in the console and it looks like the following:

Failed to load resource: the server responded with a status of 404 (Not Found)

Due to the above missing file the next error in the console occurs which looks like the below:

Uncaught TypeError: $(...).swipebox is not a function

This is the Photonic plugin attempting to initialize one of the 3rd party plugins that were never loaded, the Swipebox plugin, so it throws an unhandled error and short circuits jQuery’s ready callback. We know this is also the Photonic plugin by the URL of the script which threw the error:

~/wp-content/plugins/photonic/include/scripts/front-end/build/photonic-swipebox.js?ver=20190117-120516

There is a third error in your page being caused by another script loaded from the following URL, so I’m guessing the plugin name is something like WP 500px JS Gallery:

~/wp-content/plugins/wp-500px-jsgallery/js/jquery.galleriffic.js?ver=2.0.1micz

Which looks like the below:

Uncaught TypeError: Cannot read property 'index' of undefined

Now I’m not sure if this last error is being caused by the issues in Photonic or not. I would disable Photonic and see if the WP 500px JS Gallery error goes away. If it does not I would disable that plugin as well.

Thanks

• This reply was modified 7 years, 6 months ago by steveush. Reason: Removed domain name from urls

Hi @drag0n70,

There are some unhandled errors being thrown on your site which in turn are blocking the jQuery ready callback from firing correctly. As the initialize for FooGallery is never being called due to the errors no loading takes place and so you don’t see the gallery.

I would suggest resolving the actual errors and once those are done FooGallery should load correctly however you should also be able to side step the problem by using our built-in custom ready event. To use the built-in option simply open the FooGallery > Settings > Advanced tab and enable the option at the top called Custom Ready Event.

Once that is done the gallery should load but I would still look into the other errors being thrown as they could be causing issues for other plugins.

Thanks

Hi @belyvolk,

You should be able to accomplish this with some custom JS to unbind the pass through clicks that occur on the caption. The below JS should accomplish this:

(function(_){

	if (!_) return;
	
	_.PortfolioTemplate.prototype.onParsedItem = _.PortfolioTemplate.prototype.onCreatedItem = function(event, template, item){
		item.$el.find(".fg-caption").off("click.foogallery");
	};

})(window.FooGallery);

That said it needs to be enqueued into your page to actually work. To do this you can add the following PHP snippet to your functions.php file or by using a plugin that includes snippets for you:

function foogallery_enqueue_custom_js(){ ?>
    <script type="text/javascript">
    (function(_){
	
		if (!_) return;

        _.PortfolioTemplate.prototype.onParsedItem = _.PortfolioTemplate.prototype.onCreatedItem = function(event, template, item){
            item.$el.find(".fg-caption").off("click.foogallery");
        };

    })(window.FooGallery);
    </script><?php
}
add_action( 'wp_footer', 'foogallery_enqueue_custom_js', 999 );

Thanks

Hi @kilianjulve,

I’ve taken a look at your site however I am guessing you have changed the template you were using as currently everything looks good. I unfortunately can’t say why the gallery was always left aligned, I can only guess that it might be a conflict with your theme or another plugin. If you would still like to use the original template that was causing issues please setup another gallery for me using that template and send through the new url so I can take a look and see if I can spot the problem.

Thanks
Steve

Hi Beth,

I believe I found and fixed the issue and it should be included in the next release coming in the next couple of days.

Thanks
Steve

Hi All,

These are two different issues so I’ll address each as such:

@jacopolupi the issue is simply some custom CSS being inserted into your page which is forcing all elements to use a specific font. On line 160 of your linked page there is the following being output by another plugin, I think something along of the lines Easy Google Font Styles?

<style id="tt-easy-google-font-styles" type="text/css">p { }
h1 { }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }
* { font-family: 'Roboto Slab'!important; font-style: normal!important; font-weight: 100!important; }
</style>

FooBox’s icons are supplied as a font, this bit of CSS is forcing every element in the page to use the Roboto Slab font due it it applying the font using the * selector and the !important keyword. I would suggest removing this plugin or contacting it’s author about how to alter his plugins output.

@rickmnz as it is working live but not on dev I believe the issue might be related to either the server not being configured to serve font files, I see this quite regularly. Or the issue may have been that the url’s on dev were pointing to the live assets and were denied due to a CORS error. As dev is no longer available I can’t say for certain but hopefully this can help you out if the issue reoccurs.

@hasifrett I see yours is also working now on your site, from what you described I think the issue was similar to @rickmnz’s.

Thanks

Hi Beth,

Unfortunately this seems like a bug that I will need to fix on my end in the JS code. The height is supposed to be calculated for each row to keep every item in each row the same height. Somehow the height for the first item is being applied to every row, this is not something that can be fixed with just some CSS.

I’ll work on the fix and try get it included in the next release. I’ll update this post once I have some more info.

Thanks
Steve

Hi @sqrmunky,

There should be an option under the settings for the album simply called Alignment. The default value is Left, you can then select either Center or Right from the dropdown.

Thanks