Аналог custom fields только для всавки данных с фронтенда?

Question

[Сергей Бурдужа]

Добрый день.
Я работаю с woocommerce.
Создал атрибут для вариативного товара размер и когда покупатель выберет его, я хочу чтобы появились поля, где пользователь сможет записать свои размеры.

acf предоставляет записать данные в админке, а как быть с фронтендом?

Comments

[Lord_Dantes]

А с фронт-ендом есть такая штука внешняя форма ACF. Попробуйте вывести вот эти поля и заполнить их.
Там https://www.advancedcustomfields.com/resources/cre...

[Сергей Бурдужа]

slave, Спасибо. Не знал. Попробую потом отпишусь.

[Lord_Dantes]

Сергей Бурдужа, вот только там нужно регистрировать код, я сам довольно долго разбирался. Я работал с кастомными полями вп могу скинуть готовую форму которая у меня получилась,.

[Сергей Бурдужа]

slave, Понимаете, проблема в том, что я работаю с woocommerce. И мне нужно зарегистрировать эту форму только для атрибута одной из вариаций, для размера.

[Lord_Dantes]

Сергей Бурдужа, попробуйте на фронте создать поле и скрыть его. И если там нажать на кнопку "свой размер" то он откроется и далее уже делать то что вам нужно. Само поле будет не важным и если останется скрытым то ничего не произойдет

[Сергей Бурдужа]

slave, Этот скрипт я написал на странице товара. Нажимаешь на кнопку свой размер и появляются поля. А дальше мне нужно как-то отправить эти данные в корзину и потом там их выводить.

<script>
	jQuery(document).ready(function ($) {
		// razmer
		$('#pa_razmer').change(function () {

			var th = $(this).find(':selected').val();
			if (th == 'svoj-razmer') {
				$('#pa_razmer')
					.parents('.value')
					.append('' +
						'<div class="rz_block">' +
						'<div class="inprz">' +
						'<label for="rz1">' +
						'<span><?php echo carbon_get_theme_option("crb_breast_level" . get_lang()); ?></span> <a data-fancybox="gallery" data-caption="<?php echo carbon_get_theme_option("crb_breast_level" . get_lang()); ?>" href="/wp-content/themes/benefis/img/rz/1.jpg"><i class="fa fa-question-circle" aria-hidden="true"></i></a>' +
						'</label> <input name="rz1" type="text" class="custom_rz" value="" >' +
						'</div>' +
						'<div class="inprz"><label for="rz28"><span><?php echo carbon_get_theme_option("crb_tutu_length" . get_lang()); ?></span> <a data-fancybox="gallery" data-caption="<?php echo carbon_get_theme_option("crb_tutu_length" . get_lang()); ?>" href="/wp-content/themes/benefis/img/rz/28.jpg"><i class="fa fa-question-circle" aria-hidden="true"></i></a></label> <input name="rz28" type="text" class="custom_rz" value="" >' +
						'</div>' +
                        '<input name="_custom_option" type="hidden" class="custom_rz" id="allval" value="">' +
                    '</div>' +
                    '');
				//.append
			} else {
				$('.rz_block').remove();
			}
		});

		$('.variations_form.cart').on('submit', function () {
			var name,
				value,
				allrz = '';
			$('.inprz').each(function () {
				name = $(this).find('label > span').html();
				value = $(this).find('input').val();
				allrz += name + ": " + value + "; ";
			});
			$('#allval').val(allrz);
		});
	});
</script>

[Сергей Бурдужа]

slave, Вот страница с товаром.
wp-benefis.host1670806.hostland.pro/product/stage-...

Answer 1

[id_dmitriy]

acf не при чем тут, есть смысл его использовать только если Вы не умеете сверстать форму. Данные пользователя должны добавляться к товару внутри заказа, иначе как Вы собрались получать эти данные и понимать к какому заказу относятся я не понял.
Вот все хуки которые Вам пригодятся для выполнения этой задачи:

add_action( 'woocommerce_before_add_to_cart_button', 'cfwc_display_custom_field', 0); - хук перед кнопкой куда можно повесить форму
add_filter( 'woocommerce_add_cart_item_data', 'cfwc_add_custom_field_item_data', 10, 4 ); -для добавления текстового поля к обьекту корзины
add_filter( 'woocommerce_cart_item_name', 'cfwc_cart_item_name', 10, 3 ); - вывод данных из формы в корзине
add_action( 'woocommerce_checkout_create_order_line_item', 'cfwc_add_custom_data_to_order', 10, 4 ); - позволит добавить значение к обьекту заказу.

Почитайте детальнее о этих хуках, они учитывают все вопросы которые возникнут по пути. Управлять показом формы в зависимости от атрибута можете с помощью js. Удачи в работе :)

Comments

[Сергей Бурдужа]

Спасибо. Когда решу полностью задачу, отпишусь.

[Сергей Бурдужа]

Вот я нашел решение. https://iconicwp.com/blog/add-custom-cart-item-dat...
Тут все, от начала до конца.

Только, не подскажете, как показать форму, только если выбран селект 'Свой размер'? с помощью php кода

[id_dmitriy]

Сергей Бурдужа,

Управлять показом формы в зависимости от атрибута можете с помощью js.

С помощью php не выйдет, т.к. Ваши атрибуты переключаются скриптом, т.е. сервер не знает какую из вариаций товара выберет пользователь когда страница рендерится.

[Сергей Бурдужа]

Дмитрий, Спасибо.
Если написать php в код js в файле php, то он будет работать?

[id_dmitriy]

Сергей Бурдужа,

php в код js в файле php

Вы мне сломали мозг только что)))

файл .php может содержать в себе js:
< ?php echo 'blabla'; ? > < sctipt>alert("i'm alive")< /script>
файл .js в себе содержать php не может, с другой стороны ajax может обратиться к php обработчику, но уже конечно же не в js файле.

[Сергей Бурдужа]

Дмитрий, ))

[id_dmitriy]

Сергей Бурдужа, я кажется понял. Если создать пхп файл, но написать в нем скрипт, то в скрипт можно выводить данные из пхп.

<?php $borshi = 'pidori' ?>
<script> alert('борщи ' + '<?= $borshi ?>') </script>

результатом вывода будет алерт гласящий истину)))