Eliminar encabezado del panel de administrador de WooCommerce

4 minutos de lectura

avatar de usuario
Ferna

Usando el tema de la tienda, quiero eliminar las migas de pan cuando inicie sesión en el panel de administrador WooCommerce |Productos Tienda Actividad| Bandeja de entrada| Pedidos| Acción| Reseñas| Avisos| migas de pan.

Tenga en cuenta esto: necesito si ha iniciado sesión como usuario actual, no como administrador. El código que usé usando CSS:

.woocommerce-layout__header-breadcrumbs {
   display: none !important;
}
.woocommerce-layout {
   display: none !important;
}

Captura de pantalla

  • Sería mejor si agregas el código HTML también.

    – m4n0

    2 de agosto de 2019 a las 7:34

  • ?? no te entendí

    – Ferna

    2 de agosto de 2019 a las 8:15

  • Ha publicado el código CSS que ha probado, pero ¿qué pasa con el HTML asociado con él? 🙂 Otros no pueden verificar que el código sea correcto a menos que tengan las mismas opciones configuradas por usted.

    – m4n0

    2 de agosto de 2019 a las 8:19

avatar de usuario
chris stewart

A partir del 28 de marzo de 2020, para todos los usuarios, el siguiente código elimina el nuevo encabezado de Woocommerce agregado al administrador de WordPress. Ponga lo siguiente en su tema funciones.php expediente:

// Disable WooCommerce Header in WordPress Admin
add_action('admin_head', 'Hide_WooCommerce_Breadcrumb');

function Hide_WooCommerce_Breadcrumb() {
  echo '<style>
    .woocommerce-layout__header {
        display: none;
    }
    .woocommerce-layout__activity-panel-tabs {
        display: none;
    }
    .woocommerce-layout__header-breadcrumbs {
        display: none;
    }
    .woocommerce-embed-page .woocommerce-layout__primary{
        display: none;
    }
    .woocommerce-embed-page #screen-meta, .woocommerce-embed-page #screen-meta-links{top:0;}
    </style>';
}

avatar de usuario
m4n0

Ese código funcionaría bien, pero la pregunta es ¿dónde lo usas? El CSS afectaría solo al frontend, mientras que el Admin End tiene una fuente de hoja de estilo diferente. Puedes intentar agregar un Añadir CSS de administrador complemento para publicar ese código o usar una acción personalizada como esta a continuación en su función.php expediente:

add_action('admin_head', 'Hide_WooCommerce_Breadcrumb');

function Hide_WooCommerce_Breadcrumb() {
  echo '<style>
    .woocommerce-layout__header-breadcrumbs {
      display: none;
    }
  </style>';
}

Producción:

Ingrese la descripción de la imagen aquí

  • Muchas gracias por su tiempo. Esto también funciona, pero la respuesta anterior es más cercana a lo que estoy buscando.

    – Ferna

    3 de agosto de 2019 a las 10:58

  • Enfriar. Por supuesto, puede elegir la mejor solución, pero pensé que solo quería eliminar las Migas de pan y no las opciones de la derecha. ¿Su código no los esconde también?

    – m4n0

    3 de agosto de 2019 a las 11:03

  • Entonces, ¿por qué usarías esa solución cuando solo quieres ocultar las migas de pan? 🙂 Acabo de volver a enmarcar la pregunta para que la respuesta elegida se sincronice bien.

    – m4n0

    4 de agosto de 2019 a las 12:04

avatar de usuario
Mizuho Ogino

Después de WooCommerce 5.2, tenemos que cancelar el margen de #wpbody. Este fragmento de código es la versión revisada de itzmekhokan y todavía está activo.

add_action( 'admin_head', function (){
  remove_action( 'in_admin_header', array( 'Automattic\WooCommerce\Admin\Loader', 'embed_page_header' ) );
  echo '<style>#wpadminbar + #wpbody { margin-top:0; }</style>';
});

—Suma—

El nombre de la clase ha cambiado desde alrededor de la versión 6.5.

add_action( 'admin_head', function (){
  remove_action( 'in_admin_header', array( 'Automattic\WooCommerce\Internal\Admin\Loader', 'embed_page_header' ) );
  echo '<style>#wpadminbar + #wpbody { margin-top:0; }</style>';
});

  • Esto suena más correcto ya que el detector de eventos de la clase del cargador debería dejar de buscar selectores de visualización “ocultos” y llenar la Bandeja de entrada con basura, etc.

    – Jonas Lundmann

    16 de diciembre de 2021 a las 12:34

  • su trabajo para el último woo 22 de julio

    – Andy

    29 de julio a las 0:51

avatar de usuario
Desarrollo de WP

function wp_custom_css() {
    echo '<style>
    .woocommerce-embed-page #wpbody .woocommerce-layout, .woocommerce-embed-page .woocommerce-layout__notice-list-hide+.wrap {
        padding-top: 10px;
    }
    .woocommerce-embed-page #screen-meta, .woocommerce-embed-page #screen-meta-links {
        top: 0px;
    }
    .woocommerce-layout__header {
        display: none;
    }
    .woocommerce-layout__activity-panel-tabs {
        display: none;
    }
    .woocommerce-layout__header-breadcrumbs {
        display: none;
    }
    </style>';
}
add_action('admin_head', 'wp_custom_css');

avatar de usuario
M Osama Amin

ACTUALIZADO 2020:

function Hide_WooCommerce_Breadcrumb() {
    echo '<style>
    .woocommerce-layout__header {
        display: none;
    }
    .woocommerce-layout__activity-panel-tabs {
        display: none;
    }
    .woocommerce-layout__header-breadcrumbs {
        display: none;
    }
    </style>';
}

// Removing the embedded element.
#woocommerce-embedded-root {
  display: none !important;
}
// Removing the empty spacing after removing the embedded element.
#wpbody {
  margin-top: unset !important;
}

avatar de usuario
Pedro Mortensen

Agregue el siguiente fragmento de código a su tema activo funciones.php expediente –

remove_action( 'in_admin_header', array( 'WC_Admin_Loader', 'embed_page_header' ) );

  • No se agregó ninguna explicación y este código tampoco funciona.

    – DAH

    8 de marzo de 2021 a las 11:11

¿Ha sido útil esta solución?

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Configurar y más información
Privacidad