Woocommerce. Как кастомизовать атрибуты (размер товара)?

Question

[critow]

Как кастомизовать размер товара, как на этом изображении?

Пробовал плагин Woo Variations table, но так и не смог корректно его настроить.

Comments

[Антон Р.]

Что значит размер товара? Аттрибуты что ли?

[critow]

Антон Р., да

[Антон Р.]

critow, не знаю как в вордпрессе но в joomshopping аттрибуты создаешь сам в админке магазина

Answer 1

[Пычев Анатолий]

Конкретизируйте вопрос пожалуйста.
Что конкретно вы хотите кастомизировать (настроить)?

Если возможность покупки сразу нескольких вариаций, то возможно потребуется что то дописать.
Пример

Comments

[critow]

Анатолий, вы прислали как раз то что мне нужно мне нужно добавлять несколько вариаций товара в корзину как это можно реализовать?

[Пычев Анатолий]

Это писал я свой плагин.
Могу накидать план работы, если интересно.

[critow]

Пычев Анатолий, Накидайте план работы.

[Пычев Анатолий]

Создайте свой макет таблицы. Для вывода инпутов я использовал функцию от woo woocommerce_quantity_input().

Для страницы категорий (архивов):
Выводим в нужном месте тег в котором будет заливаться таблица размеров. (изначально он пустой, т.к. все выполняется по ajax). Я использовал хук woocommerce_after_shop_loop_item. И кнопку запроса, по нажатии которой выполняется ajax и с сервера возвращается полный html таблицы.

Для карточки товара:
Выводим в нужном месте готовую таблицу. Я использовал хук woocommerce_after_single_product_summary

Далее вся магия в js:
По нажатии на кнопку "в корзину" отправляется массив данных. На сервере происходит множественное добавление вариаций. Код взят из самого woo и просто вложен в цикл.

Множественное добавление в корзину

/**
	 * Множественное добавление в корзину
	 * Вызывается по Ajax
	 *
	 * @hook-handle qop_add_to_cart
	 */
	public function ajax_add_to_cart() {

		$product_items = isset( $_POST['products'] ) && is_array( $_POST['products'] ) ? $_POST['products'] : false;

		$errors               = array();
		$added_products_count = 0;

		foreach ( $product_items as $item ) {
			$product_id   = $item['product_id'];
			$quantity     = $item['quantity'];
			$variation_id = $item['variation_id'];
			$title        = $item['product_title'];
			$sku          = $item['sku']; // для простого товара здесь тоже его sku


			$passed_validation = apply_filters( 'woocommerce_add_to_cart_validation', true, $product_id, $quantity );
			$product_status    = get_post_status( $product_id );

			if ( $passed_validation && WC()->cart->add_to_cart( $product_id, $quantity, $variation_id ) && 'publish' === $product_status ) {

				do_action( 'woocommerce_ajax_added_to_cart', $product_id );
				$added_products_count ++;

			} else {
				$notices = WC()->session->get( 'wc_notices', array() );
				if ( isset( $notices['error'] ) ) {
					$error   = array_pop( $notices['error'] );
					$err_msg = preg_replace( '/<a.*?href.*?=(.*)>(.*?)<\/a>/', '', $error );

					$errors[] = array(
						'variationId' => $variation_id,
						'title'       => $title,
						'sku'         => $sku,
						'msg'         => $err_msg,
					);
				}
				wc_clear_notices();
			}
		}

		$response = array(
			'added'  => $added_products_count,
			'errors' => $errors,
			'popup'  => $this->template_errors_formating( $errors ),
			'cart'   => $this->get_refreshed_fragments(),
		);

		wp_send_json( $response );
	}

Тут Важен момент обновления миникорзины (ее фрагментов), потому, что актуальная информация сохраняется в LocalStorage браузера и обновляется на всех открытых окнах браузера вашего домена. Поэтому в ответе сервера нужно передавать сформированные фрагменты корзины, а в обработчике ajax (на фронте) подключить нужные фрагменты миникорзине, для чего используется вызов триггера added_to_cart (обработчик триггера находится в plugins/woocommerce/assets/js/frontend/cart-fragments.js и wp-content/plugins/woocommerce/assets/js/frontend/added_to_cart.js).