0
Способ Оплаты
Автор Mizou, 08 февр. 2016 22:34
Сообщений в теме: 10
#1
Mizou
-
- Пользователи
-
- 65 сообщений
Продвинутый пользователь
Отправлено 08 Февраль 2016 - 22:34
Как добавить рамку способам оплаты, как у способа доставки?
#2
Vaccina
-
- Модераторы
-
- 24 353 сообщений
Активный участник
Отправлено 09 Февраль 2016 - 03:02
В main.css найдите:
замените на:
.payment .orderStagePaymentList {width:100%;float:left;margin:0 0 10px 0;}
.payment .orderStagePaymentList:last-child {margin: 0;}
.payment .orderStagePaymentList .cell1 {float: left;width: 18px;}
.payment .orderStagePaymentList .cell1 input {margin: 0;vertical-align: middle;}
.payment .orderStagePaymentList .cell2 {float: left;width: 90%;}
замените на:
.payment .orderStagePaymentList {width:100%;float:left;margin:0 0 10px 0;}
.payment .orderStagePaymentList:last-child {margin: 0;}
.payment .orderStagePaymentList .cell1 {
float: left;
background: #e1e1e1;
padding: 0 5px;
width: 11%;
height: 100%;
border: 1px solid #000;
height: 70px;
}
.payment .orderStagePaymentList .cell1 input {margin: 0;vertical-align: middle;}
.payment .orderStagePaymentList .cell2 {
float: left;
width: 88%;
border: 1px solid #000;
margin: 0 0.5%;
height: 70px;
}
#3
Mizou
-
- Пользователи
-
- 65 сообщений
Продвинутый пользователь
Отправлено 09 Февраль 2016 - 04:28
Vaccina (09 Февраль 2016 - 03:02) писал:
В main.css найдите:
замените на:
.payment .orderStagePaymentList {width:100%;float:left;margin:0 0 10px 0;}
.payment .orderStagePaymentList:last-child {margin: 0;}
.payment .orderStagePaymentList .cell1 {float: left;width: 18px;}
.payment .orderStagePaymentList .cell1 input {margin: 0;vertical-align: middle;}
.payment .orderStagePaymentList .cell2 {float: left;width: 90%;}
замените на:
.payment .orderStagePaymentList {width:100%;float:left;margin:0 0 10px 0;}
.payment .orderStagePaymentList:last-child {margin: 0;}
.payment .orderStagePaymentList .cell1 {
float: left;
background: #e1e1e1;
padding: 0 5px;
width: 11%;
height: 100%;
border: 1px solid #000;
height: 70px;
}
.payment .orderStagePaymentList .cell1 input {margin: 0;vertical-align: middle;}
.payment .orderStagePaymentList .cell2 {
float: left;
width: 88%;
border: 1px solid #000;
margin: 0 0.5%;
height: 70px;
}
Чтобы блоки в оплате создавались как к доставке возможно сделать (только без третьего блока,имея ширину как у второго)?
А то стиля в оплате, как в доставке, нет и через отступы пытаться добиться какой-то симметрии невозможно.
#4
Vaccina
-
- Модераторы
-
- 24 353 сообщений
Активный участник
Отправлено 09 Февраль 2016 - 06:50
В шаблоне Быстрый заказ найдите:
замените на:
В этом случае у вас должна получиться приближенная структура данных блоков, так как у раздела доставки она табличная, проверьте на работу способов оплаты, чтобы лишнего ничего не появилось
<!-- Способ оплаты -->
{% 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 %}
замените на:
<!-- Способ оплаты -->
<table class="orderStageDeliveryListTable table-box">
<div class="title-box text-center">
<h2 class="title" title="Выберите удобный для вас способ оплаты заказа"><span>Cпособ оплаты</span></h2>
</div>
{% FOR order_delivery %}
{% IFNOT order_delivery.available_payment_list_empty %}
<tr class="payment" rel="{order_delivery.ID}" style="display: none;">
<div class="orderStagePayment">
{% FOR available_payment_list %}
<div class="orderStagePaymentList">
<td 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 %}/></td>
<td 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>
</td>
</div>
{% ENDFOR %}
</div>
</tr>
{% ENDIF %}
{% ENDFOR %}
</table>
В этом случае у вас должна получиться приближенная структура данных блоков, так как у раздела доставки она табличная, проверьте на работу способов оплаты, чтобы лишнего ничего не появилось
#5
Mizou
-
- Пользователи
-
- 65 сообщений
Продвинутый пользователь
Отправлено 09 Февраль 2016 - 07:05
Vaccina (09 Февраль 2016 - 06:50) писал:
В этом случае у вас должна получиться приближенная структура данных блоков, так как у раздела доставки она табличная, проверьте на работу способов оплаты, чтобы лишнего ничего не появилось
Лишнего не появляется. А в css как .payment .orderStagePaymentList изменить, чтобы довести блоки до нужного вида?
#6
Vaccina
-
- Модераторы
-
- 24 353 сообщений
Активный участник
Отправлено 09 Февраль 2016 - 07:23
<table class="orderStageDeliveryListTable table-box">
<div class="title-box text-center">
<h2 class="title" title="Выберите удобный для вас способ оплаты заказа"><span>Cпособ оплаты</span></h2>
</div>
{% FOR order_delivery %}
{% IFNOT order_delivery.available_payment_list_empty %}
<tr class="payment" rel="{order_delivery.ID}" style="display: none;">
<div class="orderStagePayment">
{% FOR available_payment_list %}
<div class="orderStagePaymentList">
<td 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 %}/></td>
<td 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>
</td>
</div>
{% ENDFOR %}
</div>
</tr>
{% ENDIF %}
{% ENDFOR %}
</table>
замените на:
<table class="orderStageDeliveryListTable orderStagePaymentListTable table-box">
<div class="title-box text-center">
<h2 class="title" title="Выберите удобный для вас способ оплаты заказа"><span>Cпособ оплаты</span></h2>
</div>
{% FOR order_delivery %}
{% IFNOT order_delivery.available_payment_list_empty %}
{% FOR available_payment_list %}
<tr class="orderStagePayment payment" rel="{order_delivery.ID}" style="display: none;">
<div class="orderStagePaymentList">
<td 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 %}/></td>
<td 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>
</td>
</div>
</tr>
{% ENDFOR %}
{% ENDIF %}
{% ENDFOR %}
</table>
В main.css найдите:
.adress, .customer, .delivery, .payment, .coupons {
float: left;
width: 100%;
}
после него разместите:
.orderStagePaymentListTable .cell1 {
background: #e1e1e1;
width: 120px;
}
.orderStagePaymentListTable .cell2 {
width: 89%;
}
#7
gesha81
-
- Пользователи
-
- 129 сообщений
Продвинутый пользователь
- ГородЧита
Отправлено 22 Сентябрь 2016 - 02:59
Здравствуйте.
Помогите пожалуйста откорректировать форму быстрого заказа. Необходимо сделать следующее:
- прописать простой строкой способ доставки и стоимость (как на картинке). Просто нужно параметры передающие названия и число прописать в строку. У меня что то не получилось так сделать.
- описание доставки перенести под строку обычным текстом.
- сам блок "способ доставки" потом скрыть.
Аккаунт, где необходимо сделать корректировки: SL-395277
Помогите пожалуйста откорректировать форму быстрого заказа. Необходимо сделать следующее:
- прописать простой строкой способ доставки и стоимость (как на картинке). Просто нужно параметры передающие названия и число прописать в строку. У меня что то не получилось так сделать.
- описание доставки перенести под строку обычным текстом.
- сам блок "способ доставки" потом скрыть.
Аккаунт, где необходимо сделать корректировки: SL-395277
#8
Vaccina
-
- Модераторы
-
- 24 353 сообщений
Активный участник
Отправлено 22 Сентябрь 2016 - 05:40
В шаблоне Быстрый заказ найдите:
замените на:
<h6 class="title" ><span>Стоимость доставки ... </span> <label for="deliveryId{order_delivery.ID}">{order_delivery.NAME}</label> составит ...</h6>
<!-- Способ доставки-->
<div class="delivery">
замените на:
{% FOR order_delivery %}{% IF order_delivery.ID = 356970 %}
<h6 class="title" ><span>Стоимость доставки {order_delivery.NAME} </span> составит {order_delivery.END_PRICE | money_format}</h6>
<p>{order_delivery.DESC}</p>
{% ENDIF %}{% ENDFOR %}
<!-- Способ доставки-->
<div class="delivery" style="display:none;">
#9
gesha81
-
- Пользователи
-
- 129 сообщений
Продвинутый пользователь
- ГородЧита
Отправлено 22 Сентябрь 2016 - 06:09
Большое спасибо! все - идеально!
#10
Kapal
-
- Пользователи
-
- 305 сообщений
Активный участник
Отправлено 26 Январь 2017 - 08:02
Создал способ оплаты: яндекс деньги для физ.лиц "через банковскую карту".
Можно так же через настройки сделать дополнительный способ оплаты: яндекс деньги для физ.лиц "через яндекс кошельки"???
Вообщем, что бы при оформлении заказа были оба способа оплаты: яндекс деньги для физ.лиц "через банковскую карту" и яндекс деньги для физ.лиц "через яндекс кошельки".
Можно так же через настройки сделать дополнительный способ оплаты: яндекс деньги для физ.лиц "через яндекс кошельки"???
Вообщем, что бы при оформлении заказа были оба способа оплаты: яндекс деньги для физ.лиц "через банковскую карту" и яндекс деньги для физ.лиц "через яндекс кошельки".
#11
Kapal
-
- Пользователи
-
- 305 сообщений
Активный участник
Отправлено 26 Январь 2017 - 11:28
Вопрос актуален!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных
