Woocommerce при клике поменять картинку?

Привет. Решился вопрос?

Как переместить пункт "Доставка" на странице оплаты в вордпресс?

У меня получилось так (по требованию заказчика)

Код:

<?php
/* ====================================
 * Plugin Name: Anti-Func
 * Description: Плагин для добавления сторонних кодов, чтобы не залезать в файл functions.php и не ронять сайт при не правильном коде. 
 * Plugin URI: 
 * Author: Vladimir Kozlov
 * Author URI: https://pluscode.online/
 * Version: 1.0
 * ==================================== */

/*
 * Добавляем часть формы к фрагменту
 */



add_filter( 'woocommerce_update_order_review_fragments', 'awoohc_add_update_form_billing', 99 );
function awoohc_add_update_form_billing( $fragments ) {

	$checkout = WC()->checkout();
	ob_start();
	
	
	echo '<div class="woocommerce-billing-fields__field-wrapper">';
	$content = "<h3>Детали оплаты</h3>";
	echo $content;
	
	echo '<table >';
			
			    do_action( 'woocommerce_review_order_before_shipping' );
			          wc_cart_totals_shipping_html();
			    do_action( 'woocommerce_review_order_after_shipping' );
	echo '</table>';
	

	$fields = $checkout->get_checkout_fields( 'billing' );
	foreach ( $fields as $key => $field ) {
		if ( isset( $field['country_field'], $fields[ $field['country_field'] ] ) ) {
			$field['country'] = $checkout->get_value( $field['country_field'] );
		}
		woocommerce_form_field( $key, $field, $checkout->get_value( $key ) );
	}

	echo '</div>';

	$art_add_update_form_billing              = ob_get_clean();
	$fragments['.woocommerce-billing-fields'] = $art_add_update_form_billing;

	return $fragments;
}

/*
 * Убираем поля для конкретного способа доставки
 */
add_filter( 'woocommerce_checkout_fields', 'awoohc_override_checkout_fields' );
function awoohc_override_checkout_fields( $fields ) {
   // получаем выбранные метод доставки
   $chosen_methods = WC()->session->get( 'chosen_shipping_methods' );
	
   // проверяем текущий метод и убираем не ненужные поля
   if ( 'local_pickup:13' === $chosen_methods[0] ) {
	   
      unset( $fields['billing']['billing_company'] );
      unset( $fields['billing']['billing_address_1'] );
      unset( $fields['billing']['billing_address_2'] );
      unset( $fields['billing']['billing_city'] );
      unset( $fields['billing']['billing_postcode'] );
      //unset( $fields['billing']['billing_country'] );
      unset( $fields['billing']['billing_state'] );
	  
   }
	
	if ( 'omniva_parcel_machines_ee' === $chosen_methods[0] ) {
      unset( $fields['billing']['billing_company'] );
      unset( $fields['billing']['billing_address_1'] );
      unset( $fields['billing']['billing_address_2'] );
      unset( $fields['billing']['billing_city'] );
      unset( $fields['billing']['billing_postcode'] );
      //unset( $fields['billing']['billing_country'] );
      unset( $fields['billing']['billing_state'] );
   }
	
	if ( 'edostavka-package-door:12:137' === $chosen_methods[0] ) {
      unset( $fields['billing']['billing_company'] );
      //unset( $fields['billing']['billing_address_1'] );
      unset( $fields['billing']['billing_address_2'] );
      //unset( $fields['billing']['billing_city'] );
      unset( $fields['billing']['billing_postcode'] );
      //unset( $fields['billing']['billing_country'] );
      unset( $fields['billing']['billing_state'] );
   }
   
   return $fields;
}

add_action( 'wp_footer', 'awoohc_add_script_update_shipping_method' );
function awoohc_add_script_update_shipping_method() {
	if ( is_checkout() ) {
		?>
		<!--Выполняем обновление полей при переключении доставки-->
		<script>
            jQuery(document).ready(function ($) {

                $(document.body).on('updated_checkout updated_shipping_method', function (event, xhr, data) {
                    $('input[name^="shipping_method"]').on('change', function () {
                        $('.woocommerce-billing-fields__field-wrapper').block({
                            message: null,
                            overlayCSS: {
                                background: '#fff',
                                'z-index': 1000000,
                                opacity: 0.3
                            }
                        });
                    });
                    var first_name = $('#billing_first_name').val(),
                        last_name = $('#billing_last_name').val(),
                        phone = $('#billing_phone').val(),
                        email = $('#billing_email').val();
                        
                    $(".woocommerce-billing-fields__field-wrapper").html(xhr.fragments[".woocommerce-billing-fields"]);
                    $(".woocommerce-billing-fields__field-wrapper").find('input[name="billing_first_name"]').val(first_name);
                    $(".woocommerce-billing-fields__field-wrapper").find('input[name="billing_last_name"]').val(last_name);
                    $(".woocommerce-billing-fields__field-wrapper").find('input[name="billing_phone"]').val(phone);
                    $(".woocommerce-billing-fields__field-wrapper").find('input[name="billing_email"]').val(email);
                    $('.woocommerce-billing-fields__field-wrapper').unblock();
                });
            });
			
			  
		
		</script>


		<?php
	}
}

И CSS:

<style type="text/css">
1
/* Add your CSS code here.
2
​
3
For example:
4
.example {
5
    color: red;
6
}
7
​
8
For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp
9
​
10
End of comment */ 
11
​
12
.woocommerce-billing-fields__field-wrapper .woocommerce-billing-fields__field-wrapper {
13
  display: flex;
14
    justify-content: space-between;
15
    flex-wrap: wrap;
16
}
17
#customer_details h3, #billing_country_field, #billing_city_field {
18
  order: -1;
19
}
20
p.nm-shipping-th-title, .woocommerce-shipping-totals.shipping th {
21
  display: none;
22
}
23
ul#shipping_method {
24
    padding: 20px;
25
    background: #fafafa;
26
}
27
.form-row {
28
    width: 100%;
29
}
30
.form-row-first, .form-row-last {
31
  width: 48% !important;
32
}
33
.woocommerce-billing-fields__field-wrapper table {
34
  width: 100%;
35
}
</style>

Почему не работает авторизация и купоны на странице заказа Woocommerce?

Привет. получилось найти решение?