Ocultar variaciones específicas

¿Cómo puedo ocultar una variación del menú desplegable en la página de un producto, pero permitir que se compre a través de cupones de URL de WooCommerce?

Si hago que la variación no esté activa, se oculta en el menú desplegable, pero aparece el mensaje “Este producto no se puede comprar” en el carrito. Solo quiero ocultarlo de la lista, no deshabilitarlo por completo.

La siguiente solución funcionó en mi tema, pero está ejecutando Bootstrap, por lo que puede tener problemas.

vamos a modificar el option etiqueta de las opciones que desea ocultar con el hidden atributo. Tome el siguiente código y agréguelo a su tema functions.php o un complemento personalizado:

Código personalizado

function custom_woocommerce_dropdown_variation_attribute_options_html( $html, $args )
{
    $product = $args[ 'product' ];
    $attribute = $args[ 'attribute' ];
    $terms = wc_get_product_terms( $product->get_id(), $attribute, array( 'fields' => 'all' ) );
    $options = $args[ 'options' ];
    if ( empty( $options ) && !empty( $product ) && !empty( $attribute ) ) {
        $attributes = $product->get_variation_attributes();
        $options = $attributes[ $attribute ];
    }

    foreach ( $terms as $term ) {
        if ( in_array( $term->slug, $options ) && ***SOME CONDITION***) {
            $html = str_replace( '<option value="' . esc_attr( $term->slug ) . '" ', '<option hidden value="' . esc_attr( $term->slug ) . '" ', $html );
        }
    }
    return $html;
}
add_filter( 'woocommerce_dropdown_variation_attribute_options_html', 'custom_woocommerce_dropdown_variation_attribute_options_html', 10, 2 );

Tenga en cuenta que algunos navegadores no reconocen el hidden atributo. Si desea una compatibilidad total entre navegadores, querrá ver las respuestas en ¿Cómo ocultar una en un menú con CSS?. Agregar propiedad css style="display:none" también puede funcionar con algunos navegadores.

Campos personalizados avanzados

Ahora, en el código anterior, he escrito ***SOME CONDITION***. Esta condición debe verificar si una opción debe estar oculta o no. Para agregar esta información, necesitamos crear un campo personalizado para el atributo. Puede hacerlo manualmente, pero yo lo hago con el complemento de campos personalizados avanzados (ACF).

1. Crear un atributo de producto en Productos->Atributos. Marque sí a ¿Habilitar archivos? y hazlo escribe “Seleccione”. A continuación, agregue los términos de atributo en Configurar términos.
2. Instalar Campos personalizados avanzados en tu WordPress.
3. Cree un nuevo grupo de campos.
4. En el grupo de campo, cree una regla para Mostrar este grupo de campos si Taxonomy Term is equal to Product **your attribute**.
5. En el grupo de campos, cree un campo con Etiqueta de campo=’oculto’, Tipo de campo=’Verdadero / Falso’ y establezca las otras configuraciones como desee.
6. Grupo de campo Publicar/Actualizar.
7. Vuelva a los términos que desea ocultar que creó en el paso 1. Debe tener una casilla de verificación para seleccionar si el atributo debe ocultarse o no. Marque todo lo que corresponda.
8. Cree el producto variable con variaciones compuestas a partir de los atributos del producto.
9. En el código personalizado, elimine ***SOME CONDITION*** y reemplazarlo con get_field( 'hidden', $term ) ). Esta es una función ACF que obtendrá el valor del campo ‘oculto’ para el término de ese atributo.

Después de todo eso, los términos que marcó como ocultos no deberían aparecer en el menú desplegable de la página del producto. En mi ejemplo se puede ver verde falta en el menú desplegable.

Soy bastante nuevo aquí y en jugar con el código en general, pero usé css en el Personalizador para ocultar una variación llamada “Estudiante:”

.postid-403 option[value=Student]{display: none;}

postid-403 identifica la página de mi producto. Esto parece estar funcionando. ¿Alguna razón para no hacerlo de esta manera?