WooCommerceのカスタムフィールド値に基づいて要約にテキストを追加します

Question

私はWooCommerceチェックアウトページにカスタムフィールドを追加しました。これは顧客がアイテムを収集することを選択できる別のストアのセレクタです。現時点ではチェックアウトページにこのフィールドが表示されています。セレクタの下に情報を追加し、それに応じて送料を更新するためにjQueryを使用しています。

私が次に行う必要があるのは、顧客の注文電子メールに各ピックアップ場所に関するフィールド+追加情報を追加することです。顧客が場所1を選択した場合はそのインスタンスのための電子メールが表示される必要があります。

納入場所=場所1
アドレス= 16時と午後7時平日の間に123通り
情報=ピックアップ順

を私はどのように配列に "情報"と "アドレス"のフィールドを追加し、電子メールでそれらを呼び出すことができるか分からないだけです。

これは、これまでの私のコードです：

add_filter('woocommerce_checkout_fields' , 'custom_store_pickup_field'); 

function custom_store_pickup_field($fields) { 

    $fields['billing']['store_pickup'] = array(
    'type'  => 'select', 
    'options' => array(
    'option_0'=> 'Please Select a Delivery Option', 
    'option_1' => 'Delivery', 
    'option_2' => 'Gym1', 
    'option_3' => 'Gym2' 
    ), 
'label'  => __('Store Pick Up Location (Optional)', 'woocommerce'), 
'required' => true, 
'class'  => array('store-pickup form-row-wide'), 
'id'  => 'store_pickup_val', 
'clear'  => true 
); 

return $fields; 
} 

//* Process the checkout 
add_action('woocommerce_checkout_process', 
'wps_select_checkout_field_process'); 
function wps_select_checkout_field_process() { 
global $woocommerce; 
// Check if set, if its not set add an error. 
if ($_POST['store_pickup'] == "option_0") 
wc_add_notice('<strong>Please select a Delivery option</strong>', 'error' 
); 
} 


add_action('woocommerce_after_checkout_form', 'gym_opening_hours', 6); 

function gym_opening_hours() { 

?> 
<script type="text/javascript"> 
    jQuery('#store_pickup_val').change(function(){ 

     jQuery('body').trigger('update_checkout'); 


     jQuery(".gym-collection").remove(); 

     if (this.value == 'option_1') { 
      jQuery('#shipping_method_0_flat_rate1').prop('checked', true); 
     } 

     if (this.value == 'option_2') { 
      jQuery("<p>Order can be collected between 4pm - 7pm on Tuesdays</p>").addClass("gym-collection").insertAfter("#store_pickup_val"); 
      jQuery('#shipping_method_0_local_pickup3').prop('checked', true); 
     } 
      if (this.value == 'option_3') { 
      jQuery("<p>Order can be collected between 4pm - 7pm on Tuesdays</p>").addClass("gym-collection").insertAfter("#store_pickup_val"); 
      jQuery('#shipping_method_0_local_pickup3').prop('checked', true);   
     } 
     else { 

     } 

    }); 
</script> 
<?php 

} 

Answer 1

これは、何が必要です：

• フォーマットおよび（顧客のための - フロントエンド）注文メタデータとして、「撮像データ」を保存します
• 管理注文編集ページ（バックエンド用）の「ピックアップ場所」を保存します。
• 管理者の編集ページ（バックエンド）に「ピックアップの場所」を表示します。
• 注文ビューと受信ページ（フロントエンド）で「取り込みHTML形式のデータ」を表示します。
• 電子メール通知（埋め込みスタイル付き）に "pickup html formatted data"を表示します。

  add_filter('woocommerce_checkout_fields' , 'custom_store_pickup_field'); 
  function custom_store_pickup_field($fields) { 
      $fields['billing']['store_pickup'] = array(
       'type'  => 'select', 
       'id'  => 'store_pickup_val', 
       'label' => __('Store Pick Up Location (Optional)', 'woocommerce'), 
       'required' => true, 
       'class' => array('store-pickup form-row-wide'), 
       'options' => array(
        ''=> 'Please Select a Delivery Option', 
        'option_1' => 'Delivery', 
        'option_2' => 'Gym1', 
        'option_3' => 'Gym2' 
       ), 
       'clear'  => true, 
      ); 
      return $fields; 
  } 
  
  //* Process the checkout 
  add_action('woocommerce_checkout_process', 'wps_select_checkout_field_process'); 
  function wps_select_checkout_field_process() { 
      // Check if set, if its not set add an error. 
      if ($_POST['store_pickup'] == "option_0") 
       wc_add_notice('<strong>Please select a Delivery option</strong>', 'error'); 
  } 
  
  
  add_action('woocommerce_after_checkout_form', 'gym_opening_hours', 6); 
  function gym_opening_hours() { 
      ?> 
      <script type="text/javascript"> 
       (function($){ 
        $('#store_pickup_val').change(function(){ 
         $(".gym-collection").remove(); 
         if (this.value == 'option_1') { 
          $('#shipping_method_0_flat_rate1').prop('checked', true); 
         } else if (this.value == 'option_2') { 
          $("<p>Order can be collected between 4pm - 7pm on Tuesdays</p>").addClass("gym-collection").insertAfter("#store_pickup_val"); 
          $('#shipping_method_0_local_pickup3').prop('checked', true); 
         } else if (this.value == 'option_3') { 
          $("<p>Order can be collected between 4pm - 7pm on Tuesdays</p>").addClass("gym-collection").insertAfter("#store_pickup_val"); 
          $('#shipping_method_0_local_pickup3').prop('checked', true); 
         } 
         $('body').trigger('update_checkout'); 
        }); 
       })(jQuery); 
      </script> 
  <?php 
  } 
  

  今、あなたがこのプロセスを完了するために必要なコード：

  // Save the delivery location data to the order meta 
  add_action('woocommerce_checkout_update_order_meta', 'store_pickup_field_update_order_meta', 10, 1); 
  function store_pickup_field_update_order_meta($order_id) { 
  
      // BELOW update the data 
      if ($_POST['store_pickup'] == 'option_2') 
       $data = array( 
        'location' => 'Location 1', 
        'address' => '123 Beverly street<br> 90001 Los Angeles' 
       ); 
      elseif ($_POST['store_pickup'] == 'option_3') 
       $data = array( 
       'location' => 'Location 2', 
       'address' => '456 Trumpet street<br> 90056 Los Angeles' 
      ); 
  
      $collect_info = 'Order can be collected between 4pm - 7pm on Tuesdays'; 
  
      if ($_POST['store_pickup'] == 'option_2' || $_POST['store_pickup'] == 'option_3'){ 
       // HTML 
       $store_pickup = "<h3>Pickup Information</h3> 
       <table class='pickup td' cellspacing='0' cellpadding='6'> 
        <tr> 
         <th>Location:</th> 
         <td>".$data['location']."</td> 
        </tr> 
        <tr> 
         <th><strong>Adress:</strong></th> 
         <td>".$data['address']."</td> 
        </tr> 
        <tr> 
         <th><strong>Info:</strong></th> 
         <td>".$collect_info."</td> 
        </tr> 
       </table>"; 
  
       // Save pickup html data (front end) 
       update_post_meta($order_id, '_store_pickup_data', $store_pickup); 
       // Save pickup location (backend) 
       update_post_meta($order_id, '_store_pickup_location', $data['location']); 
      } 
  } 
  
  // Display 'pickup location' on the order edit page (backend) 
  add_action('woocommerce_admin_order_data_after_shipping_address', 'display_store_pickup_location_on_order_edit_pages', 10, 1); 
  function display_store_pickup_location_on_order_edit_pages($order){ 
      $pickup_location = get_post_meta($order->get_id(), '_store_pickup_location', true); 
      if(! empty($pickup_location)) 
       echo '<p><strong>Store pickup location: </strong> ' . $pickup_location . '</p>'; 
  } 
  
  // Display 'pickup html data' in "Order received" and "Order view" pages (frontend) 
  add_action('woocommerce_order_details_after_order_table', 'display_store_pickup_data_in_orders', 10); 
  function display_store_pickup_data_in_orders($order) { 
      $pickup_data = get_post_meta($order->get_id(), '_store_pickup_data', true); 
      if(! empty($pickup_data)) 
       echo $pickup_data; 
  } 
  
  // Display 'pickup html data' in Email notifications (frontend) 
  add_action('woocommerce_email_order_meta', 'display_store_pickup_data_in_emails', 10); 
  function display_store_pickup_data_in_emails($order) { 
      $pickup_data = get_post_meta($order->get_id(), '_store_pickup_data', true); 
      if(! empty($pickup_data)){ 
       // Email CSS style rules 
       echo '<style> 
       table.pickup{width: 100%; font-family: \'Helvetica Neue\', Helvetica, Roboto, Arial, sans-serif; 
        color: #737373; border: 1px solid #e4e4e4;} 
       table.pickup th, table.pickup td{text-align: left; border-top-width: 4px; 
        color: #737373; border: 1px solid #e4e4e4; padding: 12px;} 
       table.pickup td{text-align: left; border-top-width: 4px; color: #737373; border: 1px solid #e4e4e4; padding: 12px;} 
       </style>'; 
       // Html data 
       echo $pickup_data; 
      } 
  
  } 
  

  コードは、あなたのアクティブな子のfunction.phpファイルに行く私も軽くあなたのコードを再検討している

テーマ（またはテーマ）、または任意のプラグインファイルでも使用できます。

WooCommerce 3+で動作確認済みです。管理編集注文ページでは

：だから、これを取得する電子メール通知に

：

注文ビューと順にページを受け取っ