Woocommerce — Как я могу изменить, где что-то отображается на странице оформления заказа?
Я хочу переместиться туда, где вы вводите купон в верхней части страницы, чтобы опустить ее на странице (под сводкой заказа) на странице оформления заказа для woocommerce. куда & как я могу это сделать?
Заранее спасибо!
Вот код из form-coupon.php в папке оформления заказа, если это полезно:
if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly
}
if ( ! wc_coupons_enabled() ) {
return;
}
if ( ! WC()->cart->applied_coupons ) {
$info_message = apply_filters( 'woocommerce_checkout_coupon_message', __( 'Have a coupon?', 'woocommerce' ) . ' <a href="#" class="showcoupon">' . __( 'Click here to enter your code', 'woocommerce' ) . '</a>' );
wc_print_notice( $info_message, 'notice' );
}
?>
<form class="checkout_coupon" method="post" style="display:none">
<p class="form-row form-row-first">
<input type="text" name="coupon_code" class="input-text" placeholder="<?php esc_attr_e( 'Coupon code', 'woocommerce' ); ?>" id="coupon_code" value="" />
</p>
<p class="form-row form-row-last">
<input type="submit" class="button" name="apply_coupon" value="<?php esc_attr_e( 'Apply Coupon', 'woocommerce' ); ?>" />
</p>
<div class="clear"></div>
</form>
Я добавил код, как предложено ниже, который работал, но он сдвинул последнюю строку на странице вниз, поэтому он выглядит не совсем правильно. Вот его изображение (Условия и кнопка «Оформить заказ»).
Решение
ОБНОВЛЕНО
НЕВОЗМОЖНО ПЕРЕМЕСТИТЬ ФОРМУ КУПОНА В ФОРМЕ ПРОВЕРКИ
Наконец, это это невозможно вставить поле купона с его кнопкой «Применить» сразу после вашего итог заказа название, потому что это отдельная форма с собственной кнопкой отправки, которую вы вставляете в другую форму с помощью другой кнопки отправки (Разместить заказ).
ЧТО ВЫ МОЖЕТЕ СДЕЛАТЬ КАК ЧАСТЬ ВАШЕГО ВОПРОСА:
Держать видимым только поле купона и кнопка «Применить» / Удалить купон со ссылкой:
Для этого (если еще не сделано) вам нужно будет скопировать плагин woocommerce templates папку внутри вашей активной дочерней темы или папку с темой и переименуйте ее woocommerce (Переопределение шаблонов через тему). Не бойтесь, это просто … Теперь вы можете настроить любой шаблон.
С этим woocommerce папка (находится в вашей активной теме) перейдите в подпапку checkout и открыть / редактировать form-coupon.php файл.
1) Удалить или комментировать (/ *… * /):
if ( ! WC()->cart->applied_coupons ) {
$info_message = apply_filters( 'woocommerce_checkout_coupon_message', __( 'Have a coupon?', 'woocommerce' ) . ' <a href="#" class="showcoupon">' . __( 'Click here to enter your code', 'woocommerce' ) . '</a>' );
wc_print_notice( $info_message, 'notice' );
}
2) Удалить style="display:none" от <form class="checkout_coupon" method="post" style="display:none">,
Так что вы останетесь только с: <form class="checkout_coupon" method="post">
ВЕРТИКАЛЬНОЕ ВЕРТИКАЛЬНОЕ ПРОСТРАНСТВО
Добавим вертикальное пространство вокруг «Если вы хотите изменить свою подписку, вернитесь к планам»:
В файле style.css вашей активной дочерней темы или темы добавьте:
.woocommerce-checkout .return-to-cart {
padding: 12px 0 24px !important;
}
(КОНЕЦ ОБНОВЛЕНИЯ)
Это на шаблон выписка / форма-checkout.php (в начале), у вас есть крюк woocommerce_before_checkout_form которые отображают поле купона и кнопку:
код для перемещения (в строке 20) вырезать этот код из шаблона form-checkout.php:
do_action( 'woocommerce_before_checkout_form', $checkout );
Место приклеивания (на линии 56) сразу после; внутри тегов de php:
<?php do_action( 'woocommerce_checkout_before_order_review' ); ?>
Вот так (до закрытия ?> теги php):
<?php do_action( 'woocommerce_checkout_before_order_review' );
echo '<div class="coupon-block">';
do_action( 'woocommerce_before_checkout_form', $checkout );
echo '</div>';
?>
Информация: Здесь нет order summary в этом шаблоне
Другие решения
Других решений пока нет …