Condicionales if/else con CSS

  • Resuelto bigdatadestroy

    (@bigdatadestroy)


    hace 4 años, 11 meses

    Hola chic@s!!
    He leído que con CSS se pueden hacer condicionales como en cualquier otro lenguaje de programación, pero como no los he utilizado nunca, apelo a vuestra ayuda. Os explico lo que quiero hacer:
    Los productos de mi woocommerce son a medida y el cliente además de escribir la medida debe seleccionar diferentes características en unos popups con imagenes (uso un plugin), entre ellas, el color. Tienen para elegir blanco, plata….. y Color RAL. Cuando eligen este último ‘Color RAL’, el cliente debe buscar por su cuenta el codigo de color que le guste y en otro campo de texto input que hay a continuación, escribir el codigo de color RAL.
    Lo que me gustaría hacer, es mediante CSS si puede ser, es que cuando elige el color del producto y éste NO sea RAL, el campo de texto que hay a continuación se haga invisible mediante un display:none; y que si elige ‘Color RAL’ se vuelva a hacer visible para que pueda introducir el codigo de color.
    El texto de la selección se almacena en la clase awspc_modal_imagelist_text
    Y aquí teneis el display none con los hombres de las clases del campo y de la etiqueta que quiero que desaparezcan. Así conforme está desaparecen, ya lo he probado.

    #aws_price_calc_label_22.awspc-field-label-line,#aws_price_calc_input_22.awspc-field-widget-line {
	display:none;
}

    A ver si me pudieseis echar una manita. Os lo agradezco por adelantado.
    Un saludo.

    • Este debate fue modificado hace 4 años, 11 meses por bigdatadestroy.
Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • Moderador jose64

    (@jose64)

    hace 4 años, 11 meses

    Hola

    CSS al igual que HTML no es un lenguaje de programación, por lo que lo que quieres hacer no se puede implementar con CSS.

    Para lo que quieres hacer existen plugins que te permiten añadir características a los productos (campos personalizados) y usar una lógica condicional para mostrarlos. En tu caso te valdría perfectamente este plugin:

    Product Options and Price Calculation Formulas for WooCommerce – Uni CPO

    Con este plugin puedes crear los campos de color y si la opción es ‘Color RAL’ mostrar un campo extra para introducir el código.

    Si tu consulta está aclarada, por favor, recuerda cerrar el debate marcándolo como resuelto, así nos ayudas a mantener el foro al día.

    Iniciador del debate bigdatadestroy

    (@bigdatadestroy)

    hace 4 años, 11 meses

    Hola Jose! Muchas gracias por responder. Entiendo que el CSS es solo para maquetación, pero como he leído que se pueden utilizar condicionales para según el navegador, o incluso con algún truquillo utilizar variables, había pensado que quizá fuese la solución más ‘rápida’.
    Compré (y estoy utilizando) el plugin WOO Price Calculator para la elección de las características de los productos. Es muy bueno, pero no me permite resolver esto que estoy comentando, por lo que me toca parchearlo ‘a mano’. No conocía el plugin que me has recomendado, es muy bueno también, pero claro ahora ya que tengo éste…
    Si por medio de CSS no se puede hacer, imagino que con algún filtro a través del functions.php o incorporando alguna función sí que se podría solucionar.

    Moderador jose64

    (@jose64)

    hace 4 años, 11 meses

    Hola

    ¿Te refieres a este plugin?

    WooPrice Calculator

    No lo conocía pero por lo que veo debería funcionarte perfectamente con la versión de pago puesto que según su descripción en la página de la versión PRO

    Allows to apply conditional logic which lets you display/hide fields based on rules

    10 – Conditional Logic – WPC

    Si este no es el plugin que estás utilizando pues pon el enlace al correcto. De todas formas si con Uni CPO en su versión libre (del repositorio) solucionas todo pues yo consideraría usarlo en lugar del que compraste por dos razones:

    1. No necesitas hacerle parches a mano que pueden aunque te funcionen ahora a la larga pueden traerte problemas con las actualizaciones.

    2. La licencia que compraste es por un año si quieres actualizaciones.

    Iniciador del debate bigdatadestroy

    (@bigdatadestroy)

    hace 4 años, 11 meses

    Hola Jose! Madreee miaaa, que tonto estoy, de verdad. No había mirado los Conditional Logic, resulta que la opción está escondida en un desplegable que hay en la pestaña de edición de los campos! como siempre que edito pincho rápidamente y entro, ni le había dado tiempo a desplegarse al menú! jajajaja
    Muchas gracias.
    El otro plugin lo miraré, porque el tema de solo tener 1 año de actualizaciones con éste, la verdad…….. pero como ya me he gastado los 60 eurazos, tendré que tirar para adelante con éste por ahora. Más adelante con otros proyectos igual veo el otro, pero por ahora comprar_otro:none; 😉
    Muy agradecido. Un saludo.

    • Esta respuesta fue modificada hace 4 años, 11 meses por bigdatadestroy.
Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • El debate ‘Condicionales if/else con CSS’ está cerrado a nuevas respuestas.