mdobry11's questions

Em nossa loja WooCommerce, usamos o esquema wp-blocks para o carrinho e a página de checkout.

O que eu gostaria de alcançar é:

• Mostrar método de envio específico apenas para determinada classe de envio (ou grupo de produtos) e ocultar outros métodos.

Tentei fazer isso usando JQuery, mas como os blocos são blocos React, os scripts não foram aplicados.

Usei esse método php para obter informações se os produtos do carrinho são apenas da classe de envio 'my-custom-shipping-class'. Se a resposta for verdadeira, então eu gostaria de mostrar apenas um método de envio específico (digamos 'shipping-method-1') e ocultar os outros. Se a resposta for falsa, eu gostaria de mostrar todos os métodos, exceto o 'shipping-method-1'.

function show_shipping_method() {
    $slug = 'my-custom-shipping-class';
    global $woocommerce;
    $product_in_cart = false;
    $other_product_in_cart = false;
    foreach ($woocommerce->cart->get_cart() as $cart_item_key => $values) {
        $_product = $values['data'];
        $terms    = get_the_terms($_product->id, 'product_shipping_class');
        if ($terms) {
            foreach ($terms as $term) {
                $_shippingclass = $term->slug;
                if ($slug === $_shippingclass) {
                    $product_in_cart = true;
                } else {
                    $other_product_in_cart = true;
                }
            }
        } else {
            $other_product_in_cart = true;
        }
    }
    return ($product_in_cart && !$other_product_in_cart);
    
}

Então no tema html eu adicionaria uma classe personalizada:

<section id="service-page" class="<?php echo apply_filters( 'shipping_class_to_add') ? 'hide-all-shipping-except-my-custom-shipping-class' : 'hide-my-custom-shipping-class';
                                  ?>">

Então em CSS:

.hide-all-shipping-except-my-custom-shipping-class label[for="radio-control-0-flat_rate:5"],
.hide-all-shipping-except-my-custom-shipping-class label[for="radio-control-0-flat_rate:4"],
.hide-all-shipping-except-my-custom-shipping-class label[for="radio-control-0-flat_rate:1"]{
    display:none;
} 

.hide-my-custom-shipping-class label[for="radio-control-0-flat_rate:11"] {
    display: none;
}

Agradeço desde já pela ajuda.

ATUALIZAÇÃO Obrigado @LoicTheAztec pelo comentário. Tentarei ajustar a postagem às suas diretrizes.

Então quando a função show_shipping_method()retorna true:

1. flat_rate:11a taxa deve ser mostrada,
2. flat_rate:5, flat_rate:4, flat_rate:1as taxas de envio devem ser ocultadas.
3. flat_rate:11O botão de opção deve ser marcado.

Quando show_shipping_method()retorna false:

1. flat_rate:11deve ser escondido,
2. flat_rate:5, flat_rate:4, flat_rate:1deve ser mostrado e
3. flat_rate:5O botão de opção deve ser marcado.

Com os passos acima consegui atingir todos os requisitos, exceto marcar o botão de opção correto.

Então, sabendo que os wp-blocks são blocos React, como posso verificar esses botões de opção?

Ou se você tiver alguma maneira melhor de conseguir isso, por favor, compartilhe. Não precisa necessariamente ser feito do jeito que eu tentei fazer.