Самовивіз: як приховати зайві поля в чекауті?

По замовчуванню сторінка оформлення замовлення WooCommerce пропонує покупцю заповнювати дуже багато зайвих полів, які зовсім не потрібні при самовивозі. Давайте розглянемо найпростіші способи, як приховати зайві поля для стандартного способу доставки "Самовивіз"

До слова, готовий магазин від morkva уже має "правильний" спосіб доставки "Самовивіз".

Спосіб 1: використати сторонній плагін

Існує категорія плагінів, чекаут-менеджерів, які керують полями на стоорінці оформлення замовлення. Єдина проблема з ними це те, що вони втручаються в роботу сторінки чекаут глобально, тобто незалежно від способу доставки. Тому дуже часто вони конфліктують з іншими плагінами, наприклад UA Shipping Pro (чи безкоштовною версією), який для своїх способів доставки (у відділення, поштомат чи на адресу) приховує і показує відповідні поля.

Перевірений плагін - Checkout Field Editor від ThemeHigh. Деактивуйте зайві поля, але залиште поле billing_country, оскільки на нього орієнтується зона доставки "Україна" в WooCommerce, і не завантажаться потрібні дані для роботи всіх наступних методів та плагінів.

Переваги: Простота використання. Легко оновлювати.

Недоліки: Більше зайвого коду на сайті.

Спосіб 2: додайте код у functions.php вашої теми

Якщо у вас billing-поля (те, що в адмінці перекладено як "платіжна адреса")

add_filter( 'woocommerce_checkout_fields', function( $fields ) {

	$remove = [
		'billing_address_1',
		'billing_address_2',
		'billing_city',
		'billing_state',
		'billing_postcode',
	];

	foreach ( $remove as $key ) {
		if ( isset( $fields['billing'][ $key ] ) ) {
			unset( $fields['billing'][ $key ] );
		}
	}

	return $fields;
}, 9999 );

Якщо у вас shipping-поля (те, що в адмінці перекладено як "адреса доставки")

add_filter( 'woocommerce_checkout_fields', function( $fields ) {

	$remove_shipping = [
		'shipping_address_1',
		'shipping_address_2',
		'shipping_city',
		'shipping_state',
		'shipping_postcode',
	];

	foreach ( $remove_shipping as $key ) {
		if ( isset( $fields['shipping'][ $key ] ) ) {
			unset( $fields['shipping'][ $key ] );
		}
	}

	return $fields;
}, 9999 );

Переваги: Найбільш ефективний, виконує тільки свою специфічну функцію.

Недоліки: Потребує навиків роботи з FTP. Потрібно памʼятати про цей код, перевіряти на сумісність з мажорними оновленнями WooComerce.

Спосіб 3: бонусний

Покращений чекаут уже доступний у нашому базовому шаблоні на базі теми Flatsome, переглянути демо і зробити тестове замовлення можна тут.

• Чистий дизайн
• Логічні блоки: персональна інформація, доставка, оплата
• Оптимальний під мобайл
• Самовивіз уже врахований

Замовити готовий магазин зі зручним checkout можна тут.