incompatibility with Multilanguage plugin

Hello @overyah ,

There is no incompatibility between the SG Optimizer and the Multilanguage plugin. It appears that some of the .css that get combined are breaking the rendering of the specific page. To prevent that you should exclude the .css that is related to that product grouping on the home page.

The drop-down list contains CSS Styles which are added to the code of your site through standard coding procedures. CSS Styles which were added not following the standard coding recommendations, would not show up there. For these, you need to use exclusion code filters. For these, you have to find or know the handle of the style and not the style sheet name directly.

Here is a post here which explains how you can find the handle for each one of your styles and then how to exclude it. You may also contact the developer of the theme / plugin the style of which you want to exclude and they should be able to provide you with the handle name.

You can exclude styles from being combined and minified using the filters we’ve designed for that purpose. Here’s an example of the code, you can add to your functions.php file:

add_filter( 'sgo_css_combine_exclude', 'css_combine_exclude' );

function css_combine_exclude( $exclude_list ) {

    // Add the style handle to exclude list.

    $exclude_list[] = 'style-handle';

    $exclude_list[] = 'style-handle-2';

    return $exclude_list;

}

add_filter( 'sgo_css_minify_exclude', 'css_minify_exclude' );

function css_minify_exclude( $exclude_list ) {

    // Add the style handle to exclude list.

    $exclude_list[] = 'style-handle';

    $exclude_list[] = 'style-handle-2';

    return $exclude_list;

}

Best regards,
Georgi Ganchev

Hello @overyah,

On your screenshot you are showing the content of the plugin’s generated files. You can’t obtain the style handler from there.

You have to follow the steps from the post below:

https://ww.wp.xz.cn/support/topic/how-to-use-sg-optimizers-filters-procedure/

You need to activate the plugin, add the snippet which will show you the style handlers and then load the page and find the data handlers for your styles. You need to find the data handler(s) which are causing this and add them to the filter, in the same post, to exclude them from the CSS minification.

Hi @overyah,

I have checked the provided staging site and noticed that when the Minify CSS functionality is enabled actually the filenames are not generated properly and therefore they are not loaded at all:

Request URL: https://staging9.sab1000.com/wp-content/plugins/woocommerce/packages/woocommerce-blocks/build/wc-blocks-style.min-rtl.css
Request Method: GET
Status Code: 404

It appears that the issue is with the files that have rtl in the name most probably because their handle is the same as the ones without rtl in the name. You can identify the handles by activating the Minify CSS functionality and checking which files are not loaded properly. The handle would be part of the filename before .min-rtl.css. I have found the following handles:

wc-blocks-vendors-style
wc-blocks-editor-style
wc-blocks-style
wc-blocks-checkout-style
storefront-gutenberg-blocks
storefront-style
storefront-icons

I recommend excluding them all in order to be sure the issue will not re-appear.