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


Оформление Шага Доставки


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

#1 onmyoji

onmyoji

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

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

Отправлено 19 Декабрь 2013 - 22:45

Помогите, пожалуйста, оформить шаг доставки. У меня в каждом варианте доставки много зон, получается на вид полная каша :-(

1. Как выделить заголовки способов доставки (самовывоз, курьер такой, курьер такой-то и т.д.)? Надо сделать их большего размера - хотя бы как основной текст, выделить жирным и зелёным.

2. Можно ли сделать список регионов в каждом пункте заказа выпадающим? Чтобы список был как бы свёрнут, а когда чел выбирает способ доставки, разворачивался.

http://ecograce.ru

#2 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 20 Декабрь 2013 - 05:29

1.main.css найдите:
.orderStageDelivery td.cell2 {
width: auto;
}
Пропишите сюда необходимые шрифтовые стили, например font-size:16px;

2. Подобный вопрос обсуждался в другой теме и имеет инструкции:
http://forum.storela...вки/#entry84674

#3 onmyoji

onmyoji

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

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

Отправлено 20 Декабрь 2013 - 13:47

Размер у меня получилось поменять, а цвет нет. Почему-то когда я указываю цвет, он меняется не только у названия способа доставки, но и у его описания. Т.е. весь текст на странице становится зелёным, вместо заголовков. Можно как-то изменить цвет только у заголовков?

#4 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 20 Декабрь 2013 - 14:02

Просмотр сообщенияonmyoji (20 Декабрь 2013 - 13:47) писал:

Размер у меня получилось поменять, а цвет нет. Почему-то когда я указываю цвет, он меняется не только у названия способа доставки, но и у его описания. Т.е. весь текст на странице становится зелёным, вместо заголовков. Можно как-то изменить цвет только у заголовков?

Редактируем шаблон Оформление заказа
Находим 131 строку
<td class="cell2">
					 <label for="deliveryId{order_delivery.ID}">{order_delivery.NAME}</label>
				 </td>

Заменяем на
<td class="cell2">
					 <label for="deliveryId{order_delivery.ID}"><h6>{order_delivery.NAME}</h6></label>
				 </td>

Редактируем main.css
Добавляем после 144 строки
h6 {
font-weight: bold;
color: #71d30e;
font-size: 1em;
line-height: 1.6666em;
margin: 1.6666em 0 0.8333em 0;
}

Таким образом мы добавили стили для заголовка названия доставки (h6)

#5 onmyoji

onmyoji

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

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

Отправлено 20 Декабрь 2013 - 23:02

Спасибо! :wub:

#6 onmyoji

onmyoji

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

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

Отправлено 10 Январь 2014 - 11:36

Как изменить отображение цены на доставку? Сейчас она выглядит вот так:

Изображение

1. Хочу убрать эти плюсики перед ценами или хотя бы заменить их на тире. Как это сделать?
2. Как уменьшить размер шрифта цены и изменить цвет?
3. Как сократить "рублей" до руб.?

#7 ne_yana

ne_yana

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

  • Модератоpы
  • 1 190 сообщений

Отправлено 10 Январь 2014 - 12:02

Просмотр сообщенияonmyoji (10 Январь 2014 - 11:36) писал:

Как изменить отображение цены на доставку? Сейчас она выглядит вот так:

Изображение

1. Хочу убрать эти плюсики перед ценами или хотя бы заменить их на тире. Как это сделать?
2. Как уменьшить размер шрифта цены и изменить цвет?
3. Как сократить "рублей" до руб.?
Здравствуйте, в разделе Сайт - Редактор шаблонов - Оформление заказа знак + можно изменить в коде
+ <span class="orderStageDeliveryDefaultPrice" {% IF order_delivery.ZONE_ID>0 %}style="display:none;"{% ENDIF%}>{order_delivery.END_PRICE | money_format}</span>

Размер и цвет можно изменить в файле main.css  в коде
.orderStageDelivery td.cell3		 {
width:200px;
white-space:nowrap;
text-align:right;
font-size:1.5em; /* размер шрифта */
color:#188518; /* цвет шрифта */
}

3. Если нужно изменить только здесь, то в разделе Оформление заказа замените
<span class="orderStageDeliveryDefaultPrice" {% IF order_delivery.ZONE_ID>0 %}style="display:none;"{% ENDIF%}>{order_delivery.END_PRICE | money_format}</span>
										 <span class="orderStageDeliveryZonePrice" {% IF order_delivery.ZONE_ID<1 %}style="display:none;"{% ENDIF%}>{order_delivery.ZONE_END_PRICE | money_format}</span>
на
<span class="orderStageDeliveryDefaultPrice" {% IF order_delivery.ZONE_ID>0 %}style="display:none;"{% ENDIF%}>{order_delivery.END_PRICE | } руб</span>
										 <span class="orderStageDeliveryZonePrice" {% IF order_delivery.ZONE_ID<1 %}style="display:none;"{% ENDIF%}>{order_delivery.ZONE_END_PRICE | } руб</span>


#8 onmyoji

onmyoji

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

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

Отправлено 10 Январь 2014 - 12:59

Спасибо!

#9 Navihome_ru

Navihome_ru

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

  • Пользователи
  • PipPipPip
  • 94 сообщений
  • ГородМосква

Отправлено 21 Январь 2014 - 07:59

Просмотр сообщенияonmyoji (10 Январь 2014 - 12:59) писал:

Спасибо!
Здравствуйте, посетил сайт http://www.ecograce.ru
если Вам интересно вот несколько советов:
1. Сотовый телефон замените на прямой... (по статистике когда у компании сотовый номер, это нехило бьет по престижу и трафику ну и по продажам...)
2. В шапке лучше убрать три строчки зеленые. (логотип смотрится очень хорошо и профессионально, но на фоне этих строк ощущение другое...)
3. Кнопка купить в карточке товара то же больно "пафосная".
4. Если у вас расчетный счет то сделайте в Вашем магазине возможность оплаты онлайн пластиковыми картами.

Это просто советы обычного пользователя. =)

#10 onmyoji

onmyoji

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

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

Отправлено 22 Январь 2014 - 09:41

Просмотр сообщенияNavihome_ru (21 Январь 2014 - 07:59) писал:

Здравствуйте, посетил сайт http://www.ecograce.ru
если Вам интересно вот несколько советов:
1. Сотовый телефон замените на прямой... (по статистике когда у компании сотовый номер, это нехило бьет по престижу и трафику ну и по продажам...)
2. В шапке лучше убрать три строчки зеленые. (логотип смотрится очень хорошо и профессионально, но на фоне этих строк ощущение другое...)
3. Кнопка купить в карточке товара то же больно "пафосная".
4. Если у вас расчетный счет то сделайте в Вашем магазине возможность оплаты онлайн пластиковыми картами.

Это просто советы обычного пользователя. =)

Navihome_ru, спасибо, что уделили время и посмотрели мой магазин) Отвечу по порядку)
1. Прямой номер мы собирались поставить попозже, удовольствие это недешевое и, думаю, не окупается, пока трафик самый минимальный.
2. Я, к сожалению, не нашла, куда лучше пристроить эти строчки) УТП должно быть на самом видном месте, т.е. желательно в шапке. Но как это красивее реализовать, я не придумала. Логотип, конечно, делала дизайнер. А вот строчки я сама пыталась пристроить) Какое, вы думаете, для них лучше место или оформление?
3. Ну, кнопка купить должна быть очень контрастной. А поскольку магазин рассчитан на женскую аудиторию, не всегда хорошо знакомую с компьютером, то я сделала ещё и с картинкой - чтобы точно было понятно) Кнопка для блондинок, так сказать))
4. Со способами оплаты я что-то не могу до конца разобраться. Я так поняла, что чтобы подключить Робокассу или пластиковые карты надо оформлять это через юр. лицо?

#11 Navihome_ru

Navihome_ru

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

  • Пользователи
  • PipPipPip
  • 94 сообщений
  • ГородМосква

Отправлено 22 Январь 2014 - 16:07

Просмотр сообщенияonmyoji (22 Январь 2014 - 09:41) писал:

Navihome_ru, спасибо, что уделили время и посмотрели мой магазин) Отвечу по порядку)
1. Прямой номер мы собирались поставить попозже, удовольствие это недешевое и, думаю, не окупается, пока трафик самый минимальный.
2. Я, к сожалению, не нашла, куда лучше пристроить эти строчки) УТП должно быть на самом видном месте, т.е. желательно в шапке. Но как это красивее реализовать, я не придумала. Логотип, конечно, делала дизайнер. А вот строчки я сама пыталась пристроить) Какое, вы думаете, для них лучше место или оформление?
3. Ну, кнопка купить должна быть очень контрастной. А поскольку магазин рассчитан на женскую аудиторию, не всегда хорошо знакомую с компьютером, то я сделала ещё и с картинкой - чтобы точно было понятно) Кнопка для блондинок, так сказать))
4. Со способами оплаты я что-то не могу до конца разобраться. Я так поняла, что чтобы подключить Робокассу или пластиковые карты надо оформлять это через юр. лицо?



Лучшего места для этих строк я не придумал)
по поводу оплаты по пластиковым картам:
да, нужен расчетный счет, а его можно сделать только имея ИП или ООО и др.

#12 shopyuliya

shopyuliya

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

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

Отправлено 10 Февраль 2015 - 13:37

Здравствуйте.
Я тоже хочу навести порядок в вариантах доставки. попыталась воспользоваться вышеупомянутой инструкцией, не нашла заданные строки.
Прошу помочь реализовать следующее:
1. Выделить размером и цветом Варианты доставки.
2. Каждый вариант доставки отделить от другого рамкой. т.е. каждый вариант доставки будет в обособленной рамке.
3. такие же пункты сделать не только в карточке товара, но и при оформлении заказа.

#13 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 10 Февраль 2015 - 14:14

Просмотр сообщенияshopyuliya (10 Февраль 2015 - 13:37) писал:

Здравствуйте.
Я тоже хочу навести порядок в вариантах доставки. попыталась воспользоваться вышеупомянутой инструкцией, не нашла заданные строки.
Прошу помочь реализовать следующее:
1. Выделить размером и цветом Варианты доставки.
2. Каждый вариант доставки отделить от другого рамкой. т.е. каждый вариант доставки будет в обособленной рамке.
3. такие же пункты сделать не только в карточке товара, но и при оформлении заказа.
Здравствуйте.
1) В main.css найдите код
.goodsDataMainDeliveryItemHeader {
padding: 1em 0em 0.5em 0.3em;
color: #555;
}
и замените на
.goodsDataMainDeliveryItemHeader {
padding: 1em 0em 0.5em 0.3em;
color: #555;
font-size: 15px;
}
изменяйте font-size(размер шрифта) и color(цвет шрифта)
2) Попробуйте такой вариант:
В main.css найдите код
.goodsDataMainDeliveryItem {
padding: 0em 1em 0em 1em;
}
и замените на
.goodsDataMainDeliveryItem {
padding: 0em 1em 0em 1em;
border-bottom: 2px solid #FF0;
margin-bottom: 10px;
}
изменяйте #FF0(цвет линии) и 10px(отступ)
3) В конец main.css добавьте
table.orderStageDeliveryListTable tbody {
border-bottom: 2px solid #FF0;
margin-bottom: 10px;
display: block;
}
изменяйте аналогично 2 пункту

#14 shopyuliya

shopyuliya

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

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

Отправлено 10 Февраль 2015 - 14:34

Просмотр сообщенияDanil (10 Февраль 2015 - 14:14) писал:

Большое спасибо. быстро и то что нужно!




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

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