Поддержка WooCommerce Woocommerce checkout как сделать order details и payment в 1 колонку?

  • Нужно, чтобы в одной колонке были детали клиента, а в другой — заказ клиента и под ним согласие с политикой конфиденциальности.
    Сейчас в инспекторе кода order details обернуто в div и ему присваивается class col-md-6 (wide 50%) и payment присваивается class col-md-6 (wide 50%). Где поменять именно для этих элементов стиль, чтобы другие col-md-6 не пострадали? и вообще откуда взялись эти col-md-6, почему не col-md-12 например? плиз хелп!

    /**
     * Checkout Form
     *
     * This template can be overridden by copying it to yourtheme/woocommerce/checkout/form-checkout.php.
     *
     * HOWEVER, on occasion WooCommerce will need to update template files and you
     * (the theme developer) will need to copy the new files to your theme to
     * maintain compatibility. We try to do this as little as possible, but it does
     * happen. When this occurs the version of the template file will be bumped and
     * the readme will list any important changes.
     *
     * @see 	    https://docs.woocommerce.com/document/template-structure/
     * @author 		WooThemes
     * @package 	WooCommerce/Templates
     * @version     3.5.0
     */
    
    if ( ! defined( 'ABSPATH' ) ) {
        exit;
    }
    
    wc_print_notices();
    
    do_action( 'woocommerce_before_checkout_form', $checkout );
    
    // If checkout registration is disabled and not logged in, the user cannot checkout
    if ( ! $checkout->is_registration_enabled() && $checkout->is_registration_required() && ! is_user_logged_in() ) {
        echo apply_filters( 'woocommerce_checkout_must_be_logged_in_message', __( 'You must be logged in to checkout.', 'woocommerce' ) );
        return;
    }
    
    ?>
    
    <form name="checkout" method="post" class="checkout woocommerce-checkout" action="<?php echo esc_url( wc_get_checkout_url() ); ?>" enctype="multipart/form-data">
        <div class="col2-set">
            <?php if ( $checkout->get_checkout_fields() ) : ?>
                <div class="col-1" id="customer_details">
                    <?php do_action( 'woocommerce_checkout_before_customer_details' ); ?>
    
                    <?php do_action( 'woocommerce_checkout_billing' ); ?>
    
                    <?php do_action( 'woocommerce_checkout_shipping' ); ?>
    
                    <?php do_action( 'woocommerce_checkout_after_customer_details' ); ?>
                </div>
            <?php endif; ?>
            <div class="col-2">
                <h3 id="order_review_heading"><?php _e( 'Your order', 'woocommerce' ); ?></h3>
    
                <?php do_action( 'woocommerce_checkout_before_order_review' ); ?>
    
                <div id="order_review" class="woocommerce-checkout-review-order">
                    <?php do_action( 'woocommerce_checkout_order_review' ); ?>
                </div>
    
                <?php do_action( 'woocommerce_checkout_after_order_review' ); ?>
            </div>
        </div>
    </form>
    
    <?php do_action( 'woocommerce_after_checkout_form', $checkout ); ?>
    • Тема изменена 5 лет, 1 месяц назад пользователем Denis Yanchevskiy. Причина: Оформление кода

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 6 ответов — с 1 по 6 (всего 6)
  • плиз хелп!

    1. это не относиться к ВП от слова «совсем». Это css
    2. пункты 7 и 14
    3. body.woocommerce-checkout

    и как это сделать с помощью чистого css? можно подробнее?

    можно подробнее?

    здесь форум по ВП, а не курсы по css

    я не просила курс, задала конкретный вопрос. С помощью css у меня не получилось это решить. Лучше бы помогли, чем училку включать) или сами не знаете как?

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, denisco.pro

    С помощью css у меня не получилось это решить.

    Как решали?

    можно подробнее?

    Думаю, можно попробовать добавить что-то типа

    body.woocommerce-checkout .col-md-6 {
        width: 100%;
    }

    в Внешний вид -> Настроить -> Дополнительные стили.

    Нужно, чтобы в одной колонке были детали клиента, а в другой — заказ клиента

    Насколько я вижу, в WooCommerce по умолчанию так и есть. Также, попробуйте обратиться в поддержку Вашей темы. Скорее всего авторы темы смогут подсказать точнее по вопросам её кастомизации.

    или сами не знаете как?

    плохая попытка — я на слабо не ведусь уже очень давно….

    Лучше бы помогли,

    подсказку на вопрос Где поменять именно для этих элементов стиль, чтобы другие col-md-6 не пострадали?
    я вам дал еще в своем первом посте

Просмотр 6 ответов — с 1 по 6 (всего 6)
  • Тема «Woocommerce checkout как сделать order details и payment в 1 колонку?» закрыта для новых ответов.