Support » Plugin: Smush - Compress, Optimize and Lazy Load Images » Conflict with WooCommerce 3.7 CSS

  • Resolved mikehall96

    (@mikehall96)


    Conflict on backend. Location of this issue is on Attributes page (WooCommerce>Products>Attributes).

    The “Thank you for selling with WooCommerce …… Version 5.2.2” footer message appears present on all WooCommerce pages because of a conflict between Smushit CSS and WooCommerce CSS where Shushit CSS tries to influence all WooCommerce pages instead of just the Smushit Plugin pages.

    Issue discussed with WooCommerce support already and advised that Smushit need to alter their CSS as to not try to influence the pages outside of their own plugin.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author Anton Vanyukov

    (@vanyukov)

    @mikehall96,

    Could you, perhaps, confused Smush.it with Smush?

    Best regards,
    Anton

    Your plugin “Smush” has the conflict in your CSS with WooCommerce pages

    Plugin Author Anton Vanyukov

    (@vanyukov)

    @mikehall96,

    Could you please share your conversation with WooCommerce, so we can understand the whole issue more clearly?

    For now I’ll see if I can replicate this behaviour on my own.

    Best regards,
    Anton

    Hi Anton,

    Go to Attributes page under the products section of WooCommerce. If you have a long attributes list then you will see that the “Thank you for selling with WooCommerce …… Version 5.2.2” footer message appears over the top of the last attribute which stops the user pressing the edit or delete button.

    WooCommerce said this is because of your CSS influencing WooCommerce pages somehow and as a result the message is showing when it shouldn’t on all WooCommerce pages.

    That’s the extent of the info I got. But they were certain that it was your CSS that was at fault and not their side after they tested it to make sure. They said that when they altered your plugin CSS to not influence WooCommerce pages in their tests it fixed the issue. They told me to post in here and advise you to check and alter your CSS so that you are not trying to influence areas outside of your own plugins pages.

    If you need additional info then please contact WooCommerce support and reference my username. They will have a record and be able to give more clarity on how exactly you need to fix your CSS to stop it conflicting.

    Plugin Support Dimitris – WPMU DEV Support

    (@wpmudev-support6)

    Hello there @mikehall96

    I tried to replicate only with latest versions of Smush and WooCommerce but I wasn’t able to. Please check my screencast below:
    https://monosnap.com/file/Vcn6CuuR8GV5qqyk5L3ckm49CvVKNN

    Could you please proceed with a conflict test to narrow this down better? As it seems that there should be another factor (plugin) messing there. It’d be better if you could create a staging environment, so you can have a safe and private place for such a test.
    https://premium.wpmudev.org/wp-content/uploads/2015/09/Support-Process-Support-Process.gif

    Thank you,
    Dimitris

    mikehall96

    (@mikehall96)

    Hi Dimitris,

    Try adding twice that number of variations and then test it again.

    That message you are showing at the bottom of the screen should not be on them pages at all!!! You need to go and speak to WooCommerce about why your plugin is making that message appear at the bottom of the screen if you don’t know why yourself.

    As advised by WooCommerce your plugins CSS should not influence anything outside of your own plugin. Please discuss with them and fix this ASAP.

    mikehall96

    (@mikehall96)

    Hi Dimitris / Anton,

    It looks like the issue has been half fixed now. I can confirm that I am now able to edit the bottom attribute in the list. So whatever change you have made has helped.

    However, the message in the footer (https://snipboard.io/6PDVaz.jpg), I am told by WooCommerce should not be appearing on these pages at all. They said the below:

    “This is the specific CSS: https://cld.wthms.co/uDtTuB

    Normally on the attributes page that footer text is never shown: https://cld.wthms.co/2CiAFG

    It normally is hidden via CSS, but a plugin on your site called Smush is overriding that CSS: https://cld.wthms.co/uDtTuB

    I modified that CSS in my browser and it appears as it should: https://cld.wthms.co/vHF0mT

    I think Smush needs to only use their CSS when on a Smush setting page.”

    I hope this helps you fix the issue. Please can you follow the guidance outlined by WooCommerce above so that your plugin is not influencing the CSS of pages outside your own plugins settings page. Particularly in the case of your CSS overriding the block that WooCommerce applied in their CSS to stop the footer message from appearing on pages like the Attributes page.

    Plugin Author Anton Vanyukov

    (@vanyukov)

    Hi @mikehall96,

    Sorry for the long reply. You’re right, this will be adjusted in the upcoming update.

    Best regards,
    Anton

Viewing 8 replies - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.