Как в Woocommerce добавить произвольное поле в вариативный товар?

Question

[Oaks]

Всем привет!
Как добавить произвольное поле в вариативный товар и вывести его в content-product.php

С помощью ACF делаю так:
Создаю правило тип записи -> равно -> product_variation
Поле текст
И оно почему то в вариации не видно.

Answer 1

[WP Panda]

Чего же вы все уцепились так в эти плагины для полей?
Использовать ACF и его аналоги это плохая практика, это очень плохая практика, это очень очень плохая практика.
И у WordPress и у WooCommerce есть соответствующее API

Для вариативного товара маленький простой код.

add_action( 'woocommerce_product_after_variable_attributes', 'cr_variable_fields', 10, 3 );
add_action( 'woocommerce_product_after_variable_attributes_js', 'cr_variable_fields_js' );
add_action( 'woocommerce_process_product_meta_variable', 'save_cr_variable_fields', 10, 1 );

/**
 * Создает новое поле
*/
function cr_variable_fields( $loop, $variation_data, $variation ) {
?>
	<tr>
		<td>
			<?php
			woocommerce_wp_text_input( 
				array( 
					'id'          => '_text_field['.$loop.']', 
					'label'       => __( 'Мое текстовое поле', 'woocommerce' ), 
					'placeholder' => __( 'Подсказка', 'woocommerce' ), 
					'desc_tip'    => 'true',
					'description' => __( 'Введите ваше значение.', 'woocommerce' ),
					'value'       => get_post_meta( $variation->ID, '_text_field', true )
				)
			);
			?>
		</td>
	</tr>
	
<?php
}

/**
 * Создает поле нового варианта
*/
function cr_variable_fields_js() {
?>
	<tr>
		<td>
			<?php
			woocommerce_wp_text_input( 
				array( 
					'id'          => '_text_field[ + loop + ]', 
					'label'       => __( 'Мое текстовое поле', 'woocommerce' ),  
					'placeholder' => __( 'Подсказка', 'woocommerce' ),
					'desc_tip'    => 'true',
					'description' => __( 'Введите ваше значение.', 'woocommerce' ),
					'value'       => ''
				)
			);
			?>
		</td>
	</tr>
<?php
}

/**
 * Сохраняет поле
*/
function save_cr_variable_fields( $post_id ) {
	if (isset( $_POST['variable_sku'] ) ) :
		$variable_sku          = $_POST['variable_sku'];
		$variable_post_id      = $_POST['variable_post_id'];
		
		$_text_field = $_POST['_text_field'];
		for ( $i = 0; $i < sizeof( $variable_sku ); $i++ ) :
			$variation_id = (int) $variable_post_id[$i];
			if ( isset( $_text_field[$i] ) ) {
				update_post_meta( $variation_id, '_text_field', stripslashes( $_text_field[$i] ) );
			}
		endfor;

	endif;
}

Comments

[Mr Crabbz]

С чего это вдруг плохая практика то? Профессиональный, очень гибкий и функциональный плагин. Что в нём плохого то? Я даже PRO-версию купил с developer лицензией. Очень сильно экономит время. А время сейчас - бесценнейший ресурс. Не так ли?

[WP Panda]

Роман Краббз:
1. все, что может поломать тупое блондинко находясь под админом, это плохо, а ACF - из этой серии и влияет на работоспособность сайта
2. При должном знании API, продуманной архитектуре, правильно настроенных сниппетах для IDE, и наличии наработок все что умеет ACF создается быстро и просто, без подключения лишних компонентов, и не создавая лишней же нагрузки.

[Mr Crabbz]

WP Panda: 1. Создаем второй админ-акк. В functions.php делаем if(!get_user_id()==1){тут подключаем кастомный css в админку для всех, кроме супер-админа с id=1}. В самом цсс делаем #menu-acf { display:none}. Profit. Блондинка не доберется.
2. И всё это всё-равно занимает больше времени, чем включить ACF, в графическом интуитивно-понятном интерфейсе поставить 2 галочки и далее сделать get_the_field("field") в шаблоне. Нагрузки ACF добавляет аж 1 мегабайт потребляемой памяти (это полная версия со всеми модулями). Ответьте - стоит ли оно того? (имею ввиду, ковыряние простыни кода вместо использования готового отлаженного решения) =)

[WP Panda]

Роман Краббз: 1. Если вы не осуществляете поддержку данного сайта это не правильно.
2. Ответ в моем первом ответе, что бы сделать такое нужно ли подключать ACF? Ковырять простыню кода не надо, даже когда полей много, все просто. Сделайте без шаманства, стандартными средствами АСF то, что просит сделать топикастер. На заметку (product_variation это скрытый тип записи). И таких нюансов море.

Свое мнение не навязываю, но ACF и иже с ним - читерство которое может привести сайт к весьма веселому результату в один прекрасный момент.

[Mr Crabbz]

WP Panda:
1. Чем?)
2. Тут да, не спорю, дефолтным ACF не обойтись, т.к. он вариации не понимает. Но к вам мой вопрос был относительно ACF в целом

Вот вы говорите, что не навязываете мнение. Но в самом начале написали "Использовать ACF и его аналоги это плохая практика, это очень плохая практика, это очень очень плохая практика." - поправьте если что не так, но по-моему это и есть навязывание =)

[WP Panda]

1. Тем, что если что то в дальнейшем пойдет не так, или обратятся за доработкой к другому человеку, вас помянут не злым тихим словом. Пока разберутся, что там и как.
2.Относительно "В целом" - возможно для бложиков пятиминуток он и сгодится, но я сужу со своей колокольни, у меня уже давно нет проектов меньше чем на неделю. Так что все те 1,5 - 2 часа которые уйдут на конфигурирование того, что делает ACF, я смело вкладываю в бюджет с соответствующей оплатой.

Не навязываю, констатирую факт. Привязанность к таким вещам, обуславливает изрядную картину того, что 95% процентов сайтостроителев , как только не хватает возможностей плагина, кричат все пропало и в процессе ответов на их вопросы выясняется, что они даже синтаксиса языка не знают.

[WP Panda]

Роман Краббз: Живой пример, Посыл топикастера - потрачу кучу времени в гугле, вместо того, что бы за пол часа сделать - Есть-ли плагин для wordpress, позволяющий отобразить записи рубрики в таком виде?

[Oaks]

WP Panda: Данный код не сохраняет написанное в текстовом поле..... Конечно лучше делать все своими руками, но когда не совсем знаком с php трудно написать что либо. И для этого приходят на помощь плагины)

[mischael1]

Как сделать так, чтобы это появившееся поле сохраняло внесенное значение? На кой оно тогда нужно?

[mischael1]

Oaks: Вот тут нашел решение. Причем требуется также и последняя правка из комментов.
На всякий случай вставлю рабочий код.

add_action( 'woocommerce_product_after_variable_attributes', 'cr_variable_fields', 10, 3 );
add_action( 'woocommerce_product_after_variable_attributes_js', 'cr_variable_fields_js' );
add_action( 'woocommerce_save_product_variation', 'save_cr_variable_fields', 10, 2 );
add_action( 'woocommerce_process_product_meta_variable-subscription' , 'save_variable_fields' , 10 , 1 );

/**
 * Создает новое поле
*/
function cr_variable_fields( $loop, $variation_data, $variation ) {
?>
  <tr>
    <td>
      <?php
      woocommerce_wp_text_input( 
        array( 
          'id'          => '_text_field['.$loop.']', 
          'label'       => __( 'Мое текстовое поле', 'woocommerce' ), 
          'placeholder' => __( 'Подсказка', 'woocommerce' ), 
          'desc_tip'    => 'true',
          'description' => __( 'Введите ваше значение.', 'woocommerce' ),
          'value'       => get_post_meta( $variation->ID, '_text_field', true )
        )
      );
      ?>
    </td>
  </tr>
  
<?php
}

/**
 * Создает поле нового варианта
*/
function cr_variable_fields_js() {
?>
  <tr>
    <td>
      <?php
      woocommerce_wp_text_input( 
        array( 
          'id'          => '_text_field[ + loop + ]', 
          'label'       => __( 'Мое текстовое поле', 'woocommerce' ),  
          'placeholder' => __( 'Подсказка', 'woocommerce' ),
          'desc_tip'    => 'true',
          'description' => __( 'Введите ваше значение.', 'woocommerce' ),
          'value'       => ''
        )
      );
      ?>
    </td>
  </tr>
<?php
}

/**
 * Сохраняет поле
*/
function save_cr_variable_fields( $post_id ) {
  if (isset( $_POST['variable_sku'] ) ) :
    $variable_sku          = $_POST['variable_sku'];
    $variable_post_id      = $_POST['variable_post_id'];
    
    $_text_field = $_POST['_text_field'];
    for ( $i = 0; $i < sizeof( $variable_sku ); $i++ ) :
      $variation_id = (int) $variable_post_id[$i];
      if ( isset( $_text_field[$i] ) ) {
        update_post_meta( $variation_id, '_text_field', stripslashes( $_text_field[$i] ) );
      }
    endfor;

  endif;
}

[mr_denisters]

mischael1: Куда это все дело вставлять? Ссылка выше на решение не работает.

[mischael1]

mr_denisters: Это вставляется в functions твоей темы (я надеюсь, что ты используешь дочернюю тему).
А ссылка выше почти работает. Тостер зачем-то прилепил к ней свой префикс (https://toster.ru/). Удали его из адресной строки и всё получится.

[alashgrand]

WP Panda, Существует ли плагин woocommerce для вариации с картинкой и переходом на связанный товар по артикулу?Можно ли каким-то образом добавить сопутствующие товары для вариации на карточке товара? Хочу чтобы это выглядело так, как на этом изображений nursace.kz/wp-content/uploads/2018/10/sdfsdf.png Долгое время товары в интернет-магазине (WordPress и WooCommerce) были вариативными, что не мешало с помощью плагина сделать симпатичный выбор цвета с меняющимися изображениями. Но Появилась необходимость разделить вариативный товар на несколько простых, где каждая новая страница будет иметь свои описание, цвет, изображение и метаданные. При этом хотелось бы одну модель, которая раньше была вариативной, связать по изображению, чтобы при выборе изображения пользователь переходил на другую страницу. Может как-то еще, с помощью плагина или хуков.Как быть? Спасибо