[SOLUCIONADO] estilo diferente según categoría en woocommerce

pdominguez0608 · #1 (**permalink**) 03/03/2016, 14:27

Buenas,
tengo el siguiente problema, agradecería una mano...
estoy configurando una tienda, mejor dicho solo un catalogo pero con posibilidad de evolucionar a tienda, lo he montado con Wordpress y Woocommerce.
me piden que el estilo sea diferente según la categoría, son dos.
he encontrado un método, creando la carpeta woocommerce dentro de la carpeta del tema que estoy usando y aquí poner el fichero taxonomy-product_cat-nombredecategoria.php se pueden modificar los estilos solo para la categoria "nombredecategoria", hasta aquí bien, el problema viene al querer heredar el mismo estilo en el articulo correspondiente a esta categoria, vuelve a tomar el standar.
¿como puedo hacer para que los estilos sean los mismos?
se me ocurre algo como:

IF categoría del producto == nombredecategoria THEN $variable = "ruta/hojadeestilo.css" ELSE $varaible = ""
echo $variable
pero no se por donde abordar el tema... so se como gestiona la categoría en el documento del producto.. aunque veo que si la lleva

gracias de antemano por vuestra ayuda

zanguanga · #2 (**permalink**) 03/03/2016, 16:57

Tal vez algo así te pueda servir

Código PHP:

Ver originalif ( is_product() && has_term( 'nombredecategoria', 'product_cat' ) ) {
                 //
    }

pdominguez0608 · #3 (**permalink**) 06/03/2016, 14:59

Muchas gracias zanguanga por tu respuesta.

implementare el código que me pasas en content-product.php
correcto?

un saludo

TMeister · #4 (**permalink**) 06/03/2016, 19:59

Si el template es el mismo y solo necesitas ajustar los estilos, puedes hacerlo con las clases que woocommerce "inyecta" al body, este es el ejemplo de uno de mis sitios que usa woocommerce

Código HTML:

Ver original<body class="archive tax-product_cat term-free-templates term-34 has-banner banner-7218 profile-7223 woocommerce woocommerce-page woocommerce-3-columns woocommerce-has-sidebar sidebar-right sticky has-solid-menu no-sidebar"">

Si puedes notar hay un par clases que puedes usar.

term-free-templates en donde free-templates es el nombre de la categoría
term-34 en donde 34 es el id de la categoria que se esta mostrando.

Aquí hay mas info sobre la función body_class que es la encargada se setear dichas clases.

zanguanga · #5 (**permalink**) 07/03/2016, 07:31

@TMeister Yo creo que eso no le va a valer para la vista de página de producto que entiendo es lo que desea solucionar. Aunque es cierto que no ha explicado si es solo cambio de estilos o también de layout. De ser solo estilos, lo que sí le podría valer es inyectar un nuevo estilo ahí ¿no?.

@pdominguez0608 Lo que quieres tiene diversas formas de abordarse, una de ellas es poner el condicional mencionado en functions.php para usar una hoja de estilos u otra, una plantilla u otra, o simplemente añadir una clase a body_class que aparezca en esos productos y puedas darle estilo usando el CSS con algo así

Código CSS:

Ver originalbody.mi-producto-nombrecategoria

Revisa la funciones wp_enqueue_style, wc_get_template_part, add_filter para añadir la clase, y los condicionales en WordPress.

pdominguez0608 · #6 (**permalink**) 08/03/2016, 15:58

Muchas gracias a los dos.
de momento, como solo se trata de cambiar los estilos, lo que he hecho es poner el condicional y dentro los estilos diferentes para esta categoria.
de todas formas, mirare el tema de las clases por si acaso se complicara el tema.

muchas gracias a los dos de nuevo