Визуальное руководство по хукам страницы «Оформление заказа»

В этом уроке я бы хотел познакомить вас со всеми хуками, присутствующими на странице оформления заказа в WooCommerce.

Также хочу напомнить, что в моём видеокурсе по WooCommerce есть отдельный урок посвящённый кастомизации страници оформления заказа. Вот ссылка на него.

При помощи хука вы можете вывести что-либо в том месте, в котором он задействован, например:

add_action( 'woocommerce_checkout_before_order_review', 'true_add_info', 25 );
 
function true_add_info() {
	echo '<p>Точная цена заказа будет известна после подтверждающего звонка.</p>';
}

Если в описании хука я говорю про табличную разметку, это значит, что он срабатывает где-то внутри таблицы, как правило между строками таблицы <tr>. В таком случае не забываем про соответствующие теги, например:

add_action( 'woocommerce_review_order_after_order_total', 'true_add_info2', 25 );
 
function true_add_info2() {
	echo '<tr><td colspan="2">Что-то внутри таблицы</td></tr>';
}

Ниже вы найдёте скриншот страницы оформления заказа со всеми хуками, обозначенными на ней:

Хуки страницы оформление заказа в WooCommerce

И для вашего удобства решил также создать небольшую табличку с описанием каждого хука.

ХукКак и где срабатывает
woocommerce_before_checkout_form_cart_noticesВ самом начале, перед формой оформлением заказа.
woocommerce_before_checkout_formВ самом начале, перед тегом <form>. WooCommerce сам вешает на него функции для вывода формы купона, формы авторизации и уведомлений.
woocommerce_checkout_before_customer_detailsВнутри формы, перед блоком с полями формы. Если кстати никаких полей не зарегистрировано, то хук не будет срабатывать.
woocommerce_checkout_billingВыводит платёжный адрес пользователя.
woocommerce_before_checkout_billing_formНепосредственно перед полями платёжного адреса.
woocommerce_after_checkout_billing_formСразу после полей платёжного адреса.
woocommerce_checkout_shippingВыводит поля адреса доставки.
woocommerce_before_checkout_shipping_formНепосредственно перед полями адреса доставки.
woocommerce_after_checkout_shipping_formСразу же после полей адреса доставки.
woocommerce_before_order_notesПеред полем примечания к заказу.
woocommerce_after_order_notesПосле поля примечания к заказу.
woocommerce_checkout_after_customer_detailsВнутри формы, после блока с полями формы. Если никаких полей не зарегистрировано, то хук не будет срабатывать.
woocommerce_checkout_before_order_review_headingПеред заголовком «Ваш заказ».
woocommerce_checkout_before_order_reviewПосле заголовка «Ваш заказ».
woocommerce_checkout_order_reviewНа этот хук WooCommerce добавляет таблицу с обзором заказа и ценами.
woocommerce_review_order_before_cart_contentsВнутри таблицы (соблюдаем разметку <tr>), перед товарами в заказе.
woocommerce_review_order_after_cart_contentsВнутри таблицы (соблюдаем разметку <tr>), после товаров в заказе.
woocommerce_review_order_before_shippingВнутри таблицы (соблюдаем разметку <tr>), перед доставкой.
woocommerce_after_shipping_rateНепосредственно после названия и стоимости доставки.
woocommerce_review_order_after_shippingВнутри таблицы (соблюдаем разметку <tr>), после доставки.
woocommerce_review_order_before_order_totalВнутри таблицы (соблюдаем разметку <tr>), перед итоговой ценой.
woocommerce_review_order_after_order_totalВнутри таблицы (соблюдаем разметку <tr>), после итоговой цены.
woocommerce_review_order_before_paymentПеред блоком с методами оплаты.
woocommerce_checkout_before_terms_and_conditionsПеред выводом условий, конфиденциальности и т.д.
woocommerce_checkout_terms_and_conditionsНа этот хук WooCommerce выводит согласие с правилами сайта и политикой конфиденциальности.
woocommerce_checkout_after_terms_and_conditionsПосле вывода условий, конфиденциальности и т.д.
woocommerce_review_order_before_submitПеред кнопкой «Подтвердить заказ»
woocommerce_review_order_after_submitПосле кнопки «Подтвердить заказ»
woocommerce_review_order_after_paymentПосле блока с выбором методов оплаты и подтверждения заказа.
woocommerce_checkout_after_order_reviewПеред закрывающим тегом </form>.
woocommerce_after_checkout_formВ самом конце страницы оформления заказа.

И конечно, помните, что можете прокачать свои знания на практике в моём видеокурсе по WooCommerce 

Миша

Впервые познакомился с WordPress в 2009 году. Организатор и спикер на конференциях WordCamp. Преподаватель в школе Нетология.

Пишите, если нужна помощь с сайтом или разработка с нуля.

Чтобы оставить комментарий, пожалуйста, зарегистрируйтесь или войдите.