2016-05-10 5 views
1

Я хочу переместить туда, где вы введете купон в верхней части страницы, чтобы опустить на странице (ниже сводки заказов) на странице проверки для woocommerce. Где & как я могу это сделать?Woocommerce - Как я могу изменить, где что-то отображается на странице проверки?

Заранее благодарен!

Вот код из форм-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> 

Я добавил код, как предлагается ниже, который работал, но он перенес последнюю строку на странице вниз, так что это не совсем правильно. Вот фотография этого (Правила и условия и кнопки Place Order.

Terms and conditions are shifted down

+0

[Переопределение шаблонов через тему] (https://docs.woothemes.com/document/template-structure/). Вы решили решить эту проблему? – LoicTheAztec

+0

@LoicTheAztec Нет, я не смог. Я знаком с переопределением шаблонов, но я не уверен, какой шаблон контролирует место расположения купона. В моей папке child-woocommerce-checkout есть form-coupon.php. Я добавил код из этого файла выше, если он будет полезен. В идеале, я хотел бы установить его так, чтобы код купона всегда входил в область, всегда показывал и располагал его прямо под сводкой заказов. – Mary

+0

Наконец, на самом деле невозможно технически переместить купон, как вы этого хотели ... см. Мои объяснения. ** Но вы можете легко изменить ** некоторые вещи, которые вы не хотите ... Смотрите мое обновление las. И у меня есть немного улучшения для вас. – LoicTheAztec

ответ

1

ОБНОВЛЕНО

НЕ ВОЗМОЖНО MOVE ФОРМА Скидочные ВНУТРИ ФОРМЫ ОФОРМИТЬ

Наконец , это невозможно, чтобы вставить купонное поле с помощью кнопки «применить» сразу после вашего Задание заказа название, так как это отдельная форма с помощью собственной кнопки отправки, которую вы вставляете в другую форму с помощью другой кнопки отправки (Place Order).


ЧТО ВЫ МОЖЕТЕ СДЕЛАТЬ КАК ЧАСТЬ СВОЕГО ВОПРОСА:

Держите видимую только поле купона и кнопку "Применить"/Удалить Coupon сообщение со ссылкой:

За что (если это еще не сделано) вам придется скопировать плагин woocommerce templates в вашу активную дочернюю тему или папку темы и переименовать его woocommerce(Overriding Templates via a Theme). Не бойтесь, это легко ... Теперь вы можете настроить любой шаблон.

С помощью этой папки 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">


FINE Tunning ВЕРТИКАЛЬ ПЛОЩАДЬ:

Добавление некоторого вертикального пространства вокруг «Если вы хотите изменить свою подписку, вернуться к планам ":.

В style.css файл вашей активной темы ребенка или тему, добавьте:

.woocommerce-checkout .return-to-cart { 
    padding: 12px 0 24px !important; 
} 

(END OF UPDATE)


Это на шаблон Checkout/фасонного checkout.php (в начале), у вас есть крючок woocommerce_before_checkout_form который отображает поле купона и кнопки :

код для перемещения (по линии 20) вырезать этот код на шаблоне форм-checkout.php:

do_action('woocommerce_before_checkout_form', $checkout); 

Вклеивание (по строке 56) сразу после; внутри де 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

+0

Вау, да, что сработало !! I Из того, что я могу сказать, wc_print_notices(); не имело никакого значения, поэтому я его оставил. Вы знаете, как я могу избавиться от серой коробки и текста, где говорится: «Есть купон? Нажмите здесь, чтобы ввести код»? Если возможно, я просто хотел бы иметь поле, в котором вы вводите код купона и кнопку «Применить купон». Спасибо!!! – Mary

+0

Хмм, что дополнительный код, похоже, не сработал. Должен ли я попробовать что-то еще? – Mary

+0

Я на самом деле просто заметил, что код из ранее (чтобы переместить купон на странице) заставил последнюю строку на странице также сдвинуться вниз. Вы знаете, как я могу это исправить? Я попытаюсь добавить скриншот вопроса к вопросу – Mary