xandeadx.ru Блог музицирующего веб-девелопера

Drupal → Переместить описание выбранного метода оплаты под соответствующий input

Опубликовано в

В Drupal Commerce, по дефолту, описание метода оплаты выводится в самом низу филдсета, независимо от выбранного значения:

Выбор способа оплаты в форме оформления заказа

Код ниже, перемещает div с описанием под выбранный метод.

modulename.module:

/**
 * Implements hook_form_FORM_ID_alter().
 */
function modulename_form_commerce_checkout_form_checkout_alter(&$form) {
  drupal_add_js(drupal_get_path('module', 'modulename') . '/modulename.js');
}

modulename.js:

(function ($) {
  Drupal.behaviors.modulename = {
    attach: function (context, settings) {
      var $paymentDetails = $('#payment-details', context);
      if ($paymentDetails.length) {
        var $inputWrapper = $paymentDetails.closest('.fieldset-wrapper').find('input:checked').parent();
        $paymentDetails.appendTo($inputWrapper);
      }
    }
  };
})(jQuery);

Результат:


Написанное актуально для Drupal Commerce 1.x
Похожие записи

Комментарии RSS

Пробовал. Не работает. Commerce 1.11 jQuery 1.10

Спасибо, работает отлично

Вот еще одно красивое решение:
http://www.drupaler.by/lessons/kak-vyvesti-sposoby-oplaty-v-vide-tablicy...

Оставить комментарий

Содержимое этого поля является приватным и не будет отображаться публично. Если у вас есть аккаунт в Gravatar, привязанный к этому e-mail адресу, то он будет использован для отображения аватара.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Доступные HTML теги: <a> <i> <b> <strong> <code> <ul> <ol> <li> <blockquote> <em> <s>
  • Строки и параграфы переносятся автоматически.
  • Подсветка кода осуществляется с помощью тегов: <code>, <css>, <html>, <ini>, <javascript>, <sql>, <php>. Поддерживаемые стили выделения кода: <foo>, [foo].

Подробнее о форматировании