В теме одно сообщение

[Oraculbox]

Здравствуйте!
Помогите пожалуйста изменить вид отображение способов оплаты.
Нужно чтобы способы отображались по центру и были в виде выпадающего меню (на примере выбора Страны доставки)
Пробовал изменить самостоятельно, не получилось!

Прикрепленные изображения

• 

[Vaccina]

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - Быстрый заказ - найдите:

<!-- Способ оплаты -->
	 {% FOR order_delivery %}
	 {% IFNOT order_delivery.available_payment_list_empty %}
		 <div class="payment" rel="{order_delivery.ID}" style="display: none;">
		 <div class="title-box text-center">
			 <h2 class="title" title="Выберите удобный для вас способ оплаты заказа"><span>Cпособ оплаты</span></h2>
		 </div>
		 <div class="orderStagePayment">
			 {% FOR available_payment_list %}
			 <div class="orderStagePaymentList">
				 <div class="cell1"><input type="radio" id="quickPaymentId{order_delivery.ID}_{order_delivery.available_payment_list.ID}" name="form[payment][id]" value="{order_delivery.available_payment_list.ID}" class="required" {% IFNOT ORDER_FORM_PAYMENT_ID %}{% IF order_delivery.available_payment_list.first %}checked="checked"{% ENDIF %}{% ELSEIF order_delivery.available_payment_list.ID = ORDER_FORM_PAYMENT_ID %}checked="checked"{% ENDIF %}/></div>
				 <div class="cell2">
				 <label for="quickPaymentId{order_delivery.ID}_{order_delivery.available_payment_list.ID}">{order_delivery.available_payment_list.NAME}</label><br/>
				
				 <!-- Сообщение для пользователя -->
				 <span>{order_delivery.available_payment_list.MESSAGE}</span>
				 </div>
			 </div>
			 {% ENDFOR %}
		 </div>
		 </div>
	 {% ENDIF %}
	 {% ENDFOR %}

замените на:

<!-- Способ оплаты -->
	 <div class="payment">
		 {% FOR order_delivery %}
		 {% IFNOT order_delivery.available_payment_list_empty %}
			 <div class="quick_order_payment" rel="{order_delivery.ID}">
			 <h3 class="title" title="Выберите удобный для вас способ оплаты заказа"><span>Cпособ оплаты</span></h3>
			 <div class="orderStagePaymentList">
				 <select class="paymentSelect inputText">
				 {% FOR available_payment_list %}
					 <option type="radio" id="quickPaymentId{order_delivery.ID}_{order_delivery.available_payment_list.ID}" name="form[payment][id]" value="{order_delivery.available_payment_list.ID}" class="required" {% IFNOT ORDER_FORM_PAYMENT_ID %}{% IF order_delivery.available_payment_list.first %}checked="checked"{% ENDIF %}{% ELSEIF order_delivery.available_payment_list.ID = ORDER_FORM_PAYMENT_ID %}checked="checked"{% ENDIF %}></div>
					 {order_delivery.available_payment_list.NAME}
					 </option>
				 {% ENDFOR %}
				 </select>
				 <div class="currentPaymentDesc">
				 <div class="currentPaymentDescription"></div>
				 </div>
			 </div>
			 </div>
		 {% ENDIF %}
		 {% ENDFOR %}
		 <!-- Старый скрытый способ оплаты -->
		 <div class="hiddenRadio" style="display: none;">
		 {% FOR order_delivery %}
			 {% IFNOT order_delivery.available_payment_list_empty %}
			 <div class="quick_order_payment hiddenpayment" rel="{order_delivery.ID}" style="display: none;">
				 <h3 class="title" title="Выберите удобный для вас способ оплаты заказа"><span>Cпособ оплаты</span></h3>
				 <div class="orderStagePaymentList">
				 {% FOR available_payment_list %}
				 <div class="orderStagePayment">
					 <div class="cell1">
					 <input type="radio" id="quickPaymentId{order_delivery.ID}_{order_delivery.available_payment_list.ID}" name="form[payment][id]" value="{order_delivery.available_payment_list.ID}" class="paymentRadio required" {% IFNOT ORDER_FORM_PAYMENT_ID %}{% IF order_delivery.available_payment_list.first %}checked="checked"{% ENDIF %} {% ELSEIF order_delivery.available_payment_list.ID = ORDER_FORM_PAYMENT_ID %}checked="checked"{% ENDIF %}/>
					 <div style="display:none;">{order_delivery.available_payment_list.MESSAGE}</div>
					 </div>
					 <div class="cell2">
					 <label for="quickPaymentId{order_delivery.ID}_{order_delivery.available_payment_list.ID}">{order_delivery.available_payment_list.NAME}</label><br/>
					 <!-- Сообщение для пользователя -->
					 <span>{order_delivery.available_payment_list.MESSAGE}</span>
					 </div>
				 </div>
				 {% ENDFOR %}
				 </div>
			 </div>
			 {% ENDIF %}
		 {% ENDFOR %}
		 </div>

далее зайдите в main.js - найдите:

$('.payment').hide();
$('.payment[rel="' + ID + '"]').show();
$('.payment[rel="' + ID + '"]').find('input:first').prop('checked', true);

$('.deliveryRadio').click(function(){
var ID = $('input[name="form[delivery][id]"]:checked').val();
$('.payment').hide();
$('.payment[rel="' + ID + '"]').show();
$('.payment[rel="' + ID + '"]').find('input:first').prop('checked', true);
});

замените на:

$('.quick_order_payment').hide();
$('.quick_order_payment[rel="' + ID + '"]').show();
$('.quick_order_payment[rel="' + ID + '"]').find('input:first').prop('checked', true);

$('.deliveryRadio').click(function(){
var ID = $('input[name="form[delivery][id]"]:checked').val();
$('.quick_order_payment').hide();
$('.quick_order_payment[rel="' + ID + '"]').show();
$('.quick_order_payment[rel="' + ID + '"]').find('input:first').prop('checked', true);
});

В разделе Настройки добавьте способы оплаты ко всем способам доставки.