Help me hiding woocommerce store management section using admin css?

[Iron-Man]

Please see the screenshot:



I am trying to hide the store management section either fully (1) or partially at least (2); but unable to do it. I tried to find the right element and when try to hide, it completely hide the whole page. I just want to hide this store management section 1 or 2.

So if anyone know the right css code please give me. Thanks in advance.

 

[xsz]

Use this: (i use it in every store)

Disable Bloat for WordPress & WooCommerce

All-in-One solution to speed up your WordPress & WooCommerce. Remove unnecessary features and make your site faster and cleaner.

wordpress.org

 

[Iron-Man]

Use this: (i use it in every store)

Disable Bloat for WordPress & WooCommerce

All-in-One solution to speed up your WordPress & WooCommerce. Remove unnecessary features and make your site faster and cleaner.

wordpress.org

Thanks for replay. I have tried using this plugin, but It remove some wanted features too. Also I want to achieve this using CSS and not by any plugin.

 

[xsz]

You just need to target the correct class.

In this case is this one:

 

[Iron-Man]

You just need to target the correct class.

In this case is this one:

Thanks.

I use this code:

.css-xuyuoy{
display: none!important;
}

But still the store management header is present.


I can't fine right css or target class to hide it. Plz help.

 

[xsz]

You just need do inspect your site and choose the class of the element you want to hide. Check tutorials on youtube.

 

[guguk]

If you dont want to use this section you can remove completely?

Try this one (It can be display error when you click woocommerce main menu but sub menus will work)

paste this code your child theme functions.php file

function strposa( string $haystack, array $needles, int $offset = 0 ) : bool {
    foreach ( $needles as $needle ) {
        if ( strpos( $haystack, $needle, $offset ) !== false ) {
            return false; // stop on first true result
        }
    }

    return true;
}

function action_admin_menu() {
    // Contains the URI of the current page.
    $current_url = $_SERVER['REQUEST_URI'];

    // Pages that must remain accessible
    $should_still_work = array( 'customers', 'analytics', 'marketing' );
    
    // Make sure some wc-admin pages will still work
    if ( strposa( $current_url, $should_still_work ) ) {
        remove_submenu_page( 'woocommerce', 'wc-admin' );
    }
}
add_action( 'admin_menu', 'action_admin_menu', 99, 0 );

 

[Iron-Man]

You just need do inspect your site and choose the class of the element you want to hide. Check tutorials on youtube.

I tried by using that css class, but it did not worked properly.

See the screenshot:


Also after observing your way to finding right class of element, I am also trying, but unable to find the right one which works.

 

[Iron-Man]

If you dont want to use this section you can remove completely?

Try this one (It can be display error when you click woocommerce main menu but sub menus will work)

paste this code your child theme functions.php file

function strposa( string $haystack, array $needles, int $offset = 0 ) : bool {
    foreach ( $needles as $needle ) {
        if ( strpos( $haystack, $needle, $offset ) !== false ) {
            return false; // stop on first true result
        }
    }

    return true;
}

function action_admin_menu() {
    // Contains the URI of the current page.
    $current_url = $_SERVER['REQUEST_URI'];

    // Pages that must remain accessible
    $should_still_work = array( 'customers', 'analytics', 'marketing' );
   
    // Make sure some wc-admin pages will still work
    if ( strposa( $current_url, $should_still_work ) ) {
        remove_submenu_page( 'woocommerce', 'wc-admin' );
    }
}
add_action( 'admin_menu', 'action_admin_menu', 99, 0 );

Thanks for replay. Actually i want to keep the section, only want to hide the 'Store management' section. I am already using admin menu editor pro, so I could hide this menu item any time. But I just want to hide this subsection. Anyway, thanks for your replay.

 

[guguk]

Thanks for replay. Actually i want to keep the section, only want to hide the 'Store management' section. I am already using admin menu editor pro, so I could hide this menu item any time. But I just want to hide this subsection. Anyway, thanks for your replay.

use this one:
.css-1pd4mph {display: none !important}

 

[Iron-Man]

use this one:
.css-1pd4mph {display: none !important}

Tried, same issue like this screenshot, it is hiding other subsections too:

 

[guguk]

Tried, same issue like this screenshot, it is hiding other subsections too:

As I said before you could not achive via CSS because used same class names in other "cards" so you should find a method whcih is "remove" section instead of "hiding"

 

[Iron-Man]

As I said before you could not achive via CSS because used same class names in other "cards" so you should find a method whcih is "remove" section instead of "hiding"

Hmm, now I understand after so many trial-error. I guess there is no perfect way.

 

[guguk]

Hmm, now I understand after so many trial-error. I guess there is no perfect way.

did you try this one?
.components-surface.components-card.css-1pd4mph.em57xhy0 {display:none!important}

 

[Iron-Man]

did you try this one?
.components-surface.components-card.css-1pd4mph.em57xhy0 {display:none!important}

Hmm tried. It is also hiding all subsections like the previous screenshot.

 

[Hardii]

If store management section is the last section in your woocommerce dashboard try the following:

.woocommerce-homescreen-column > div:last-child {
  display: none !important;
}

 

[Iron-Man]

If store management section is the last section in your woocommerce dashboard try the following:

.woocommerce-homescreen-column > div:last-child {
  display: none !important;
}

WOWWWW. Finally your code is working perfectly without any issue. Thank you very very much @Hardii ✌✌✌.