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


Изменить Цвет Кнопок И Подкатегорий.

Автор Всемогущий, 11 нояб. 2012 17:35

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

#21 Всемогущий

Всемогущий

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

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

Отправлено 30 Январь 2013 - 16:54

Тогда может быть можно сделать вот так(скрин)?

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

  • ScreenShot 48.jpg
  • ScreenShot 49.jpg

#22 Koderhan

Koderhan

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

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

Отправлено 30 Январь 2013 - 16:56

А как пользователь поймет что нужно нажать на эту кнопку для того чтобы окончательно оформить заказ ?

#23 Всемогущий

Всемогущий

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

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

Отправлено 30 Январь 2013 - 17:09

На кнопке написать "Поздравляем, вы стали счастливым обладателем ....!" или "Спасибо, ваши деньги уже у нас в кармане!" :D.  А если серьезно, то нужно подумать. Но как-то кнопки нужно выделить, однозначно.

#24 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 30 Январь 2013 - 17:17

Просмотр сообщенияВсемогущий (30 Январь 2013 - 16:43) писал:

Отлично! Все получилось как хотел! Огромное спасибо, Вы мне очень помогли! А можно еще изменить цвет кнопок "Оформить заказ" на шаге №4 и "выставить счет"?

В шаблоне HTML найдите строчку
<a href="{CART_URL}" title="Оформить заказ в {SETTINGS_STORE_NAME}" class="whtblue">Оформить заказ</a></li>

замените ее на
<a href="{CART_URL}" title="Оформить заказ в {SETTINGS_STORE_NAME}" class="whtblue" id="colorbutton2>Оформить заказ</a></li>

#25 Всемогущий

Всемогущий

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

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

Отправлено 30 Январь 2013 - 21:57

Просмотр сообщенияsupport 2.0 (30 Январь 2013 - 17:17) писал:

В шаблоне HTML найдите строчку
<a href="{CART_URL}" title="Оформить заказ в {SETTINGS_STORE_NAME}" class="whtblue">Оформить заказ</a></li>

замените ее на
<a href="{CART_URL}" title="Оформить заказ в {SETTINGS_STORE_NAME}" class="whtblue" id="colorbutton2>Оформить заказ</a></li>



Ничего не происходит.

#26 mikola

mikola

    Good soo good

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

Отправлено 30 Январь 2013 - 22:03

Просмотр сообщенияВсемогущий (30 Январь 2013 - 21:57) писал:

Ничего не происходит.
попробуйте вставить дынный код 
<a href="{CART_URL}" title="Оформить заказ в {SETTINGS_STORE_NAME}" class="whtblue" id="colorbutton2">Оформить заказ</a></li>

#27 Всемогущий

Всемогущий

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

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

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

"Оформить заказ" и "Выставить счет" без изменений.

#28 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 31 Январь 2013 - 11:25

Просмотр сообщенияВсемогущий (30 Январь 2013 - 21:57) писал:

Ничего не происходит.

Данное изменение применилось слева в блоке Корзина

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

  • ScreenShot 91.jpg

#29 Всемогущий

Всемогущий

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

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

Отправлено 31 Январь 2013 - 13:26

Да, я заметил. Спасибо огромное! А как изменить цвет кнопок на четвертом шаге и на последнем?

#30 Koderhan

Koderhan

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

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

Отправлено 31 Январь 2013 - 13:42

Просмотр сообщенияВсемогущий (31 Январь 2013 - 13:26) писал:

Да, я заметил. Спасибо огромное! А как изменить цвет кнопок на четвертом шаге и на последнем?
В файл "main.csstemplate".
Добавить код:
.my4 {
	color: white;
	background-image: initial;
	background-color: #6CA559;
}
В файле "Оформление заказа".
Найти код:
<button type="submit" name="tonext" class="whtblue" >{% IF ORDER_STAGE_NUM=4%}Оформить заказ{% ELSE %}Перейти далее{% ENDIF %}</button>
Заменить:
<button type="submit" name="tonext" {% IF ORDER_STAGE_NUM=4%} class="whtblue my4" >Оформить заказ{% ELSE %} class="whtblue " > Перейти далее{% ENDIF %}</button>

#31 Всемогущий

Всемогущий

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

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

Отправлено 01 Февраль 2013 - 00:02

Отлично! Спасибо! Благодарю Вас за отличную работу.Теперь осталось решить проблему, как сделать заметной кнопку "Выставить счет". Если честно, не понимаю Ваше упорство в не желании уменьшить количество шагов оформления заказа или как-то выделить и сделать проще процедуру выставления счета. Более половины покупателей отваливается на этих этапах. Может как-то можно решить эту проблему?

#32 Vaccina

Vaccina

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

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

Отправлено 01 Февраль 2013 - 01:45

Цитата

Может как-то можно решить эту проблему?
К сожалению, на данный момент эту проблему решить не получиться.

#33 Всемогущий

Всемогущий

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

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

Отправлено 01 Февраль 2013 - 10:20

Скажите пожалуйста, как сделать, чтобы надпись на кнопке была видна четко?

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

  • ScreenShot 114.jpg

#34 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 01 Февраль 2013 - 11:52

Просмотр сообщенияВсемогущий (01 Февраль 2013 - 10:20) писал:

Скажите пожалуйста, как сделать, чтобы надпись на кнопке была видна четко?

замените в файле main.css (Сайт -> Редактор тем) блок
#colorbutton1 {
background: url(/web/upload/assets/images/144/143205/colorbutton.jpg) top center no-repeat;
}

на этот
#colorbutton1 {
background: url(/web/upload/assets/images/144/143205/colorbutton.jpg) top center no-repeat;
color: white;
text-shadow: 0px 0px 0 rgba(255, 255, 255, 1);
}

#35 Всемогущий

Всемогущий

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

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

Отправлено 01 Февраль 2013 - 12:00

Отлично, теперь порядок!

#36 Антон

Антон

    Пользователь

  • Пользователи
  • PipPip
  • 26 сообщений
  • ГородКазань

Отправлено 07 Март 2013 - 04:01

Подскажите пожалуйста, как прикрепить кнопку чтобы она менялось при наведении мышки

Изображение

#37 miyako

miyako

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

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

Отправлено 07 Март 2013 - 08:56

Просмотр сообщенияАнтон (07 Март 2013 - 04:01) писал:

Подскажите пожалуйста, как прикрепить кнопку чтобы она менялось при наведении мышки

Изображение

На какую кнопку вам нужно прикрепит? И какой цвет при каких действиях должен возникать?
Можете обратится к статьям - http://htmlbook.ru/c...ground-position
http://htmlbook.ru/c...ckground-repeat

#38 Антон

Антон

    Пользователь

  • Пользователи
  • PipPip
  • 26 сообщений
  • ГородКазань

Отправлено 08 Март 2013 - 08:36

Просмотр сообщенияmiyako (07 Март 2013 - 08:56) писал:

На какую кнопку вам нужно прикрепит? И какой цвет при каких действиях должен возникать?
Можете обратится к статьям - http://htmlbook.ru/c...ground-position
http://htmlbook.ru/c...ckground-repeat
Спасибо попробую

Дорогие дамы, поздравляем с праздником! С 8 марта!
Дамы, желаем Вам всегда быть счастливыми, успешными, любимыми!

#39 Виолетта

Виолетта

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

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

Отправлено 20 Октябрь 2013 - 22:12

Поменяла цвета кнопок:Купить и В корзину,но они перестали быть как бы выпуклыми,какими были до изменения. Если навести курсор на них,можно увидеть какой была кнопка. Как вернуть эту выпуклость или рельефность,не знаю как правильно объяснить.
И второй вопрос:так и не смогла понять как изменить зеленый цвет,который появляется при наведении на кнопку Купить и Подробнее в таблице и синий при наведении на кнопку В корзину

#40 ne_yana

ne_yana

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

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

Отправлено 21 Октябрь 2013 - 09:30

Просмотр сообщенияВиолетта (20 Октябрь 2013 - 22:12) писал:

Поменяла цвета кнопок:Купить и В корзину,но они перестали быть как бы выпуклыми,какими были до изменения. Если навести курсор на них,можно увидеть какой была кнопка. Как вернуть эту выпуклость или рельефность,не знаю как правильно объяснить.И второй вопрос:так и не смогла понять как изменить зеленый цвет,который появляется при наведении на кнопку Купить и Подробнее в таблице и синий при наведении на кнопку В корзину
Здравствуйте, выпуклость у кнопок была из-за того, что фоном кнопки была картинка, а теперь просто установленный Вами цвета.Сменить синюю кнопку можно, изменив следующий блок:
.whtblue:hover {background: url(http://design.good4hobby.ru/whtblue-bg.jpg) center top repeat;border: 1px solid #5fa8c4;color: #3e3e3e;text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4);}
а зеленые:
.whtgreen:hover, .blgreen:hover {
background: url(http://design.good4hobby.ru/whtgreen-bg.jpg) center center repeat;
border: 1px solid #83a61d;
color: #1c1c1c;
text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4);
}

Обратно в Каталог товаров


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Пластик
  5. → Каталог товаров
  6. Privacy Policy