Justify Gallery cause white screen in admin with Yoast activated

Hey there,

Love your theme! For the first time I have any issues. Please read below.

With the recent 7.5.1 update I’m getting an warning and white screen in the admin when trying to publish/update post from classic editor with image gallery in the post when Justify gallery is enabled and Yoast SEO (free) is activated as well. If I disable Justify gallery option from settings or deactivate Yoast there is no warnings or white screen. Also in the front-end the pop-up with gallery image (magnifier) is missing some CSS because it looks broken – with or without Justify gallery enabled.

This is it: Warning: Cannot modify header information - headers already sent by (output started at .../wp-content/themes/woodmart/inc/modules/parts-css-files/class-parts-css-files.php:445) in .../wp-admin/post.php on line 231

As far as I can trased it, the issue is somehow connected with function woodmart_enqueue_gallery_script() and enqueue of these scripts: woodmart_enqueue_inline_style(‘justified’) and woodmart_enqueue_inline_style(‘mfp-popup’). If I temporarily disable the scripts lines from woodmart/inc/functions.php file there is no warning. Also I tried to transfer lib-magnific-popup.min.css from the WM 7.4.3 and this fixed a little bit the image pop-up but still not the best looking.

I’ve also entirely tried to downgrade to version 7.4.3 – the warning is still there, only the front-end pop-up looks better.

Can you check it please and suggest any solution/patch? The website is brand new install. Thank you!

Attachments:

You must be logged in to view attached files.

Hello,

Thank you so much for purchasing our theme and contacting our support center.

We have fixed the issue on your website. We disabled Justify gallery and enabled these files to be loaded correctly https://monosnap.com/file/ClOnyJj8Me4A1IpDLHkCvByFGLLBGk

Kind Regards
XTemos Studio

Hello,

Thank you for the fast reply.
But I want to use Justify gallery. So, I need it to work while Yoast is activated. Disable one of these is not a solution.
The front-end design is not a big problem, I can fix it by myself at this time. But this warning and white screen must be fixed. Also these two files are not needed for the entire website, only on single blog pages where are the galleries on.

Thank you!

More details and video.

To fix this issue, try to add the following code snippet to the Custom CSS area in Theme Settings. We will fix this issue in our next theme update.

.mfp-gallery .mfp-container {
	position: absolute;
}

.mfp-gallery .mfp-content {
	width: fit-content;
}

.mfp-gallery  button.mfp-close {
	top: -10px;
}

button.mfp-arrow {
   position: absolute;
}

.wd-popup-slide-from-left .mfp-figure {
			opacity: 0;
			transition: opacity .45s cubic-bezier(0.19, 1, 0.22, 1), transform .45s cubic-bezier(0.19, 1, 0.22, 1);
			transform: translateX(-100px);
}

.wd-popup-slide-from-left.mfp-ready .mfp-figure {
			opacity: 1;
			transform: none;
}

.wd-popup-slide-from-left.mfp-removing .mfp-figure {
			opacity: 0;
			transform: translateX(100px);
}

Thank you.
This CSS partly fixed the pop-up image design.
Looking forward to next theme update with all fixes, not only CSS.

You are welcome. Feel free to contact us if you have any further questions.

[Author]

Posts