0

Необходимо реализовать следующую задачу: на странице checkout есть методы доставки, если выбран определенный метод доставки(только 1) то должен появляться выпадающий список со временем доставки. Какое время выбрал пользователь соответственно должно отображаться в деталях заказа в админке вукомерса. Подскажите, пожалуйста, как такое можно реализовать, я новичок в вукомерсе и даже не знаю куда смотреть.. P.S. Если кто-то делал что-то подобное, буду так же благодарна за примеры кода :)

UPD: Исходя из кода темы которая мне досталась написала следующее:

  1. В файле woocommerce/checkout/form-shipping.php следующий код:
<div id="delivery_times" class="form-group d-none">
   <label class="text-bold" for="select_time">Delivery time: </label>
      <select id="select_time" class="form-control mb-1">
         <option value="" selected>Select time</option>
         <?php
            $delivery_times = get_field('delivery_times', 'options');
            $count = 0;
            foreach ($delivery_times as $delivery_time):
              echo '<option value="'.$delivery_time['range_time'].'" data-pickup="'.$count.'">'.$delivery_time['range_time'].'</option>';
              $count++;
            endforeach;
          ?>
       </select>
</div>
  1. Есть общий файл theme-checkout.js, в нем дописала следующее:
$("#shipping_speed").change(function(){
    var delivery_time = $(this).children("option:selected").data("type");

    if(delivery_time == "tomorrow"){
       $("#delivery_times").removeClass("d-none");
    }else{
       $("#delivery_times").addClass("d-none");
       $("#select_time option[value='']").prop('selected',true);
    }
});

И теперь мне необходимо сохранять выбранные данные и выводить их как-то в детали заказа для администратора, но реализацию чего-то подобного в моей теме я так и не нашла. Подскажите, пожалуйста, как можно передать эти данные в детали заказа?

1 ответ 1

0

Можно сделать следующее :

1.Шаблон выбора доставки находится в woocommerce/cart/cart-shipping.php

В выборе доставки

<?php foreach ( $available_methods as $method ) : ?>

    <!-- вставить код -->
    
 <?php if ($method->id == 'selected_shipping') : ?>
    
            <div class="select-date-time"></div>
            <?php woocommerce_form_field( 'billing_shipping_date_time', array( 'label'     => __('Время доставки'),'placeholder'   => '','required'  => false,'clear'     => true,'type' => 'select','options'     => array('9:00' => __('9:00'),'10:00' => __('10:00')),), ''); ?>
           </div>
    
    <?php endif; ?>

   <!-- вставить код -->

<?php endforeach; ?>
  1. Куда нибудь в js шаблона вставить следующий код для показа/скрытия блока
<script>
jQuery( function( $ ) {
    $( document ).on( 'change', 'select.shipping_method, input[name^=shipping_method]', function() {

        if ( $( this ).val() == 'selected_shipping') {
            
            $('.select-date-time').show();
            
        } else {
            
            $('.select-date-time').hide();
        }
    });
});
</script>
  1. Также в functions.php вставить код для сохранения значения поля и отображения в админке в подробностях заказа
add_action( 'woocommerce_checkout_update_order_meta', 'shipping_date_time_update_order_meta' );

functionshipping_date_time_update_order_meta( $order_id ) {
    if ( ! empty( $_POST['billing_shipping_date_time'] ) ) {
        update_post_meta( $order_id, 'billing_shipping_date_time', sanitize_text_field( $_POST['billing_shipping_date_time'] ) );
    }
}


add_action( 'woocommerce_admin_order_data_after_shipping_address', 'custom_field_display_admin_order_meta', 10, 1 );

function custom_field_display_admin_order_meta($order){
    if(get_post_meta( $order->id, 'billing_shipping_date_time', true )){echo '<p><strong>'.__('Время доставки *').':</strong> ' . get_post_meta( $order->id, 'billing_shipping_date_time', true ) . '</p>';}
}

"selected_shipping" - это айди вашего метода доставки

10
  • Правильно ли я понимаю, что если я вставлю код из пункта 3 в functions.php по идее я должна в WooCommerce->Orders увидеть строчку со временем?Правда если ранее не было заполнено, то она будет пустая?Ради теста вставила, смотрю в деталях заказа нет ничего
    – Alexa
    29 янв 2021 в 17:13
  • @Alexa третья часть отвечает за сохранение доп поля в заказ и отображение в заказе в админке. уберите конструкцию if(get_post_meta( $order->id, 'billing_shipping_date_time', true )){} для проверки на пусто 29 янв 2021 в 17:15
  • Да, с этим получилось, благодарю:) А вот с 1 и 2 пунктом мне немного не понятно. Насколько я вижу у меня в теме поле с методом доставки выводится в файле woocommerce/checkout/form-checkout.php . Скорее всего здесь и привязку доп.поля делать надо, как я понимаю. В первом пункте "Вставить код", какой код вы имели ввиду?:)
    – Alexa
    29 янв 2021 в 17:24
  • @Alexa найти вывод в цикле методы доставки и вставить <!-- вставить код --> ... <!-- вставить код --> "selected_shipping" - это айди вашего метода доставки 29 янв 2021 в 17:26
  • @Alexa второй пункт - это просто js, который скрывает/показывает поле по выбранному методу доставки 29 янв 2021 в 17:27

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.