Página de detalle de productos de estilo con CSS personalizado en woocommerce

Trato de una página de producto único con CSS personalizado de estilo en WooCommerce. He conseguido que las categorías de estilo con la etiqueta condicional is_product_category en mi archivo de encabezado y una instrucción IF php. Hasta ahí está bien, tengo una categoría denominada 'Le' y todas las páginas que ver con esa categoría son de color rosas.

Pero luego, cuando voy a un producto individual en 'Su' categoría, se revierte al CSS por defecto. Revisé y no no hay etiquetas condicionales para abordar un solo producto.

He pasado horas investigando y todo lo que puedo encontrar leyendo pero no encuentro una solución. Necesito la página del producto para tener el mismo estilo como la categoría de los padres.

¿Alguna idea de cómo puedo alcanzar esto? Muchas gracias de antemano.


Solución 1

Adicione las clases, en lugar de restringir el CSS a ciertas páginas. Debe estar buscando a las clases que permitirán aplicar los estilos a esas páginas solamente. Generalmente el CSS para todo el sitio será cargado a la vez y guardado en la memoria caché.

Así que no intente cargar los estilos sólo en determinadas páginas, en su lugar proporcionar estilos que reemplazan a los estilos existentes sólo en las páginas que desea modificar. Compruebe la body_class función, que produce las clases necesita de mayo en el
body_class
etiqueta ya.

Y si eso no es suficiente, intenta cambiar la plantilla para la categoría como un nombre de clase de la salida. Además, no sólo debe inyectarse una hoja de estilo en la cabeza, usted debe usar wp_enqueue_script añadir nuevos estilos, pero realmente no necesitas hacerlo tampoco..

Solución 2

Gracias. Esta es la solución que trabajó para mí: tienes que añadir este código en el archivo functions.php y luego estilo de los elementos con la bala de categoría.
add_filter('body_class','wpa76627_class_names');
function wpa76627_class_names( $classes ) {
    if( is_singular( 'product' ) ):
    global $post;
    foreach( get_the_terms( $post->ID, 'product_cat' ) as $cat )
        $classes[] = $cat->slug;
endif;
    return $classes;
}
Entonces en el CSS añada:
BODY.my-product-cat-slug
BODY.my-product-cat-slug
.





Problemas relacionados

¿Cómo asignar plantilla personalizada a productos específicos en Woocommerce?

Woocommerce página del producto no está mostrando css personalizado

Woocommerce producto categoría Widget ocultar categorías que tienen no hay productos en stock

Woocommerce, hacer pedidos de productos de forma predeterminada en las páginas de código

Woocommerce a granel editar nivel de Stock

WooCommerce tienda con 30.000 productos

Cómo exportar\/importar productos woocommerce WordPress

Cambiar aspecto del diseño de producto WooCommerce

woocommerce categorías de productos en el menú

Búsqueda WooCommerce productos en WordPress

Clasificación de los productos Woocommerce con títulos numéricos

¿Cómo comprobar si yo estoy mostrando categorías en una página de Woocommerce?

Source: Stack Exchange Inc; License: cc by-sa 3.0 Contacto / Contact