Я хотел бы изменить макет моей страницы проверки WooCommerce, но я не могу понять, как это сделать, поскольку она состоит из нескольких страниц PHP.
То, что я пытаюсь достичь, заключается в перемещении итоговой части и информации о доставке вверху и ввода полей ввода для последующего адреса доставки.
Должен ли я делать эти изменения с помощью CSS или я могу просто изменить порядок крючков в шаблоне?
Благодаря!
В папке «woocommerce / templates / checkout» находится файл с именем «form-checkout.php». Скопируйте содержимое этого файла в «yourtheme / woocommerce / checkout / form-checkout.php». В строке ~ 54 есть следующий код:
<?php do_action( 'woocommerce_checkout_order_review' ); ?> Переместите это чуть ниже
<form name="checkout" method="post" class="checkout" action="<?php echo esc_url( $get_checkout_url ); ?>">
и добавить:
<?php $order_button_text = apply_filters( 'woocommerce_order_button_text', __( 'Place order', 'woocommerce' ) ); echo apply_filters( 'woocommerce_order_button_html', '<input type="submit" class="button alt" name="woocommerce_checkout_place_order" id="place_order" value="' . esc_attr( $order_button_text ) . '" data-value="' . esc_attr( $order_button_text ) . '" />' ); ?>
чуть ниже
<?php endif; ?>
и сохраните файл. Это приведет к тому, что сумма и доставка превысят поля ввода, но у вас все равно будет кнопка «Разместить заказ» в верхней части страницы. Скопируйте содержимое «review-order.php» в «yourtheme / woocommerce / checkout / review-order.php» и удалите следующее (из строки ~ 169):
<?php $order_button_text = apply_filters( 'woocommerce_order_button_text', __( 'Place order', 'woocommerce' ) ); echo apply_filters( 'woocommerce_order_button_html', '<input type="submit" class="button alt" name="woocommerce_checkout_place_order" id="place_order" value="' . esc_attr( $order_button_text ) . '" data-value="' . esc_attr( $order_button_text ) . '" />' ); ?>
Удаление вышеуказанного приведет к удалению кнопки «Разместить заказ» в верхней части страницы.
Вы можете отредактировать файл «form-check.php» в «woocommerce / templates / checkout / form-checkout.php», но это не рекомендуется, так как при обновлении woocommerce вы потеряете эти изменения. Копирование файла в «yourtheme / woocommerce / checkout / form-checkout.php» переопределит файл, и вы не потеряете эти изменения при обновлении woocommerce.