Оформление Шага Доставки
#1
Отправлено 19 Декабрь 2013 - 22:45
1. Как выделить заголовки способов доставки (самовывоз, курьер такой, курьер такой-то и т.д.)? Надо сделать их большего размера - хотя бы как основной текст, выделить жирным и зелёным.
2. Можно ли сделать список регионов в каждом пункте заказа выпадающим? Чтобы список был как бы свёрнут, а когда чел выбирает способ доставки, разворачивался.
http://ecograce.ru
#2
Отправлено 20 Декабрь 2013 - 05:29
.orderStageDelivery td.cell2 { width: auto; }Пропишите сюда необходимые шрифтовые стили, например font-size:16px;
2. Подобный вопрос обсуждался в другой теме и имеет инструкции:
http://forum.storela...вки/#entry84674
#3
Отправлено 20 Декабрь 2013 - 13:47
#4
Отправлено 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
Отправлено 20 Декабрь 2013 - 23:02
#6
Отправлено 10 Январь 2014 - 11:36
1. Хочу убрать эти плюсики перед ценами или хотя бы заменить их на тире. Как это сделать?
2. Как уменьшить размер шрифта цены и изменить цвет?
3. Как сократить "рублей" до руб.?
#7
Отправлено 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
Отправлено 10 Январь 2014 - 12:59
#9
Отправлено 21 Январь 2014 - 07:59
onmyoji (10 Январь 2014 - 12:59) писал:
если Вам интересно вот несколько советов:
1. Сотовый телефон замените на прямой... (по статистике когда у компании сотовый номер, это нехило бьет по престижу и трафику ну и по продажам...)
2. В шапке лучше убрать три строчки зеленые. (логотип смотрится очень хорошо и профессионально, но на фоне этих строк ощущение другое...)
3. Кнопка купить в карточке товара то же больно "пафосная".
4. Если у вас расчетный счет то сделайте в Вашем магазине возможность оплаты онлайн пластиковыми картами.
Это просто советы обычного пользователя. =)
#10
Отправлено 22 Январь 2014 - 09:41
Navihome_ru (21 Январь 2014 - 07:59) писал:
если Вам интересно вот несколько советов:
1. Сотовый телефон замените на прямой... (по статистике когда у компании сотовый номер, это нехило бьет по престижу и трафику ну и по продажам...)
2. В шапке лучше убрать три строчки зеленые. (логотип смотрится очень хорошо и профессионально, но на фоне этих строк ощущение другое...)
3. Кнопка купить в карточке товара то же больно "пафосная".
4. Если у вас расчетный счет то сделайте в Вашем магазине возможность оплаты онлайн пластиковыми картами.
Это просто советы обычного пользователя. =)
Navihome_ru, спасибо, что уделили время и посмотрели мой магазин) Отвечу по порядку)
1. Прямой номер мы собирались поставить попозже, удовольствие это недешевое и, думаю, не окупается, пока трафик самый минимальный.
2. Я, к сожалению, не нашла, куда лучше пристроить эти строчки) УТП должно быть на самом видном месте, т.е. желательно в шапке. Но как это красивее реализовать, я не придумала. Логотип, конечно, делала дизайнер. А вот строчки я сама пыталась пристроить) Какое, вы думаете, для них лучше место или оформление?
3. Ну, кнопка купить должна быть очень контрастной. А поскольку магазин рассчитан на женскую аудиторию, не всегда хорошо знакомую с компьютером, то я сделала ещё и с картинкой - чтобы точно было понятно) Кнопка для блондинок, так сказать))
4. Со способами оплаты я что-то не могу до конца разобраться. Я так поняла, что чтобы подключить Робокассу или пластиковые карты надо оформлять это через юр. лицо?
#11
Отправлено 22 Январь 2014 - 16:07
onmyoji (22 Январь 2014 - 09:41) писал:
1. Прямой номер мы собирались поставить попозже, удовольствие это недешевое и, думаю, не окупается, пока трафик самый минимальный.
2. Я, к сожалению, не нашла, куда лучше пристроить эти строчки) УТП должно быть на самом видном месте, т.е. желательно в шапке. Но как это красивее реализовать, я не придумала. Логотип, конечно, делала дизайнер. А вот строчки я сама пыталась пристроить) Какое, вы думаете, для них лучше место или оформление?
3. Ну, кнопка купить должна быть очень контрастной. А поскольку магазин рассчитан на женскую аудиторию, не всегда хорошо знакомую с компьютером, то я сделала ещё и с картинкой - чтобы точно было понятно) Кнопка для блондинок, так сказать))
4. Со способами оплаты я что-то не могу до конца разобраться. Я так поняла, что чтобы подключить Робокассу или пластиковые карты надо оформлять это через юр. лицо?
Лучшего места для этих строк я не придумал)
по поводу оплаты по пластиковым картам:
да, нужен расчетный счет, а его можно сделать только имея ИП или ООО и др.
#12
Отправлено 10 Февраль 2015 - 13:37
Я тоже хочу навести порядок в вариантах доставки. попыталась воспользоваться вышеупомянутой инструкцией, не нашла заданные строки.
Прошу помочь реализовать следующее:
1. Выделить размером и цветом Варианты доставки.
2. Каждый вариант доставки отделить от другого рамкой. т.е. каждый вариант доставки будет в обособленной рамке.
3. такие же пункты сделать не только в карточке товара, но и при оформлении заказа.
#13
Отправлено 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 пункту
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных