Существует ли код CSS / PHP для улучшения страницы оформления заказа (Woocommerce)? - PullRequest
0 голосов
/ 13 апреля 2020

Может ли благотворительная душа помочь мне улучшить мою страницу оформления заказа (woocommerce) с помощью CSS?

Я добавил комиссию за оформление заказа на основе пользовательской кнопки-переключателя (scr: businessbloomer), как вы можете видеть ниже , но дизайн не велик.

функция. php файл:

// Part 1 
// Display Radio Buttons

add_action( 'woocommerce_review_order_before_payment', 'bbloomer_checkout_radio_choice' );

function bbloomer_checkout_radio_choice() {

   $chosen = WC()->session->get( 'radio_chosen' );
   $chosen = empty( $chosen ) ? WC()->checkout->get_value( 'radio_choice' ) : $chosen;
   $chosen = empty( $chosen ) ? '0' : $chosen;

   $args = array(
   'type' => 'radio',
   'class' => array( 'form-row-wide', 'update_totals_on_change' ),
   'options' => array(
      '0' => 'No Option',
      '10' => 'Option 1 ($10)',
      '30' => 'Option 2 ($30)',
   ),
   'default' => $chosen
   );

   echo '<div id="checkout-radio">';
   echo '<h3>Customize Your Order!</h3>';
   woocommerce_form_field( 'radio_choice', $args, $chosen );
   echo '</div>';

}

// Part 2 
// Add Fee and Calculate Total

add_action( 'woocommerce_cart_calculate_fees', 'bbloomer_checkout_radio_choice_fee', 20, 1 );

function bbloomer_checkout_radio_choice_fee( $cart ) {

   if ( is_admin() && ! defined( 'DOING_AJAX' ) ) return;

   $radio = WC()->session->get( 'radio_chosen' );

   if ( $radio ) {
      $cart->add_fee( 'Option Fee', $radio );
   }

}

// Part 3 
// Add Radio Choice to Session

add_action( 'woocommerce_checkout_update_order_review', 'bbloomer_checkout_radio_choice_set_session' );

function bbloomer_checkout_radio_choice_set_session( $posted_data ) {
    parse_str( $posted_data, $output );
    if ( isset( $output['radio_choice'] ) ){
        WC()->session->set( 'radio_chosen', $output['radio_choice'] );
    }
}

Результат:

Страница оформления заказа без CSS

Я хотел бы, если возможно, получить более профессиональный дизайн, но, к сожалению, я не знаю много о CSS.

Можете ли вы помочь мне получить следующий рендеринг:

Страница оформления заказа с CSS

Спасибо тем, кто мне поможет.

Стэн Х.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...