FernandoAcosta.Net

Personalizando aparência

1 min de leituraAtualizado há 2 semanas

Ícone

add_filter( 'woocommerce_wc_ticket_installments_icon', function () {
	return get_stylesheet_directory_uri() . '/img/boleto.png';
} );

Checkout clássico

O formulário vem do template checkout-form.php, com um CSS embutido que esconde o radio e desenha um quadrado no lugar:

<div id="wc-ticket-installments-form">
  <input type="radio" name="ticket_installments_option" id="ticket_installments_option[3x]" value="3x" />
  <label for="ticket_installments_option[3x]"><span class="custom-checkbox"></span>3 boletos sem juros</label>
</div>

Para usar só o seu CSS, desligue o embutido:

add_filter( 'woocommerce_wc_ticket_gateway_use_css', '__return_false' );

Para mudar o HTML, copie o arquivo para seu-tema/woocommerce/checkout-form.php. Cópias não recebem as mudanças das próximas versões do plugin.

Checkout em blocos

O template e o filtro de CSS não valem aqui. As opções ficam dentro de .wc-ticket-installments-blocks-form; estilize por essa classe no CSS do tema.

Foi útil?