Перейти к содержимому


2 Шаг "доставка" Изменение Дизайна


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 9

#1 miniplaneta

miniplaneta

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 140 сообщений

Отправлено 20 Март 2014 - 13:25

Добрый день.

1. Хотелось бы выравнять цену Зоны доставки по правому краю.
2. Выбираемую маркером зону доставки обернуть в рамочку с фоном, как и название способа доставки.

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

  • 20_03_1.png


#2 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 463 сообщений

Отправлено 20 Март 2014 - 13:30

Просмотр сообщенияminiplaneta (20 Март 2014 - 13:25) писал:

Добрый день.

1. Хотелось бы выравнять цену Зоны доставки по правому краю.
2. Выбираемую маркером зону доставки обернуть в рамочку с фоном, как и название способа доставки.

Выравнивание: в шаблон стилей добавьте:
.deliveryZonePrice {
float: right;
}


#3 miniplaneta

miniplaneta

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 140 сообщений

Отправлено 20 Март 2014 - 13:45

Просмотр сообщенияMikDark (20 Март 2014 - 13:30) писал:

Выравнивание: в шаблон стилей добавьте:
.deliveryZonePrice {
float: right;
}

Получилось не до конца.

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

  • 20_03_2.png


#4 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 463 сообщений

Отправлено 20 Март 2014 - 13:50

Просмотр сообщенияminiplaneta (20 Март 2014 - 13:45) писал:

Получилось не до конца.

Добавьте туда еще строку после float: right;  :
margin-right: -40px;

#5 miniplaneta

miniplaneta

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 140 сообщений

Отправлено 20 Март 2014 - 14:02

Просмотр сообщенияMikDark (20 Март 2014 - 13:50) писал:

Добавьте туда еще строку после float: right;  :
margin-right: -40px;

Теперь у зон не совсем синхронный отступ(!) с  базовым маркером

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

  • 20_03_3.png


#6 miniplaneta

miniplaneta

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 140 сообщений

Отправлено 20 Март 2014 - 15:46

Как перенести описание доставки с "перед зонами" на "после зон"?

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

  • 20_03_4.png


#7 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 463 сообщений

Отправлено 20 Март 2014 - 17:40

Просмотр сообщенияminiplaneta (20 Март 2014 - 15:46) писал:

Как перенести описание доставки с "перед зонами" на "после зон"?

Давайте сделаем так:
В шаблоне Оформление заказа найдите строчку
<label class="orderStageDeliveryZoneLabel" for="deliveryZoneId{order_delivery.zone_list.ID}" style="color: #333;">
						  {order_delivery.zone_list.NAME}
						  <span class="deliveryZonePrice" style="color: #333;">{order_delivery.zone_list.END_PRICE | money_format}</span>
						</label>
					  </td>
					  <td></td>
					</tr>


и замените ее на
<label class="orderStageDeliveryZoneLabel" for="deliveryZoneId{order_delivery.zone_list.ID}" style="color: #333;">
						  {order_delivery.zone_list.NAME}				   
						</label>
					  </td>
					  <td><span class="deliveryZonePrice" style="color: #333;">{order_delivery.zone_list.END_PRICE | money_format}</span></td>
					</tr>

Далее убираем margin-right

и в стили добавляем:
.cell3 {
text-align: right;
}


#8 miniplaneta

miniplaneta

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 140 сообщений

Отправлено 20 Март 2014 - 19:17

Просмотр сообщенияMikDark (20 Март 2014 - 17:40) писал:


В шаблоне Оформление заказа найдите строчку
<label class="orderStageDeliveryZoneLabel" for="deliveryZoneId{order_delivery.zone_list.ID}" style="color: #333;">
{order_delivery.zone_list.NAME}
<span class="deliveryZonePrice" style="color: #333;">{order_delivery.zone_list.END_PRICE | money_format}</span>
</label>
</td>
<td></td>
</tr>


и замените ее на
<label class="orderStageDeliveryZoneLabel" for="deliveryZoneId{order_delivery.zone_list.ID}" style="color: #333;">
						 {order_delivery.zone_list.NAME}				
					 </label>
					 </td>
					 <td><span class="deliveryZonePrice" style="color: #333;">{order_delivery.zone_list.END_PRICE | money_format}</span></td>
				 </tr>


теперь при выборе зоны пропадает расчет доставки :(

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

  • 20_03_5.PNG


#9 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 463 сообщений

Отправлено 20 Март 2014 - 19:31

Просмотр сообщенияminiplaneta (20 Март 2014 - 19:17) писал:

теперь при выборе зоны пропадает расчет доставки :(

Восстановите сейчас пока все из бэкапа назад, мы подумаем что можно сделать.

#10 miniplaneta

miniplaneta

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 140 сообщений

Отправлено 20 Март 2014 - 20:11

Восстановил бэкап.

По поводу выравнивания цен зон наверное имеет смысл оставить так

Просмотр сообщенияMikDark (20 Март 2014 - 13:30) писал:

Выравнивание: в шаблон стилей добавьте:
.deliveryZonePrice {
float: right;
}

А подобрать выравнивание итогового маркера за счет margin-right: ___px;

хотя и такой Ваш вариант
.deliveryZonePrice {float: right; margin-right: -40px;}
.cell3 {text-align: right;}
вроде срабатывает




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных